/* Modèle v1.23 09/12/2008 */

/********** A GARDER EN L'ÉTAT ************/
*, form, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
a img, img{border:0}
html {font-size: 100%;}
.clear, .Clear{clear:both; width:100%; height:1px; overflow:hidden;}
a{color: #f10000; text-decoration:none;}
a:hover{text-decoration:underline;}
.Left{float:left}
.Right, #couleur-cuissards, #texte-image-cuissards{float:right;}

/*** clearfix ***/
.clearfix:after {content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/*********** GABARIT **************/
body {font: normal 11px Arial; color:#252525; background:#000; padding:49px 0 0 0;}
#body{margin:auto; width:970px;}

p {margin-bottom:10px; /*text-align: justify;*/}

/******************************************/
/******************  HEADER  **************/
/******************************************/
#headerContent{background:url(images/gabarit/entete-bg.jpg) no-repeat; height:50px; position:relative; margin-top:-3px;}
#headerContent ul, #main ul.Onglet, #Commande table.wrap ul{list-style-type:none; padding:0; margin:0;}
#headerContent ul#flag{display:block; height:22px;}
#headerContent ul#flag li, #headerContent ul#menu li{float:left; margin:0 3px 0 0;}
#headerContent ul#menu{margin:0; padding:0; position:relative; width:970px;}
#headerContent ul#menu li{float:left; margin:0 3px 0 0; line-height:29px; display:inline;}
#headerContent ul#menu li a{color:#fff; font-size:12px;}
#headerContent ul#menu li.mn01 a{padding:0 0 0 28px;}
#headerContent ul#menu li.mn02 a{padding:0 0 0 28px;}
#headerContent ul#menu li.mn03 a{padding:0 0 0 28px;}
#headerContent ul#menu li.mn05 a{padding:0 0 0 28px;}
#headerContent ul#menu li.mn01, #headerContent ul#menu li.mn02, #headerContent ul#menu li.mn03, #headerContent ul#menu li.mn04, #headerContent ul#menu li.mn05{height:28px; display:inline-block; padding:0;}
#headerContent ul#menu li.mn01{background:url(images/gabarit/mn01-bg.png) no-repeat; width:75px; }
#headerContent ul#menu li.mn02{background:url(images/gabarit/mn02-bg.png) no-repeat; width:120px;}
#headerContent ul#menu li.mn03{background:url(images/gabarit/mn03-bg.png) no-repeat; width:94px; padding:0 107px 0 0;}
#headerContent ul#menu li.mn04{background:url(images/gabarit/mn04-bg.png) no-repeat; height:28px; color:#fff; padding:0 0 0 24px; font-size:12px; }
#headerContent ul#menu li.mn05{background:url(images/gabarit/mn05-bg.png) no-repeat; width:80px; }
.Clear{height:0px;}

/***Sous menu***/
#headerContent ul#menu ul li a{margin:0 5px 0 0;}
#headerContent ul#menu ul li a:hover, #headerContent ul#menu ul li a.selected{color:#d34c00; text-decoration:none;}
#headerContent ul#menu ul{width:215px; visibility:hidden; position:absolute; top:28px; left:91px; background:#252525; z-index:10; display:block; float:left;}
#headerContent ul#menu li.mn02 ul li.first{margin:0 0 0 15px;}
* html #headerContent ul#menu li.mn02 ul li.first{margin:0 0 0 12px;}
*+html #headerContent ul#menu li.mn02 ul li.first{margin:0 0 0 12px;}
#headerContent ul#menu li.mn02 ul li a{background:url(images/gabarit/puce2.png) 0 3px no-repeat; padding:0 0 0 10px; font-size:12px;}

/******************************************/
/******************  MAIN  **************/
/******************************************/
#main{width:967px; padding:11px 0 20px 3px; background:#fff; margin-top:-3px; }
* html #main{width:967px; padding:11px 0 20px 3px; background:#fff; margin-top:-1px;}

#main ul.Onglet li, #main ul.Onglet li.last{float:left; width:135px; padding:17px 0 0 55px;}
#main ul.Onglet li.last{padding:17px 0 0 35px;}


/******************************************/
/******************  GRAPHISME  **************/
/******************************************/
#Graphisme, #Couleur, #TxtImage,  #Taille, #Commande{width:963px; float:right;}
#Graphisme ul.Onglet, #Couleur ul.Onglet, #TxtImage ul.Onglet, #Taille ul.Onglet, #Commande ul.Onglet{width:960px; margin:34px auto 20px 0; height:58px; overflow:hidden; background:url(images/gabarit/onbg1.jpg);}
#Graphisme .wrap{background:url(images/cuissards/bg01.png) top no-repeat; /*height:273px;*/ padding:15px 0 0 15px;}
#Graphisme .wrap h4, #Taille h5, #Commande h5, #Commande h6, #Graphisme h5{color:#325b7b; font:bold 18px Arial; display:block; padding:0 0 5px 0;}
span.txt1 { color:#325b7b; font:bold 12px Arial; display:block; padding:5px 0 10px 9px; }

#Couleur ul.Onglet{background:url(images/gabarit/onbg2.jpg);}
#TxtImage ul.Onglet{background:url(images/gabarit/onbg3.jpg);}
#Taille ul.Onglet{background:url(images/gabarit/onbg4.jpg);}
#Commande ul.Onglet{background:url(images/gabarit/onbg5.jpg);}
#GraphCuissards div{float:left; margin:0 2px 0 0; display:inline-block; width:100%;}

/******************************************/
/******************  COULEUR  **************/
/******************************************/
#Couleur .wrap, #TxtImage .wrap{float:right;}

/******************************************/
/******************  TAILLE & COMMANDE **************/
/******************************************/
#main .blockCenter table.wrap td.prix{text-align:left;}
#main .blockCenter table.wrap{margin:0 0 0 1px;}
#main .blockCenter table.wrap2{margin:7px 0 0 1px;}
#Taille .blockCenter, #Commande .blockCenter{float:right; width:767px; display:inline; padding:15px 0 0 0; background:url(images/cuissards/bg02.png) top no-repeat; position:relative; overflow:hidden;}
#Taille .blockCenter img.deco, #Commande .blockCenter img.deco{position:absolute; right:0px; top:40px;}
#Taille h5, #Commande h5, #Commande h6, #Graphisme h5{padding:0 0 0 7px;}
#Taille .blockCenter th, #Taille .blockCenter th.first, #Commande .blockCenter th{padding:15px 0 5px 0;}
#Taille .blockCenter th.first, #Commande .blockCenter th.first, #Commande .blockCenter table.wrap2 th.first{/*border-left:1px solid #ccc;*/ padding:5px 0 5px 7px;}
#Taille .blockCenter th, #Taille .blockCenter td, #Commande .blockCenter th, #Commande .blockCenter td{background:#fff; color:#325b7b; font:bold 12px Arial; text-align:left;}
#Taille .blockCenter td, #Commande .blockCenter td, #Commande .blockCenter table.wrap2 th.first, #Commande .blockCenter table.wrap2 th, #Commande .blockCenter table.wrap2 td.Bg{background:#b6cddf; color:#252525;}
#Commande .blockCenter table.wrap2 th{padding:3px 0 3px 0; color:#325b7b;}
#Commande .blockCenter table.wrap2 td{background:#fff;}
#Commande .blockCenter table.wrap2 td.padd{padding:8px 0 4px 7px;}
#Taille .blockCenter td.first{padding:0 0 0 7px;}
#Taille .blockCenter td.none{text-align:right; padding:0 20px 0 0;}
#Taille .blockCenter .Retour, #Commande .blockCenter .Retour{background:url(images/bouttons/btn-retour.png) no-repeat; width:85px; height:35px; display:block;}
#Taille .blockCenter .Suivante, #Commande .blockCenter .Suivante{background:url(images/bouttons/btn-suivante.png) no-repeat; width:119px; height:38px; display:block;}
#Taille div.Links, #Commande div.Links{padding:15px 0 0 0; width:100%; background:#fff;}
#Taille .blockCenter select.first, #Commande .blockCenter select.first{margin:5px 0 0 0;}
#Taille .blockCenter select.last, #Commande .blockCenter select.last{margin:0 0 5px 0;}
#Taille .blockCenter select{width:40px; font-size:12px; font-weight:bold;}
#Taille .blockCenter .personnaliser, #Commande .blockCenter .personnaliser{background:url(images/bouttons/Btn-Personnaliser-commande.png) no-repeat; width:240px; height:35px; margin-left:134px; display:block;}
#Taille .blockCenter .terminer, #Commande .blockCenter .terminer{background:url(images/bouttons/btn-terminer-commande.png) no-repeat; width:194px; height:38px; display:block;}

#Commande table.wrap ul{margin:5px 0 0 0;}
#Commande table.wrap ul li a{color:#252525;}
#Commande .blockCenter td.none, #Commande .blockCenter td.none2{background:#fff; color:#325b7b; text-align:right; padding:4px 60px 7px 0;}
#Commande .blockCenter td.none2{background:#b6cddf;}
#Commande .blockCenter td.none span, #Commande .blockCenter td.none2 span{color:#252525;}
#Commande .blockCenter td.first{padding:0 0 2px 5px;}
#Commande .blockCenter p.contentFlash{float:right; padding:5px 28px 0 0;}
#Commande .blockCenter select.Pays{font-size:11px; width:282px; margin-right:0px; }
#Commande h6{font:bold 13px Arial; padding:3px 0 10px 7px;}

#Commande .coordonnee{width:750px; margin:0 0 0 11px;}
#Commande .coordonnee .one{width:483px; float:left; display:inline-block; overflow:hidden;}
#Commande .coordonnee .two{width:260px; position:relative; top:-54px; padding:0 2px; float:left; margin:0; display:inline-block; overflow:hidden;}
#Commande .coordonnee .two h6{font:bold 13px Arial; padding:3px 0 10px;}
#Commande .coordonnee .check, #Commande .blockCenter .accept{width:100%; height:20px; display:block; font-size:12px;}
#Commande .blockCenter .accept{margin:5px 0 0 0;}
#Commande .blockCenter .accept a{text-decoration:underline; color:#000;}
* html #Commande .coordonnee .check, * html #Commande .blockCenter .accept{width:100%; height:20px; line-height:20px; display:block;}
*+html #Commande .coordonnee .check, *+html #Commande .blockCenter .accept{width:100%; height:20px; line-height:20px; display:block;}

#Commande .blockCenter .VosCarte{width:300px; margin:auto; float:none; display:block; text-align:center; font-weight:bold; font-size:12px;}
#Commande .blockCenter .VosCarte div{float:left; width:55px; text-align:center; margin:0 10px 0 30px;}
#Commande .blockCenter .VosCarte div img{display:block; padding:0 0 8px 0;}

#Commande .coordonnee .check input, #Commande .blockCenter .accept input{float:left; margin:0 5px 0 0; display:inline; border:none;}
#Commande .blockCenter .accept .radio{margin:0 5px 0 5px;}
#Commande .coordonnee input, #Commande .coordonnee label, #Commande .coordonnee select,  #Commande .coordonnee textarea.area, #Commande .coordonnee input.ville, #Commande .coordonnee input.cp{font-size:11px; border:1px solid #6d9bbf; float:left; display:inline; padding:0; margin:0;}
#Commande .coordonnee label{border:none; font:bold 12px Arial; color:#000; margin:0 6px 0 0;}
#Commande .coordonnee select{width:54px; margin:0 14px 0 0;}
#Commande .coordonnee input.nom{width:102px;}
#Commande .coordonnee input.prenom{width:110px;}
* html #Commande .coordonnee input.prenom{width:107px;}
#Commande .coordonnee input.adresse, #Commande .coordonnee input.email, #Commande .coordonnee input.pays{width:280px; display:inline;}
#Commande .coordonnee input.adresse{}
#Commande .coordonnee input.cp{width:55px;}
#Commande .coordonnee input.pays{}
#Commande .coordonnee input.tel{width:113px;}
#Commande .coordonnee input.fax{width:123px; margin:0 0 0 1px;}
#Commande .coordonnee input.ville{width:178px;}
#Commande .coordonnee input.email{}
#Commande .coordonnee textarea.area{width:245px; height:143px;}
#Commande .coordonnee .one p{float:left; padding:0 0 5px 0; display:inline;}
#Commande .coordonnee .one label.coord-width{width:137px;}
#Commande .coordonnee .two p{width:200px; margin-bottom:5px; font-size:13px;}
#Commande .coordonnee .two label.inf-compl{font-size:12px; margin:29px 0 12px 0}
#Commande .coordonnee p span{float:left; font-size:12px; margin:0 5px 0 5px; display:inline-block;}


/******************************************/
/******************  CONTACT  **************/
/******************************************/
#formulaires { float:left; width:513px; margin:10px 0 0 10px; display:inline; text-align:left; }
#formulaires span { float:left; display:inline; padding:0 0 0 5px; }
#formulaires .pad { padding:15px 0 0 5px; }
#formulaires .pad2 { padding:20px 0 0 5px; }
#formulaires .pad3 { padding:15px 0 0 0; }
#formulaires .pad4 { padding:20px 0 0 0; }
#formulaires .ozone, #formulaires .wait { font:bold 10px verdana; color:#000; float:left; }
#formulaires .ozone { margin:0 4px 0 5px; }
#formulaires .wait { width:133px; }
#formulaires .none { margin:0 4px 0 0; }
#formulaires .envoyer { float:right; margin:7px 0 5px 0; display:inline; border:none; }

#formulaires input, #formulaires textarea { border:1px solid #6f9bbe; font-size:11px; float:left; }
#formulaires .nom, #formulaires .commande { width:100px; }
#formulaires .commande { margin:20px 0 20px 0; }
#formulaires .prenom { width:190px; }
#formulaires .email { width:161px; margin:15px 0 0 0; }
#formulaires br { clear:both; display:inline; width:100%; overflow:hidden; }

/******************************************/
/******************  CGV  **************/
/******************************************/
#cgv { padding:15px; }
#cgv p { padding:0 0 7px 0; text-align:justify; }
#cgv span { font:bold 12px Arial; display:block; padding:0 0 3px 0; color:#325B7B; }

/******************************************/
/******************  PARTENAIRES  **************/
/******************************************/
#partenaires { width:90%; margin:15px auto; }
#partenaires a { float:left; display:inline; margin:0 10px 0 10px; border:1px solid #e1e1e1; }

/******************************************/
/******************  FOOTER  **************/
/******************************************/
#footer{text-align:center; color:#fff; padding:6px 0 0 0;}
#footer a{color:#fff; font-size:12px; margin:0; display:inline-block;} 
#footer p{width:75%; display:inline-block; font-size:10px; padding:15px 0 15px 0; color:#969696; margin: 0 auto;}
#footer span{float:right; margin-bottom: 6px;}
#footer span.realisation{padding:0 10px 0 150px; color:#969696;}

/***Main home***/
#home div, #Taille div, #Commande div{float:left; display:inline-block;}
#main .blockLeft, #Taille .blockLeft, #Commande .blockLeft{width:194px;}
#home .bodyHome{width:550px;}
#home .blockRight{width:223px; /*background:url(images/gabarit/deco.png) right no-repeat;*/}

#home h4, #Taille h4, #Commande h4{font:bold 13px Arial;}
#home h4, #Taille h4, #Commande h4{background:url(images/gabarit/ttr-bg1.png) no-repeat; width:177px; height:47px; color:#fff; padding:15px 0 0 7px;}
#home h4 span, #Taille h4 span, #Commande h4 span{display:block; font-size:10px; padding:2px 0 0; text-align:center; color:#252525;}
#main .blockEngt{background:url(images/gabarit/block-bg1.png) bottom no-repeat; width:184px; padding:0 0 30px 0;}
#main .blockEngt ul{width:85%; margin:auto; list-style-type:none;}
/*#main .blockEngt li a{background:url(images/gabarit/puce.png) 0 4px no-repeat; padding:0 0 0 15px; display:inline-block; color:#252525;}*/
#main .blockEngt li{background:url(images/gabarit/puce.png) 0 4px no-repeat; padding:0 0 0 15px; display:inline-block; color:#252525;}{background:url(images/gabarit/puce.png) 0 4px no-repeat; padding:0 0 0 15px; display:inline-block; color:#252525;}

#main .blockEngt .newsletter{margin:2px 0 0 20px;}
#main .blockEngt .newsletter input{float:left;}
#main .blockEngt .newsletter .champs{width:130px; height:18px; font-size:12px; padding:2px 0 0 0; color:#adadad;}
#main .blockEngt #Ok{background:url(images/bouttons/btn-ok.png) no-repeat; width:16px; height:11px; padding:0px; margin:6px 0 0 5px; }

#main #home .PayeSecurise a, #main .PayeSecurise a{float:left; magin:0px; padding:0 1px 15px 0; display:inline-block;}
#main #home .partenaire{display:block; width:100%;}
#main #home .partenaire a{ display:block; text-align:center;}

#home .bodyHome .perso{height:303px; width:539px; background:url(images/gabarit/perso-bg.png) no-repeat; overflow:hidden;}
#home .bodyHome .flashHome{margin:57px 2px 0 0; padding:0; display:block; float:right;}

#main .blockRight .blockEngt{float:right; margin:0 13px 0 0; display:inline;}
#home .blockRight p{font-size:12px; width:95%;}
#home .blockRight p span{font:normal 14px Arial; display:block;}

#citelis-container{width:500px; text-align: center; margin: 5px 20px 0 100px;}

#citelis-container form{ width:50%; margin: 0 auto;}