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

/*-------- GLOBALES ----------*/

body{ background:url(../img/bg.jpg) no-repeat top center #052A6E; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646567;}
.both{ clear:both;}
.site{ width:980px; margin:auto; margin-top:13px;}
a{ color:#646567; text-decoration:none;}
a:hover{ color:#646567; text-decoration: underline;}
.logo{ width:980px; height:411px; background:url(../img/logo.png) no-repeat top center; position:relative; z-index:2;}
.logo a{ width:700px; height:318px;display:block; margin:auto;}
.contenu, .haut, .milieu, .bas{ width:952px;}
.contenu {margin:-100px 0 50px 30px; position:relative; z-index:1;} /*la marge à gauche permet de centrer la boite blanche malgré les ombres de celle-ci */
.contenu .haut{ background:url(../img/contenu_haut.png) no-repeat; height:32px;}
.contenu .milieu{ background:url(../img/contenu_milieu.png) repeat-y; padding-top:60px;}
.contenu .bas{ background:url(../img/contenu_bas.png) no-repeat bottom; min-height:125px;}
a.commander{display:block; width:220px; height:209px; position:absolute; z-index:10; padding:60px 0 0 30px;}
.slogan{ background:url(../img/slogan.png) no-repeat; width:409px; height:54px; margin:auto;}
.presentation ul li{ background: url(../img/puce.png) no-repeat; padding:7px 0 8px 30px}
.contenu .bas ul{margin-left:60px;}
.contenu .bas ul li{ background:none; float:left; margin:0 20px; padding:0px;}
.contenu .bas ul li a{padding:72px 0 0 0; width:120px; text-align:center; display:block; text-decoration:none; color:#000000;}
.contenu .bas ul li a:hover{ color:#646567; text-decoration:underline;}
li.footer_1 a{ background:url(../img/footer_1.jpg) top center no-repeat;}
li.footer_2 a{ background:url(../img/footer_2.jpg) top center no-repeat;}
li.footer_3 a{ background:url(../img/footer_3.jpg) top center no-repeat;}
li.footer_4 a{ background:url(../img/footer_4.jpg) top center no-repeat;}
li.footer_5 a{ background:url(../img/footer_5.jpg) top center no-repeat;}
h1{ font-size:18px; text-align:center;}
.texte{ padding:0 30px 20px 30px; width:900px;}
.texte p{ margin-top:10px; width:850px; text-align:justify;}
.texte ol{list-style-type:lower-alpha;}
.texte ol li{font-weight:bold; margin:30px 0 10px 20px; font-size:15px;}
.texte ol ul li {font-weight:normal; font-size:12px; list-style-type: square}
h3{ text-align:center; font-size:16px; margin:10px auto; color:#079EDF;}
h4{ text-align:center; font-size:14px; margin:15px auto; color:#F1930D;}
/*--------- INDEX -----------*/

.contenu_index{ background:url(../img/bg_index.jpg) no-repeat; width:807px; height:442px; margin:auto; font-weight:bold;}
.contenu_index ul{ width:300px; padding-top:145px; margin:0 0 0 480px; text-align:justify;}

/*--------- COMMANDE -----------*/

.panier{ margin:20px 80px 0 50px; background:url(../img/jeu.jpg) no-repeat top left; height:305px}
.panier table{float:right; color:#424443;}
.panier table th{font-size:18px; font-weight:bold; padding:0 10px 10px 10px;}
.multiplie{font-size:18px; font-weight:bold; padding-right:10px;}
.panier input{ width:40px;}
.intitule{ text-align:center;}
.prix_unit{ background:url(../img/prix_unit.jpg) no-repeat; width:100px; height:37px; text-align:center; line-height:37px; display:block; font-size:18px; font-weight:bold; margin: 5px auto;}
.prix{ background:url(../img/prix.jpg) no-repeat; width:100px; height:37px; text-align:center; line-height:37px; display:block; font-size:18px; font-weight:bold; margin:5px auto;}
.delimit{ height:40px;}
.text_table{text-align:right;}
.blue{ border-right:2px solid #3a5a92;}
.px_total{ color:#004e94;font-size:18px; font-weight:bold; padding-left:70px;}
.px_total span{font-size:12px; font-weight:normal; color:#424443;}
.cgv{ text-align:center}
.commande{ background:url(../img/commande.jpg) no-repeat bottom; width:222px; height:31px; border:none; margin:20px 0 20px 365px;}
.commande:hover{ color:#DDDDDD;}

.commande_adresse{ margin:auto; width:315px;}
.commande_adresse label{ text-align:right; width:150px; float:left; padding:0 5px 0 0; height:21px; line-height:21px; margin-bottom:5px;}
.commande_adresse label.long{width:210px; float:left; padding:0 5px 0 0; height:21px; line-height:21px; margin-bottom:5px;}
.commande_adresse input[type=text]{width:150px; float:left; margin-bottom:5px;}
.facturation, .livraison{ margin-top:20px;}
.payer{width:162px; height:30px; border:none; background:url(../img/submit.jpg) no-repeat; color:#FFFFFF; font-weight:bold; font-size:15px; padding-bottom:3px; margin:20px 0 0 75px;}
.commande_ok, .commande_ko{width:280px; margin:20px auto 0 auto; padding:10px;font-weight:bold; text-align:center;}
.commande_ok a, .commande_ko a{ margin-top:10px; display:block}
.commande_ok{border:5px solid #079EDF;background:#b7ddee;}
.commande_ko{border:5px solid #990000;background:#ffdddd;}

/*------- FIN COMMANDE ---------*/

#msg{ border:5px solid #990000; width:280px; margin:20px auto 0 auto; padding:10px; background:#ffdddd; font-weight:bold; display:none;}
.texte form{width:300px; margin:20px auto;}
.texte form input[type=text]{width:300px; margin-bottom:10px;}
.texte form textarea{width:300px; height:200px; margin-bottom:10px;}
.texte form input[type=submit]{width:297px; height:40px; border:none; background:url(../img/submit2.jpg) no-repeat; color:#FFFFFF; font-weight:bold; font-size:15px; padding-bottom:3px}

/*----CAPTCHA----*/

.azerty{ display:none;}