/*
* Styles de base
*/
html, body {
margin : 0;
padding: 0;
height:100%;
font-family : Arial, Verdana, sans-serif;
font-size : 1.2em;
color : #FFFFFF;
text-align:left;
background-color:#0D3F96;
}
a:link{font-weight : bold;text-decoration : none;color : #FFFFFF; }
a:visited{font-weight : bold;text-decoration : none;color : #FFFFFF; }
a:active{font-weight : bold;text-decoration : none;color : #FFFFFF; }
a:hover{font-weight : bold;text-decoration : underline;color : #FFFFFF;}
a[name]:hover{font-weight : bold;text-decoration : none;color : #FFFFFF;}
img {border:none;}
h5 {text-align:center;}
/*
* Classes particulieres
*/
.spacer {clear: both;}
.no_space {margin:0;}
.inline {display:inline;}
#conteneur {margin:0 auto; width:870px; height:auto; padding-bottom:20px;}
#menu {margin-left:11px;height:171px;background-image: url('/images/web/back-menu.gif');background-repeat:repeat-x;}
#menu img.box {border:1px solid #FFFFFF;float:left;margin-top:10px;}
#centre {
padding-left: 170px;
}
#centre_min {
margin-left: 20px;
}
#centre_art {
margin-left: 210px;
padding-right: 190px;
text-align:center;
}
#centre_ident {
margin-left: 260px;
margin-right: 180px;
}
#gauche {
padding-left: 10px;
float:left;
width: 150px;
}
#gauche_min {
float:left;
width: 20px;
}
#gauche_art {
padding-left: 10px;
float:left;
width: 200px;
}
#gauche_ident {
margin-left:10px;
float:left;
width: 250px;
}
#droite {
float:right;
width: 188px;
text-align:right;
}
#question {
width:570px;
margin-left:300px;
text-align:right;
}
div.prop {height:330px;float:right;width:1px;min-height:330px;}
#bas {margin-left:11px;float:left;padding-bottom:20px;}
#left_zone {width:438px;float:left;margin-left:40px;}
#right_zone {width:188px;float:right;text-align:right;}
#left_boutique {margin-top:5px;height:280px;font-size:0.5em;background-image: url('/images/web/encart-boutique.jpg');background-repeat:no-repeat;}
#footer {position:relative; clear:both; margin:0 auto; width:870px; /*position:fixed; bottom:0; */float:none; background-color:#261374; text-align:center; font-family:Verdana,Arial,sans-serif; font-size:0.5em; font-weight:bold;}
#rech {font-size:0.6em;font-weight:bold;font-style:italic;text-align:center;}
#search {margin-left:0;padding-top:50px;text-align:left;font-size:0.5em;font-weight:bold;}
#search input, select {background-color:#0D3F96;color:#FFFFFF;font-weight:bold;}
#rayon {}
#rayon table {width:417px;border:0;border-collapse:collapse;margin:0;padding:0;}
#rayon table.main {margin-left:40px;margin-top:30px;background-color:#FAF835;}
#rayon th, td {border:0;}
#rayon_min {margin-left:50px;margin-top:20px;}
#rayon_min h1 {text-align:left;margin-left:160px;font-size:0.6em;font-weight:bold;}
#rayon_min h1 a {color:#E60003;}
#rayon_min div.desc {text-align:left;margin-left:170px;font-size:0.5em;}
#pagination {font-size:0.5em;text-align:center;width:417px;margin-left:40px;}
a.pagination0 {color:#7C0000;}
a:visited.pagination0 {color:#7C0000;}
a.pagination1 {color:#FFFFFF;}
.intitule {padding-left:5px;height:29px;}
.art_nom {margin:0;padding:0;padding-left:5px;font-size:0.45em;color:#000000;}
.refproduit {text-align:left;background-image:url('/images/web/fondfull-refproduit.gif');background-repeat:no-repeat;font-size:0.6em;font-weight:bold;height:31px;}
#bloc_article {text-align:left;margin-left:10px;margin-right:10px;padding:3px;background-color:#FAF835;}
#no_art {padding-top:40px;}
#no_art span.error {font-size:0.6em;}
#art_nom {border:2px outset;background-color:#FAF835;color:#0D3F96;font-size:0.6em;font-weight:bold;}
#art_img {margin-top:5px;}
#art_doc {border:2px outset;background-color:#C40005;font-size:0.5em;margin-top:5px;}
#art_ref {border:2px outset;width:300px;text-align:left;background-color:#0D3F96;color:#FAF835;font-size:0.6em;font-weight:bold;}
#art_desc {width:422px;background-color:#FFFFFF;color:#0D3F96;font-size:0.5em;font-weight:bold;text-align:left;margin-top:2px;padding-left:5px;}
#art_plus {width:422px;background-color:#FFFFFF;color:#0D3F96;font-size:0.5em;font-weight:bold;text-align:left;margin-top:2px;padding-left:5px;}
#art_price {border:2px outset;width:150px;text-align:left;background-color:#0D3F96;color:#FAF835;font-size:0.8em;font-weight:bold;}
#art_promo {float:right;}
#art_promo input {width:150px;background-color:#0D3F96;color:#FFFFFF;display:block;border:1px solid;}
#art_insert {margin-top:10px;}
a.back {font-size:0.5em;}
#cart {width:650px;margin-left:10px;background-color:#BFD3F7;border:1px solid #FFFFFF;}
table#table_cart {color:#0D3F96;font-size:0.6em;width:640px;margin-left:5px;margin-top:5px;border-collapse:collapse;}
#cart td.head4 {background-color:#0D3F96;color:#FAF835;text-align:center;vertical-align: middle;font-weight:bold;}
#cart td.head4 a {color:#FAF835;}
#cart td.cell_main {font-weight:normal;}
#cart td.cell_total {font-weight:bold;text-align:right;}
#cart a.art {color:#000000;}
#cart hr {color:#0D3F96;background-color:#0D3F96;height:4px;border:1px solid #FFFFFF;}
#cart_plus {width:650px;margin-left:10px;margin-top:10px;}
#form_cart_plus {float:left;width:480px;}
#form_cart_plus input {vertical-align:top;background-color:#0D3F96;color:#FFFFFF;}
#form_cart_plus select {vertical-align:top;width:130px;}
#form_cart_plus label {float:left;font-size:0.5em;text-align:left;}
#form_cart_plus p {padding: .2em 0;margin: 0 0 .2em 0;font-weight:bold;}
#form_gauche_ident {float:left;width:230px;background-color:#F8FDA2;font-size:0.5em;color:#0D3F96;text-align:right;}
#form_gauche_ident input.form_gauche_ident_text {width:60px;background-color:#0D3F96;color:#FFFFFF;border:1px solid #FFFFFF;}
#form_gauche_ident input.form_gauche_ident_text_long {width:150px;background-color:#0D3F96;color:#FFFFFF;border:1px solid #FFFFFF;}
#form_gauche_ident p {padding: .2em 0;margin: 0 0 .2em 0;padding-right:.5em;font-weight:bold;}
#form_gauche_ident_pass {float:left;margin-top:10px;width:230px;background-color:#F8FDA2;font-size:0.5em;color:#0D3F96;text-align:right;}
#form_gauche_ident_pass input.form_gauche_ident_text {background-color:#0D3F96;color:#FFFFFF;border:1px solid #FFFFFF;}
#form_gauche_ident_pass input.form_gauche_ident_text_long {background-color:#0D3F96;color:#FFFFFF;border:1px solid #FFFFFF;}
#form_gauche_ident_pass p {padding: .2em 0;margin: 0 0 .2em 0;padding-right:.5em;font-weight:bold;}
#form_centre_ident {background-color:#BFD3F7;padding-top:10px;padding-right:50px;margin-right:10px;font-size:0.5em;color:#0D3F96;text-align:right;}
#form_centre_ident p {padding: .2em 0;margin: 0 0 .2em 0;padding-right:.5em;font-weight:bold;}
#form_centre_ident input.form_centre_ident_text {width:150px;background-color:#0D3F96;color:#FFFFFF;border:1px solid #FFFFFF;}
#form_centre_ident input, textarea {font-family:Arial, Verdana, sans-serif;font-weight:normal;font-size:1em;}
div.titre_client {margin-left:10px;text-align:left;font-size:0.8em;font-weight:bold;color:#F8FDA2;}
div.titre_no_client {margin-left:10px;text-align:left;font-size:0.8em;font-weight:bold;color:#BFD3F7;}
#bdc_coords {margin-left:10px;text-align:left;font-weight:normal;font-size:0.7em;font-weight:bold;}
#bdc_infos {margin-left:10px;text-align:left;font-weight:normal;clear:left;font-size:0.8em;}
#bdc {width:650px;margin-left:10px;margin-top:10px;background-color:#BFD3F7;border:1px solid #FFFFFF;}
#bdc hr {color:#0D3F96;background-color:#0D3F96;height:4px;border:1px solid #FFFFFF;}
table#table_bdc {color:#0D3F96;font-size:0.6em;width:640px;margin-left:5px;margin-top:5px;border-collapse:collapse;}
#bdc td.head4 {background-color:#0D3F96;color:#FAF835;text-align:center;vertical-align: middle;font-weight:bold;}
#bdc td.cell_main {font-weight:normal;}
#valid_text {margin-top:10px;text-align:left;font-size:0.6em;}
#valid_text a {color:#FFDC00;}
strong.mode {color:#FFDC00;}
#valid_print {text-align:center;}
#valid_print a {font-size:0.6em;color:#FFDC00;}
#cb_zone {font-size:0.7em;text-align:left;margin-top:10px;}
#cb_zone img {display:inline;}
#promo {float:left;width:177px;height:253px;color:#EBFB38;font-size:0.8em;overflow:auto;background-image:url('/images/web/fond_promo.gif');background-repeat:no-repeat;margin-top:20px;padding-top:10px;}
ol#cgv {font-size:0.6em;text-align:left;margin-left:50px;}
ol#cgv li {margin-top:20px;color:#FFFFFF;}
ol#cgv ul li {margin-top:5px;color:#FFFFFF;}
ol#cgv li p {margin-top:10px;}
ol#cgv .q {color:#E60003;font-weight:bold;}
#qui {text-align:left;margin-left:100px;}
#qui h1 {margin-top:20px;font-size:0.7em;color:#E60003;}
#qui p {font-size:0.6em;margin-top:1px;margin-bottom:5px;}
#qualite {text-align:left;margin-left:100px;}
#qualite ul {font-size:0.6em;}
#qualite ul ul {font-size:1em;}
#qualite h1 {margin-top:20px;font-size:0.7em;color:#E60003;}
#qualite p {font-size:0.6em;margin-top:1px;margin-bottom:5px;}
#qualite ul p {font-size:1em;}
#livraison {text-align:left;margin-left:100px;}
#livraison ul {font-size:0.6em;}
#livraison ul ul {font-size:1em;}
#livraison h1 {margin-top:20px;font-size:0.7em;color:#E60003;}
#livraison p {font-size:0.6em;margin-top:1px;margin-bottom:5px;}
#livraison ul p {font-size:1em;}
.soutenu {text-decoration:underline;}
.quota_exceeded {color:#FF0000;}
.command_exceeded {color:#FF0000;}
.pdf {color:#FF0000;}
/** contact **/
#backcoords{position:relative;background-color:#0D3F96;background-image: url('/images/web/back-contact.gif');background-repeat:no-repeat;padding-bottom:15px;}
*+html #backcoords{height:387px;}
#coords {float:left;margin-top:2px;}
#corpForm { /*** Mise en forme du corps du formulaire (bordure, couleur du fond...) ***/
margin: 0;
padding: 0.5em;
padding-top:65px;
padding-left: 300px;
font-size: 0.5em;
}
#corpForm textarea { /*** Mise en forme des titres des cadres ***/
overflow:auto;
height:100px;
}
#corpForm p { /*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .2em 0;
}
#corpForm td {
text-align: right;
white-space: nowrap;
}
#corpForm label { /*** Mise en forme des intituls de champs ***/
float: left; /*** Trs important, ne pas suprimer ! ***/
width: 15%; /*** Les intituls prennent 1/3 de la largeur totale du formulaire... ***/
text-align: left; /*** ... et ils sont aligns droite... ***/
margin: 0;
padding: 0 .5em 0 0;
font-weight:bold;
}
#corpForm span.compulsory {
color : #FF0000;
}
#corpForm table{margin:0;padding:0;}
.msg_info {padding-top:100px;padding-left:300px;font-size: 0.7em;}
#corpForm td.msg_error {padding-top:10px;padding-bottom:10px;text-align:center;color:#FF0000;}
#titre_image{
position:absolute;
left:300px;
top:9px;
border:0;
z-index:0;
}
#img_continue{}
/* Referencement*/
.accessibilite {position:absolute; left:-9999em; top:-9999em; width:0px; height:0px; overflow:hidden; font-size:0px;}
#qualite h2 {font-size:0.6em;}
#nav_zone {clear:both; text-align:center;}
#nav_zone ul li {list-style-type:none; float:left; margin:0 15px 0 0; /*border-right:1px solid #FFFFFF;*/ padding:0 15px 0 0; font-size:10px;}
#nav_zone ul li a {text-decoration:none; font-size:10px; color:#FFFFFF;}
.baseLine {margin-top:0; padding:0 1em; text-align:left; font-size:0.5em;}