/*-------------------------------- CSS Document -----------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}
/*-------------------------------- Général au site -----------------------------*/
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
	display:inline;
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
p{
	font-size:12px;
}
/*------------------ Global -----------------*/
#global{
width:900px;
margin:0px auto;
padding:0px 20px;
background:url(../images/boot.jpg) repeat-y;
}
/*------------------ Entete -----------------*/
#global #entete{
position:relative;
float:left;
width:900px;
height:260px;
background:url(../images/top.jpg) no-repeat;
}
/*------------------ Entete - Liens -----------------*/
#global #entete #liens{
position:absolute;
bottom:17px;
right:0px;
width:600px;
}
#global #entete #liens h1{
float:left;
width:110px;
margin:0px 0px 0px 35px;
font-size:12px;
}
#global #entete #liens h1 a{
color:#a33f85;
}
/*------------------ Entete - Login -----------------*/
#global #entete #login{
position:absolute;
top:0px;
right:8px;
width:160px;
height:175px;
}
#global #entete #login h2{
float:left;
width:150px;
margin:5px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#fff;
}
#global #entete #login div{
float:left;
width:160px;
height:60px;
}
#global #entete #login div p.forgot{
float:left;
margin:2px 0px 0px 10px;
font-size:11px;
}
#global #entete #login div p.forgot a{
color:#fff;
}
/*------------------ Entete - Login - Formulaire -----------------*/
#global #entete #login form{
float:left;
}
#global #entete #login form input{
float:left;
width:105px;
height:15px;
margin:2px 0px 0px 10px;
padding:2px 0px 0px 5px;
font-size:11px;
color:#aaa;
border:1px solid #aaa;
}
#global #entete #login form input.submit{
float:left;
width:25px;
height:18px;
margin:2px 0px 0px 5px;
padding:0px;
font-size:11px;
color:#aaa;
border:1px solid #aaa;
background:#fff;
}
/*------------------ Entete - Login - Liens -----------------*/
#global #entete #login h3{
float:left;
width:150px;
margin:4px 0px 0px 10px;
font-size:11px;
}
#global #entete #login h3 a{
color:#a33f85;
}
#global #entete #login h3 a:hover{
text-decoration:underline;
}
/*------------------ Entete - Panier -----------------*/
#global #entete #login h4{
float:left;
width:80px;
margin:40px 0px 0px 70px;
font-size:12px;
font-weight:400;
color:#696a6a;
}
#global #entete #login p{
float:right;
color:#696a6a;
margin:10px 15px 0px 0px;
}
#global #entete #login p a{
color:#a33f85;
text-decoration:underline;
}
/*------------------ Menu -----------------*/
#global #menu{
float:left;
width:223px;
min-height:150px;
background:url(../images/fond-menu.jpg) no-repeat #dcddde;
}
*html #global #menu{
height:150px;
}
#global #menu img.cb{
float:left;
width:170px;
min-height:70px;
margin:0px 0px 10px 17px;
}
#global #menu h1{
position:relative;
float:left;
width:223px;
height:25px;
margin:0px 0px 15px 0px;
background:url(../images/fond-btn-menu.jpg) repeat-x;
}
#global #menu h1.conditions{
margin:40px 0px 15px 0px;
background:url(../images/fond-btn-menu_g_v.jpg) repeat-x;
}
#global #menu h1.grey{
background:url(../images/fond-btn-menu_g_v.jpg) repeat-x;
}
#global #menu h1 a{
float:left;
width:213px;
height:21px;
padding:4px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#fff;
}
#global #menu h1 a img{
position:absolute;
top:7px;
right:5px;
}
/*------------------ Menu - Recherche rapide -----------------*/
#global #menu #rech_rap{
float:left;
width:223px;
padding:10px 0px;
}
#global #menu #rech_rap input{
float:left;
width:160px;
height:18px;
margin:0px 0px 0px 20px;
border:1px solid #ac2a84;
}
#global #menu #rech_rap input.submit{
width:25px;
height:22px;
margin:0px 0px 0px 10px;
padding:0px;
font-size:11px;
font-weight:400;
color:#fff;
background:#ac2a84;
border:none;
}
#global #menu #rech_rap p{
float:left;
width:200px;
margin:5px 0px 0px 20px;
font-size:11px;
}
#global #menu #rech_rap p a{
color:#3b3b3b;
text-decoration:underline;
}
#global #menu #rech_rap p a:hover{
text-decoration:none;
}
/*------------------ Colonne -----------------*/
#global #colonne{
float:left;
width:15px;
height:160px;
background:url(../images/fond-colonne.jpg) no-repeat #d1d1d2;
}
/*------------------ Corps -----------------*/
#global #corps{
float:right;
width:662px;
min-height:130px;
background:url(../images/fond-corps.jpg) no-repeat #fff;
}
*html #global #corps{
height:130px;
}
/*------------------ Corps - Anims -----------------*/
#global #corps #anim{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #anim p{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 0px;
font-size:11px;
color:#ac2a84;
}
#global #corps #anim p a{
color:#696a6a;
}
#global #corps #anim p a:hover{
text-decoration:underline;
}
/*------------------ Corps - Catalogue - Catégories -----------------*/
#global #corps #ss_cat{
display:inline;
float:left;
width:630px;
margin:10px 0px 15px 15px;
}
#global #corps #ss_cat h1{
float:left;
width:290px;
padding:3px 0px 0px 25px;
font-size:12px;
font-weight:400;
background:url(../images/puce-rose.gif) no-repeat 3px 6px;
}
#global #corps #ss_cat h1 a{
text-decoration:underline;
color:#696a6a;
}
#global #corps #ss_cat h2{
float:left;
width:630px;
height:20px;
margin:5px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
/*------------------ Corps - Catalogue - Produits -----------------*/
#global #corps #produits{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #produits h2{
float:left;
width:630px;
height:20px;
margin:5px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #produits p{
float:left;
width:630px;
margin:5px 0px 0px 0px;
font-size:11px;
font-style:italic;
}
#global #corps #produits div{
float:left;
width:290px;
margin:10px 20px 20px 0px;
padding:0px 0px 10px 0px;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
}
#global #corps #produits div h1{
float:left;
width:260px;
height:40px;
margin:0px 10px 10px 0px;
padding:20px 0px 0px 20px;
font-size:14px;
font-weight:400;
border:1px dashed #e3e3e3;
border-width:1px 0px;
}
#global #corps #produits div h1 a{
color:#696a6a;
}
#global #corps #produits div h3{
float:left;
width:170px;
height:130px;
margin:0px 25px 10px 0px;
border:1px solid #696a6a;
}
#global #corps #produits div h3 img{
float:left;
}
#global #corps #produits div h4{
float:left;
width:115px;
height:60px;
margin:0px;
font-size:16px;
color:#c953ab;
border-right:1px dashed #e3e3e3;
}
#global #corps #produits div h4 span{
color:#696a6a;
font-size:11px;
font-weight:400;
font-style:italic;
text-decoration:line-through;
}
#global #corps #produits div h4 span.promo{
font-family:Arial black;
font-style:normal;
letter-spacing:-1px;
text-decoration:none;
}
#global #corps #produits div h5{
float:left;
width:105px;
height:18px;
line-height:18px;
margin:10px 0px 0px 20px;
padding:0px 0px 0px 5px;
font-size:12px;
font-weight:400;
background:url(../images/btn_vert.gif) repeat-x;
}
#global #corps #produits div h5.rose{
background:url(../images/btn_rose.gif) repeat-x;
}
#global #corps #produits div h5 a{
float:left;
width:105px;
height:18px;
color:#fff;
}
/*------------------ Corps - Catalogue - Navigations pages -----------------*/
#global #corps #produits #navig{
display:inline;
float:left;
width:630px;
margin:10px 0px;
padding:0px;
border:none;
}
#global #corps #produits #navig p{
float:left;
width:100px;
height:18px;
margin:0px 5px 0px 0px;
text-align:center;
}
#global #corps #produits #navig p a{
float:left;
width:100px;
height:18px;
padding:1px 0px 0px 0px;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
}
#global #corps #produits #navig p.suiv{
float:right;
margin:0px 0px 0px 5px;
}
#global #corps #produits #navig div{
float:left;
width:380px;
margin:0px 0px 0px 20px;
padding:0px;
border:none;
text-align:center;
}
#global #corps #produits #navig h1{
float:left;
width:18px;
height:18px;
margin:0px 1px 1px 0px;
padding:0px;
font-size:11px;
border:none;
text-align:center;
}
#global #corps #produits #navig h1 a{
float:left;
width:18px;
height:16px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
background:url(../images/btn_vert.gif) repeat-x;
}
#global #corps #produits #navig h1 a.courant{
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
}
/*------------------ Corps - Produits à venir -----------------*/
#global #corps #a_venir{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #a_venir h2{
float:left;
width:630px;
height:20px;
margin:5px 0px 10px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #a_venir h1{
position:relative;
float:left;
width:620px;
margin:0px 0px 5px 0px;
padding:5px;
font-size:12px;
font-weight:400;
color:#696a6a;
background:#fff4db;
}
#global #corps #a_venir h1 span{
position:absolute;
right:5px;
font-size:11px;
font-style:italic;
}
/*------------------ Corps - Fiche produits -----------------*/
#global #corps #fiche{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
padding:0px 0px 20px 0px;
}
#global #corps #fiche h1{
float:left;
width:630px;
height:20px;
margin:5px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #fiche h2{
float:left;
width:170px;
height:130px;
margin:30px 0px 0px 0px;
}
#global #corps #fiche h2 a{
float:left;
width:170px;
height:130px;
border:1px solid #e3e3e3;
}
#global #corps #fiche h2 a:hover{
border:1px solid #ac2a84;
}
#global #corps #fiche h2 img{
float:left;
}
#global #corps #fiche h2 img.default{
border:1px solid #e3e3e3;
}
#global #corps #fiche h3{
float:left;
width:445px;
margin:30px 0px 0px 10px;
font-size:12px;
color:#ac2a84;
}
#global #corps #fiche h6{
float:right;
width:105px;
height:18px;
line-height:18px;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 5px;
font-size:12px;
font-weight:400;
background:url(../images/btn_rose.gif) repeat-x;
}
#global #corps #fiche h6 a{
color:#fff;
}
#global #corps #fiche p{
float:left;
width:445px;
margin:10px 0px 0px 10px;
font-size:12px;
color:#696a6a;
}
#global #corps #fiche p.rupture{
float:right;
margin:10px 5px 0px 0px;
color:#da3838;
font-style:italic;
}
/*------------------ Corps - Fiche produits - Bas (Agrandir + Prix) -----------------*/
#global #corps #fiche #bas{
float:left;
width:630px;
margin:10px 0px 0px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px dashed #e3e3e3;
}
#global #corps #fiche #bas p{
float:left;
margin:0px;
font-size:11px;
}
#global #corps #fiche #bas p a{
color:#696a6a;
text-decoration:underline;
}
#global #corps #fiche #bas h4{
float:right;
text-align:right;
margin:0px;
font-size:14px;
color:#ac2a84;
}
#global #corps #fiche #bas h4 span{
margin:0px 5px 0px 0px;
font-size:11px;
font-weight:400;
color:#696a6a;
text-decoration:line-through;
}
#global #corps #fiche #bas span.valable{
font-style:italic;
color:#999;
text-decoration:none;
}
/*------------------ Corps - Fiche produits - Informations -----------------*/
#global #corps #fiche #infos{
float:left;
width:630px;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dashed #e3e3e3;
}
#global #corps #fiche #infos h2{
float:left;
width:100px;
height:18px;
margin:0px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#696a6a;
}
#global #corps #fiche #infos h4{
float:right;
width:100px;
height:100px;
}
#global #corps #fiche #infos h5{
float:left;
width:620px;
margin:0px 0px 0px 10px;
font-size:12px;
}
#global #corps #fiche #infos h5 a{
color:#ac2a84;
}
#global #corps #fiche #infos h5 a:hover{
text-decoration:underline;
}
#global #corps #fiche #infos p{
float:left;
width:420px;
height:18px;
margin:0px;
font-size:12px;
font-weight:400;
color:#999;
}
/*------------------ Corps - Fiche produits - Commentaires -----------------*/
#global #corps #fiche #comm{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px dashed #e3e3e3;
}
#global #corps #fiche #comm h1{
float:left;
width:620px;
margin:0px 0px 5px 10px;
font-size:12px;
color:#ac2a84;
background:none;
}
#global #corps #fiche #comm h1 span{
margin:0px 0px 0px 10px;
font-size:11px;
font-style:italic;
color:#696a6a;
}
#global #corps #fiche #comm p{
float:left;
width:620px;
margin:0px 0px 20px 10px;
font-size:11px;
color:#696a6a;
}
#global #corps #fiche #comm h6{
background:url(../images/btn_vert.gif) repeat-x;
}
/*------------------ Corps - Panier -----------------*/
#global #corps #panier{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #panier h2.titre{
float:left;
width:630px;
height:20px;
margin:5px 0px 20px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #panier div{
display:inline;
float:left;
width:630px;
margin:0px 0px 30px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dashed #e3e3e3;
}
#global #corps #panier h2.btn_fin{
float:right;
width:100px;
height:18px;
margin:10px 0px 0px 0px;
padding:0px 5px;
font-size:12px;
font-weight:400;
background:url(../images/btn_rose.gif) repeat-x;
text-align:center;
}
#global #corps #panier h2.btn_fin a{
float:left;
width:100px;
height:18px;
color:#fff;
}
#global #corps #panier div h1{
float:left;
width:445px;
margin:0px 0px 0px 10px;
font-size:12px;
}
#global #corps #panier div h1 a{
float:left;
color:#696a6a;
}
#global #corps #panier div h2{
float:left;
width:170px;
height:130px;
}
#global #corps #panier div h2 a{
float:left;
width:170px;
height:130px;
border:1px solid #e3e3e3;
}
#global #corps #panier div h2 a:hover{
border:1px solid #ac2a84;
}
#global #corps #panier div h2 img.default{
border:1px solid #e3e3e3;
}
#global #corps #panier div h3{
float:left;
width:445px;
margin:10px 0px 0px 10px;
font-size:12px;
color:#ac2a84;
}
#global #corps #panier div h3 span{
margin:0px 5px 0px 0px;
font-size:11px;
font-weight:400;
color:#aaa;
text-decoration:line-through;
}
#global #corps #panier div h4{
float:left;
margin:75px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#696a6a;
}
#global #corps #panier div h4 span{
font-weight:700;
}
#global #corps #panier div p{
float:left;
margin:75px 0px 0px 10px;
font-size:12px;
}
#global #corps #panier div p a{
float:left;
width:18px;
height:18px;
color:#fff;
text-align:center;
background:url(../images/btn_rose.gif) repeat-x;
}
#global #corps #panier div p.stop{
float:left;
width:18px;
height:18px;
margin:75px 0px 0px 10px;
font-size:12px;
color:#fff;
background:url(../images/btn_vert.gif) repeat-x;
text-align:center;
}
#global #corps #panier div p.supp a{
width:70px;
padding:0px 5px;
background:url(../images/btn_vert.gif) repeat-x;
}
#global #corps #panier div h5{
float:right;
margin:75px 0px 0px 10px;
font-size:14px;
color:#ac2a84;
text-align:right;
}
#global #corps #panier div h5 span{
margin:0px 5px 0px 0px;
font-size:11px;
font-weight:400;
color:#999;
text-decoration:line-through;
}
#global #corps #panier #code_promo{
display:inline;
float:left;
width:630px;
margin:0px 0px 30px 0px;
padding:0px;
border:1px solid #cdcdcd;
}
#global #corps #panier #code_promo p{
float:left;
width:100px;
margin:0px;
padding:10px;
font-size:12px;
}
#global #corps #panier #code_promo p.grand{
width:600px;
padding:0px 0px 10px 10px;
color:#6a6969;
font-style:italic;
}
#global #corps #panier #code_promo p.grand2{
width:600px;
padding:10px 0px 10px 10px;
color:#6a6969;
font-style:italic;
}
#global #corps #panier #code_promo p.grand2 a{
float:left;
margin:10px 0px 0px 0px;
padding:0px 5px;
padding:0px;
color:#aaa;
background:none;
font-size:11px;
font-style:normal;
}
#global #corps #panier #code_promo input{
float:left;
width:100px;
margin:7px 0px 0px 0px;
border:1px solid #cdcdcd;
}
#global #corps #panier #code_promo input.submit{
float:left;
width:100px;
margin:8px 0px 0px 10px;
font-size:11px;
border:1ps solid #cdcdcd;
color:#aaa;
background:none;
}
#global #corps #panier h6{
float:left;
width:305px;
height:25px;
padding:5px 10px 5px 0px;
font-size:18px;
font-weight:700;
font-style:italic;
color:#ac2a84;
background:#e3e3e3;
text-align:right;
}
#global #corps #panier h6.gauche{
padding:5px 0px 5px 10px;
font-size:14px;
font-weight:400;
text-align:left;
}
/*------------------ Corps - Connexion -----------------*/
#global #corps #connect{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
padding:0px 0px 10px 0px;
background:#fff;
border:1px solid #e3e3e3;
}
#global #corps #connect div{
display:inline;
float:left;
width:300px;
height:150px;
margin:10px 0px 0px 10px;
background:#e3e3e3;
}
#global #corps #connect div h1{
float:left;
width:290px;
margin:5px 0px 20px 10px;
font-size:12px;
color:#696a6a;
}
#global #corps #connect div h2{
float:left;
width:280px;
margin:0px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#696a6a;
}
#global #corps #connect div h3{
float:right;
width:100px;
height:18px;
margin:10px 10px 0px 0px;
padding:0px 5px;
font-size:11px;
font-weight:400;
background:url(../images/btn_vert.gif) repeat-x;
text-align:center;
}
#global #corps #connect div h3 a{
float:left;
width:100px;
margin:1px 0px 0px 0px;
color:#fff;
}
#global #corps #connect div form{
float:left;
width:300px;
}
#global #corps #connect div form p{
float:left;
width:90px;
margin:3px 0px 10px 10px;
font-size:12px;
color:#696a6a;
}
#global #corps #connect div form input{
float:left;
width:150px;
margin:0px 0px 10px 0px;
font-size:12px;
}
#global #corps #connect div form input.submit{
float:right;
width:100px;
height:18px;
margin:20px 10px 0px 0px;
font-size:11px;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
border:none;
text-align:center;
}
/*------------------ Corps - Fil d'Ariane -----------------*/
#global #corps #fil_ariane{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #fil_ariane h1{
float:left;
width:100px;
height:18px;
margin:10px 10px 10px 0px;
font-size:11px;
font-weight:400;
background:url(../images/btn_vert.gif) repeat-x;
text-align:center;
}
#global #corps #fil_ariane h1.actuel{
background:url(../images/btn_rose.gif) repeat-x;
}
#global #corps #fil_ariane h1 a{
float:left;
width:100px;
height:16px;
padding:2px 0px 0px 0px;
color:#fff;
}
/*------------------ Corps - Livraison, Paiement -----------------*/
#global #corps #procedure{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #procedure h1{
float:left;
width:630px;
height:20px;
margin:5px 0px 20px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #procedure h2{
float:left;
width:630px;
margin:15px 0px 0px 0px;
font-size:14px;
color:#ac2a84;
}
#global #corps #procedure h3{
float:left;
width:630px;
margin:20px 0px 5px 0px;
font-size:12px;
color:#ac2a84;
text-decoration:underline;
}
#global #corps #procedure h3 span{
font-weight:400;
font-style:italic;
}
#global #corps #procedure p{
float:left;
width:630px;
margin:10px 0px 0px 0px;
font-size:12px;
color:#696a6a;
}
#global #corps #procedure p.tab{
margin:0px;
}
#global #corps #procedure p.tab span{
float:left;
width:150px;
margin:1px 0px 0px 1px;
padding:2px 5px;
text-align:center;
border:1px solid #aaa;
}
#global #corps #procedure p a{
color:#ac2a84;
text-decoration:underline;
}
}
#global #corps #procedure p.no_part{
padding:30px 0px;
}
#global #corps #procedure p.part a:hover{
text-decoration:none;
}
#global #corps #procedure p.part a img{
float:left;
margin:0px 5px 0px 0px;
border:1px solid #ac2a84;
}
#global #corps #procedure p.etoile{
width:610px;
margin:10px 0px 0px 20px;
}
#global #corps #procedure p a.btn{
float:right;
width:100px;
height:16px;
padding:2px 0px 0px 0px;
font-size:11px;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
text-align:center;
}
#global #corps #procedure p.adresse{
width:600px;
margin:30px 0px 30px 30px;
font-style:italic;
color:#999;
}
#global #corps #procedure p.msg_err{
color:#da3838;
}
#global #corps #procedure form{
float:left;
width:630px;
margin:30px 0px 0px 0px;
}
#global #corps #procedure form div{
display:inline;
float:left;
width:630px;
margin:0px 0px 10px 0px;
}
#global #corps #procedure form div.methode{
width:530px;
margin:0px 0px 3px 100px;
}
#global #corps #procedure form div p{
float:left;
width:100px;
margin:3px 0px 0px 0px;
}
#global #corps #procedure form div p.grand{
width:500px;
font-size:11px;
font-style:italic;
color:#999;
}
#global #corps #procedure form div input{
float:left;
width:300px;
font-size:12px;
}
#global #corps #procedure form div input.radio{
width:15px;
margin:0px;
}
#global #corps #procedure form div input.submit{
float:left;
width:100px;
height:18px;
font-size:11px;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
border:none;
}
#global #corps #procedure form div label{
float:left;
margin:-1px 5px 0px 5px;
font-size:11px;
}
*html #global #corps #procedure form div label{
margin:3px 5px 0px 5px;
}
#global #corps #procedure form div label a{
color:#696a6a;
text-decoration:underline;
}
#global #corps #procedure form div label a:hover{
text-decoration:none;
}
#global #corps #procedure form div label span{
margin:0px 0px 0px 5px;
font-style:italic;
color:#999;
}
#global #corps #procedure form div textarea{
float:left;
width:450px;
height:150px;
font-size:12px;
}
/*------------------ Corps - Procédure - Cartes Bancaires -----------------*/
#global #corps #procedure #cartes{
float:left;
width:630px;
margin:0px;
font-size:11px;
}
#global #corps #procedure #cartes *{
margin:0px;
}
#global #corps #procedure #cartes h2{
margin:15px 0px 0px 0px;
}
#global #corps #procedure #cartes p{
margin:10px 0px 0px 0px;
}
#global #corps #procedure #cartes br{
float:left;
width:1px;
height:1px;
line-height:1px;
font-size:1px;
overflow:hidden;
}
#global #corps #procedure #cartes input{
float:left;
width:55px;
height:35px;
margin:40px 0px 0px 110px;
padding:0px;
background:gold;
}
#global #corps #procedure #cartes table{
float:left;
width:630px;
margin:10px 0px 0px 0px;
}
/*------------------ Corps - Formulaires -----------------*/
#global #corps #formulaire{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #formulaire h2{
float:left;
width:630px;
height:20px;
margin:5px 0px 20px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #formulaire p{
float:left;
width:630px;
margin:0px 0px 10px 0px;
font-size:11px;
color:#da3838;
}
#global #corps #formulaire div{
float:left;
width:630px;
margin:0px 0px 10px 0px;
}
#global #corps #formulaire div p{
float:left;
width:120px;
margin:4px 0px 0px 0px;
color:#696a6a;
}
#global #corps #formulaire div p.nota{
font-style:italic;
width:200px;
color:#aaa;
}
#global #corps #formulaire div input{
float:left;
width:250px;
padding-left:2px;
font-size:11px;
}
#global #corps #formulaire div input.radio{
float:left;
width:20px;
margin:0px;
}
#global #corps #formulaire div input.submit{
width:100px;
height:18px;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
border:none;
}
#global #corps #formulaire div select{
float:left;
width:250px;
height:18px;
font-size:11px;
}
#global #corps #formulaire div label{
float:left;
width:50px;
margin:-1px 0px 0px 0px;
font-size:11px;
}
#global #corps #formulaire div label.leg{
width:200px;
margin:3px 0px 0px 10px;
}
*html #global #corps #formulaire div label{
margin:3px 0px 0px 0px;
}
#global #corps #formulaire div textarea{
float:left;
width:400px;
height:200px;
}
/*------------------ Corps - Mon compte -----------------*/
#global #corps #compte{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #compte h2{
float:left;
width:630px;
height:20px;
margin:5px 0px 20px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #compte h4{
float:left;
width:630px;
margin:5px 0px 0px 0px;
}
#global #corps #compte h4 a{
float:right;
width:100px;
height:16px;
padding:2px 0px 0px 0px;
font-size:11px;
font-weight:400;
color:#fff;
background:url(../images/btn_rose.gif) repeat-x;
text-align:center;
}
#global #corps #compte div{
float:left;
width:628px;
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
background:#eee;
border:1px solid #ccc;
}
#global #corps #compte div h3{
float:left;
width:510px;
margin:5px 0px 0px 5px;
font-size:12px;
color:#ac2a84;
}
#global #corps #compte div h3 span{
margin:0px 0px 0px 10px;
font-weight:400;
font-style:italic;
}
#global #corps #compte div a{
float:right;
width:100px;
height:16px;
margin:5px 5px 0px 0px;
padding:2px 0px 0px 0px;
font-size:11px;
font-weight:400;
color:#fff;
background:url(../images/btn_vert.gif) repeat-x;
text-align:center;
}
#global #corps #compte div p{
float:left;
width:620px;
margin:5px 0px 0px 5px;
font-size:11px;
color:#696a6a;
}
/*------------------ Corps - Commandes -----------------*/
#global #corps #commande{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #commande h2.title{
float:left;
width:630px;
height:20px;
margin:5px 0px 20px 0px;
font-size:16px;
font-weight:400;
color:#696a6a;
background:url(../images/fond-titre.gif) repeat-y;
}
#global #corps #commande h1{
float:left;
width:315px;
margin:0px 0px 10px 0px;
font-size:12px;
font-weight:400;
color:#000;
}
#global #corps #commande h1.date{
float:left;
width:315px;
color:#999;
font-size:11px;
font-weight:400;
font-style:italic;
text-align:right;
}
#global #corps #commande h2{
float:left;
width:630px;
margin:0px 0px 10px 0px;
padding:0px;
font-size:11px;
font-weight:400;
color:#999;
}
#global #corps #commande h6{
float:left;
width:630px;
height:1px;
line-height:1px;
margin:20px 0px;
font-size:1px;
background:#999;
overflow:hidden;
}
#global #corps #commande table{
float:left;
width:630px;
margin:0px 0px 20px 0px;
font-size:11px;
border:1px solid #999;
}
#global #corps #commande table th{
height:25px;
font-weight:400;
border:1px solid #999;
}
#global #corps #commande table td{
text-align:center;
border:1px solid #999;
}
#global #corps #commande table tr.final{
font-weight:700;
color:#960a64;
}
#global #corps #commande table td.titre{
width:545px;
padding:0px 0px 0px 5px;
text-align:left;
}
#global #corps #commande table td span{
margin:0px 10px 0px 0px;
color:#999;
text-decoration:line-through;
}
#global #corps #commande #terminer{
display:inline;
float:left;
width:630px;
margin:10px 0px 0px 15px;
}
#global #corps #commande #terminer h1{
float:right;
width:100px;
height:18px;
margin:0px 10px 0px 0px;
font-size:11px;
background:url(../images/btn_rose.gif) repeat-x;
text-align:center;
}
#global #corps #commande #terminer h1 a{
float:left;
width:100px;
height:16px;
margin:0px;
padding:2px 0px 0px 0px;
color:#fff;
}
#global #corps #commande #terminer h1.retour{
background:url(../images/btn_vert.gif) repeat-x;
}
/*------------------ Pied -----------------*/
#global #pied{
width:900px;
height:10px;
background:url(../images/fond-pied.jpg) repeat-y;
clear:both;
}
/*------------------ Fin -----------------*/
#fin{
width:940px;
height:25px;
background:url(../images/boot-bas.jpg) no-repeat;
margin:0px auto;
}
/*--------- Lightbox -----------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ 
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); 
/* Trick IE into showing hover */ 
display: block; 
}
#prevLink { 
left: 0; 
float: left;
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink { 
right: 0; 
float: right;
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }