/* CSS Document */

body{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; }
a {border:0; text-decoration:none; }
img { border:0;}
.clear{ clear:both;}
ul{ margin:0; padding:0;}

.container{ width:960px; margin:0 auto;}

.top{ height:126px;}
.top .logo{ width:253px; height:126px; float:left;}
.top .area1{ width:511px; height:126px; float:left; text-align:center; }
.top .area1 h1{color:#342b2a; font-size:25px; font-weight:normal; margin-top:80px; 
			   font-family:Georgia, "Times New Roman", Times, serif;}
.top .area2{ width:196px; height:126px; float:left; background:url(/images/top-right.png) no-repeat top center;
			 text-align:center;}
.top .area2 div{ margin-top:10px;}
.top .area2 a{ color:#ffffff; font-size:13px; margin-left:12px;}
.top .area2 a:hover{ text-decoration:underline}
.top .area2 .designTop{ position:absolute; background:url(/images/colum-right-1.png) no-repeat; width:196px; height:14px; 						top:105px;}

/* MENU */ 
.menu { width:100%; background:url(/images/menu.png) repeat-x; height:41px; z-index:100000000;}
.listMenu { width:960px; margin: 0 auto; z-index:10000000;}
.listMenu li{text-align:center; float:left; list-style:none; margin-top:2px;z-index:1000000; }
.listMenu li a{ display:block; color:#342b2a; width:106.6px; height:33px; line-height:33px; font-size:15px; 
				font-weight:bold;}
.listMenu a:hover,.listMenu li .select{ background:#b74442; color:#FFFFFF;} 

.sousMenu{ position:absolute; visibility:hidden; background:#ffffff; z-index:1000000;}
.sousMenu li{ float:none; z-index:100000;}
.sousMenu li a{ color:#ffffff; font-size:14px; font-weight:normal; background:url(/images/hover.png) no-repeat 0 0; 
				width:199px; height:29px; text-align:left; padding-left:25px;}
.sousMenu li a:hover{background:url(/images/hover.png) no-repeat 0 -29px;}

.middle{ width:960px;}
.slide{margin-top:-2px; width:746px; height:323px; float:left; z-index:100;}
.slide ul{ padding:0; margin:0; z-index:10; }
.slide li{ list-style:none; height:323px; z-index:5;}

/* ajout auto de jquery des petit rond dans le slide */
ol#controls{ height:10px; position:absolute; padding:0; margin:304px 0 0 6px; } 
ol#controls li{margin:0 4px 0 0; padding:0; float:left; list-style :none;}
ol#controls a{ background:url(/images/pt.png) no-repeat; height:8px; width:8px; display:inline-block;}
ol#controls li.current a{ background:url(/images/pthover.png) no-repeat; }
/* end */

.right { margin-left:16px; float:left; width:198px; z-index:100;}
.right-1{ background:url(/images/colum-right-2.png) no-repeat right; text-align:center; color:#ffffff; font-weight:bold; 		  height:43px; margin-top:-6px; padding-top:8px; }
.right-1-inner{ background:url(/images/colum-right-2-bis.png) no-repeat top center; text-align:center; color:#ffffff; 
				font-weight:bold; height:43px; margin-top:30px !important; padding-top:6px; width:184px; 
				margin-left:auto; margin-right:auto; }
.right-1-inner a{font-size: 11px !important; font-weight:bold !important }
.right-2{ padding-top:6px;}
.right-2 .button a{ display:block; width:197px; height:49px; line-height:49px; text-align:center; color:#1e1e1e; 
					font-size:14px; font-weight:bold; margin-bottom:4px; background:url(/images/button.png) no-repeat 0 0;}
.right-2 .button a:hover{ text-decoration:underline;}
.right-2 .label{ width:183px; height:77px; margin-bottom:4px; padding:10px 0 0 14px;
    			  background:url(/images/button.png) no-repeat 0 -50px; }
.right-2 .label img{ top:18px; left:14px;}

.bloc1{ background:url(/images/bloc1.png) no-repeat; width:342px; height:220px; float:left;}
.bloc1 h2{ color:#0085cf; font-size:14px; font-weight:bold; height:33px; margin:0 0 0 10px; line-height:40px; text-transform:uppercase;}
.bloc1 ul{ padding:0; margin:8px 0 0 28px;}
.bloc1 li{ list-style-image:url(/images/listStyle.png); font-size:13px; font-weight:bold; color:#000000; margin-bottom:6px;}

.bloc2{ background:url(/images/bloc2.png) no-repeat; width:591px; height:220px; float:left; margin-left:17px;
		color:1e1e1e;font-size:14px; padding-left:10px;}
.side1{float:left;}
.livraison{ background:url(/images/livraison.png) no-repeat; width:207px; height:52px; padding-top:16px; float:right;
			font-size:14px; font-weight:bold; color:#ff6718; text-transform:uppercase; text-align:center;}
.side2{float:left; margin-left:8px;}
.bloc2 h2{ color:#b74442; font-size:14px; font-weight:bold; height:33px; margin:0; line-height:40px; 
			text-transform:uppercase;}
.bloc2 h2 a{ color:#b74442; font-size:14px; font-weight:bold; text-transform:uppercase;}
.bloc2 .vcard{ font-weight:bold; font-size:15px; font-style:normal; color:#1e1e1e; margin:10px 0 8px 0;}
.bloc2 img{ margin-top:8px;}

.bloc3{ background:url(/images/bloc3.png) no-repeat; width:962px; height:203px; margin-top:20px;}
.bloc3 h2{ color:#b74442; font-size:14px; font-weight:bold; height:33px; margin:0 0 0 10px; line-height:40px; 
			text-transform:uppercase;}
.bloc3 h2 span{ text-transform:none; color:#1e1e1e;}
.bloc3-ss { width:280px; height:105px; padding:9px 20px 20px 20px;float:left;}
.bloc3-ss h3{ font-size:14px; font-weight:bold; color:#000000; background:url(../images/listStyle2.png) no-repeat left center;
			  padding-left:17px;}
.bloc3-ss .text{ width:174px; float:left; margin-left:20px;}
.bloc3-ss .text p{ margin-top:0}
.bloc3-ss .text a{ background:url(../images/listStyle2.png) no-repeat right center; color:#b74442; 
				   display:inline-block; width:91px;}
.bloc3-ss .image{float:left; margin-left:5px;}

.middleBottom{ margin-top:8px;}


/*  FOOTER  */ 
.footer{ width:100%; background:url(/images/footer.png) repeat-x; height:50px;}
.footer div{ width:960px; text-align:center; height:50px; line-height:19px; margin:0 auto;color:#ffffff; padding-top:7px}
.footer div a{ color:#ffffff; font-weight:bold;}


/* PAGE INTERNE - page de contenu */

.breadcrumb{margin: 10px 0;}
.breadcrumb a{ text-decoration:underline; color:#6f646c;}
.breadcrumb span{ font-weight:bold;}
.breadcrumb label{ font-weight:bold;}

.title{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#b74442; font-size:27px; 	
		font-weight:normal;  background:url(/images/titlebg.png) repeat-x;}
.title span{ padding-left:8px; background:#FFFFFF; height:29px;}

.innerMenu ul{ width:144px; background:url(/images/innermenu.png) repeat-y right; margin-right:15px; float:left; 
			   padding-top:16px;}
.innerMenu li{list-style:none; text-align:center; margin-bottom:16px; width:134px; padding-right:10px}
.innerMenu .select{ background:url(/images/arrow.png) no-repeat right center;}
.innerMenu .select a{color:#b74442;}
.innerMenu li a{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#6f646c; font-weight:bold;}

.textContainer{width:800px; float:left;float:left; padding-top:12px; font-size:13px; color:#000000; 
				line-height:20px; min-height:300px;}
.nomenu{ width:950px}
.images{text-align:center;}
.images span{background:url(/images/contenu/image_fond.png) no-repeat bottom;background-size:contain; 
			 padding-bottom:8px;}

.textContainer h4{ margin-bottom:6px;}
.textContainer p{ margin-top:0}
.innerUl{ margin-left:265px; }
.innerUl li{ list-style-image:url(/images/arrow2.png); font-weight:bold; color:#B74442;text-align:left;}
.fab{margin-left:0;}
.fab li{ font-weight:bold; color:#B74442;text-align:left; cursor:pointer; margin-left:200px;}

.divUl{ text-align:left;}

.historique strong {float:left; font-family:Georgia, 'Times New Roman', Times, serif; font-size:20px; color:#B74442; 
		padding-right:20px; width:120px; text-align:right}
.divDate{float:left; background:url(/images/innermenu.png) repeat-y; padding-left:15px; width:790px; margin-bottom:30px}

.titleh3{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#b74442; font-size:20px; 	
		font-weight:normal;  background:url(/images/titlebg2.png) repeat-x; background-position:0 -5px}
.titleh3 span{ background:#FFFFFF; height:29px; color:#0085CF; }

.ulEtape{ list-style-type:square; margin-left:150px}
.ulMarque{ list-style-type:square; margin-left:150px; font-weight:bold}

.floatImage{ float:left; width:200px; text-align:center}
.floatImage span{background:url(/images/contenu/image_fond.png) no-repeat bottom;background-size:contain; 
			 padding-bottom:8px;}
.floatText{ float:left; width:570px}

/* CONTACT */

.textContainer .side1{float:left; width:460px; margin-left:19px;}
.textContainer .side1 .top{ color:#696969; font-weight:bold}
.textContainer .side1 span{ color: #b74442; font-weight:bold;}
.textContainer .side2{float:left; margin-left:44px; text-align:center}
.textContainer .vcard{ font-weight:bold; font-size:15px; font-style:normal; color:#1e1e1e; margin:10px 0 8px 0;}
.textContainer img{ margin-top:8px;}

.formContact{width:460px;}
.formContact label{ display:inline-block; width:150px; height:35px; font-weight:bold;}
.formContact input[type=text]{ width:300px; height:25px;}
.formContact textarea{ width:300px;}
.obligatoire { width:383px; display:inline-block}


.innerMenuCat{ width:160px; float:left}
.innerMenuCat ul{ width:144px; float:left; margin-left:40px; margin-bottom:15px}
.innerMenuCat li{list-style:url(/images/list-style-catalogue.png); text-align:left; margin-bottom:10px; width:134px;}
.innerMenuCat .select a{color:#0085cf;}
.innerMenuCat li a{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#6f646c;
					text-transform: capitalize; }
.innerMenuCat li a:hover{color:#0085CF;}
.innerMenuCat h3{ width:164px; font-size:14px; color:#6F646C; text-align:left;  padding-left:7px;
				  background:url(/images/trait-h3-cat.png) repeat-x left bottom; text-transform:lowercase; 
				  text-transform:capitalize;}
.innerMenuCat h3 a{color:#6F646C;}
				  

.boxCat{ background:url(/images/box-catalogue.png) no-repeat; width:762px; height:165px; margin-left:42px}
.boxCat .blockImg1,.boxCat .blockImg2,.boxCat .blockImg3{ width:160px; height:155px; text-align:center; float:left;}
.boxCat img{ margin-top:35px;}
.blockText{ float:left;}
.blockText .myText { height:107px; width:280px; color:#696969; font-size:12px; line-height:normal; padding-top:23px;}
.blockText a{ color:#ffffff; font-size:12px; font-weight:bold; padding-left:100px;}

.boxCatSmall { background:url(/images/box-catalogue-small.png) no-repeat; width:180px; height:197px; float:left; 
			   margin:0 0 12px 15px;}
.boxCatSmall h4{ width:180px; height:33px; margin:0; text-align:center; line-height:33px; 
				 font-size:13px; font-weight:bold; color:#000000;}
.boxCatSmall .blockImg{ width:180px; text-align:center; height:100px}
.boxCatSmall .blockText{ font-size:12px; font-weight:normal; color:#000000; width:160px; text-align:left; 
						 line-height:16px; padding-left:20px; height:32px;}
.boxCatSmall a{ display:block; width:62px; height:17px; margin:37px 0 0 111px; padding-left:6px; font-weight:bold;
				color:#ffffff; text-decoration:none;}
.boxCatSmall a:hover{ background:url(/images/detailHover.png) right center #ffffff no-repeat; color:#b74442;
					  border-bottom:1px solid #b74442; }
					  
.boxDescr{ width:762px; height:331px; background:url(/images/box-description.png) no-repeat;}
.boxDescr .box1{ width:530px; color:#000000; font-size:12px; float:left;}
.boxDescr .box1 div{ margin-left:20px;}
.boxDescr .box1 h3{ color:#0085cf; height: 36px; line-height:36px; width:230px; border-bottom:1px solid #696969; 
					font-size:13px; padding-left:15px;}
.boxDescr .box1 ul{margin-left:20px;}

.boxDescr .box2{width:230px; color:#000000; font-size:12px; float:left; padding-top:50px; text-align:center}
.boxDescr .box2 a{ color:#696969; font-size:11px; display:inline-block; width:100px; padding-right:30px;line-height:12px;
				   background:url(/images/catalogue/icoPdf.png) no-repeat center right;  text-align:left; margin-top:120px; }