@charset "utf-8";
/* CSS Document */

body {background-color:#FFF; font-family:"Calibri"; width: 800px; margin: auto; font-size: 13px; color:#555;}
#head {margin-top:20px;}
#contenu {background:url("images/shop2.jpg") no-repeat scroll left 30px transparent; width:795px; height:599px; background-color:#6d7779; background-position:right top;box-shadow: 25px 5px 9px #999; font-size:36px; color:#FFF; }
.texteintro {background-color:#333; width:300px; height:300px;  margin-left:15px;opacity:0.7;  font-size:16px;   list-style-type: none;text-align: left;
}
ul {list-style-type: none;width:260px;margin:0 auto;padding-left:0;line-height:21px; }
.texteintro li { display:block; padding: 7px 0px 0px 0px;list-style-type: none;width:260px; }
#cliquez {font-size:20px; background-color:#ff7200; font-weight:bold; text-align:center; width:260px; height:50px; margin-left:15px;  border-radius: 5px;text-decoration:none; color:#FFF;box-shadow: 0px 0px 9px #333;margin:0 auto;padding-left:0; margin-top:15px; border:1px #c1bfc0 solid; }
#cliquez:hover { background-color:#f7941e;font-weight:bold; text-align:center;  height:50px;   border-radius: 5px;text-decoration:none; color:#FFF;}
#cliquez a {font-size:20px; font-weight:bold; text-align:center;  height:30px; margin-left:0px;   border-radius: 5px; text-decoration:none; color:#FFF; line-height:20px;  }
#charte { font-size:20px; color:#333;height:599px;box-shadow: 25px 5px 9px #999;margin-top:28px; margin-left:0}
#charte .texte{ font-size:13px; color:#333;width:770px; padding:2px; margin:0 auto;padding-left:0; line-height:22px; padding-top:15px;}
.title2 {font-size:20px;width: 770px;padding:2px;margin:0 auto;padding-left:0; line-height:35px; padding-top:10px;}
.abonnement {font-weight:bold;font-size:12px; text-align:center;list-style-type: none;}
#confirmation { margin-left: 180px; padding-top: 40px; padding-left: 25px; }
#contenu h1{ font-size:40px; color:#555; padding-left:15px; font-weight:normal; padding-top:10px; }
#form-insc {border:1px #dfdfdf solid; height:460px; width:280px;box-shadow: 15px 5px 6px #d7d7d7; padding: 20px; color:#333; line-height:30px; }
#form li { display:block; color: #333; }
h3{ font-size:30px; color:#333; padding-left:25px; font-weight:normal; padding-top:10px; margin-left:180px; }
li input { color:#333;}
input[type=submit] { margin-top:30px;width:169px;margin-left:0;box-shadow:1px 1px 1px #333;cursor:pointer; color:#fff; height:50px; font-weight:bold; font-size:18px; background: #8a2a2a; background: -moz-linear-gradient(top,#bd3939, #8a2a2a); background: -webkit-linear-gradient(top, #bd3939, #8a2a2a); background: linear-gradient(top, #bd3939, #8a2a2a); border:0;}
input[type=submit]:hover {margin-top:30px;background: #bd3939; background: -moz-linear-gradient(top , #8a2a2a, #bd3939); background: -webkit-linear-gradient(top, #8a2a2a, #bd3939); background: linear-gradient(top, #8a2a2a, #bd3939);}
p.five  { font-size: 12px; width:500px; padding:0px 20px 4px; color:#999;}
#contenu-merci {background:url("images/shop.jpg") no-repeat scroll left 30px transparent; width:795px; height:599px; background-color:#6d7779; background-position:right top;box-shadow: 25px 5px 9px #999; font-size:36px; color:#FFF; }
#intro-merci {opacity:0.9; background-color:#333; font-weight:bold;font-size:12px; text-align:center;list-style-type: none; height:80px;}
#intro-merci h1{ font-size:30px; color:#555; padding-left:15px; font-weight:normal;  }
#intro-merci h2{ font-size:25px; color:#555; padding-left:15px; font-weight:normal; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95); line-height:1px; }
#footer {color:#666; padding-left:25px; font-weight:normal; padding-top:40px; margin-left:180px; }
#footer2 { margin:5px 0 0 305px; color:#666;}
#footer2 a { color:#666;  }
#footer2 a:hover { color:#000;}
#footer a { color:#666;  }
#footer a:hover { color:#000;}
#footer-newsletter { margin-top:40px;color:#666; margin-top:60px; margin-left:300px; }
#footer-charte { color:#666; margin-top:20px; margin-left:300px; }
#footer-charte a { color:#666; margin-top:60px;  }
#footer-charte a:hover { color:#000; margin-top:60px;}
#footer-newsletter a { margin-top:40px;color:#666; margin-top:60px; }
#footer-newsletter  a:hover {color:#000; margin:0 auto;margin-top:60px;   }