/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#bodylov{
background: #408dd0 url(/images/bgBody.gif) repeat-x;
}


#body1{
	background: #c60821 url(/images/bgBody2.gif) repeat-x top center;
	height:363px;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {
text-align: center;
}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 790px;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:790px;
height:243px;
background:url(/images/bgHeader.jpg);
position:relative;

}

#headeren {
width:790px;
height:243px;
background:url(/images/bgHeader-en.jpg);
position:relative;

}
#headeres {
width:790px;
height:243px;
background:url(/images/bgHeader-es.jpg);
position:relative;
}

#langue{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
font-style:italic;
position:absolute;
top:43px;
left:640px;
margin-top: 3px;
}
#langue a{color:#fff;text-decoration:none;}
#langue a:hover {color:#fff;text-decoration:underline;}

#logo{
position:absolute;
top:102px;
left:62px;
}
#logoEn{
position:absolute;
top:134px;
left:62px;
}

.logoARA{
	margin: 10px 0px 0px 33px;
	}

/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
background: url(/images/bgContentLeft.gif) no-repeat left top;
float: right;
width: 790px;
}

#contentLonger{
background:#fff url(/images/bgPage.jpg) repeat-y left top;
float:right;
width:790px;
}

#contentRightLonger{
width:225px;
background:url(/images/bgContentRightLonger.gif) repeat-y;
float:right;
}

#contentRight{
width:225px;
background:url(/images/bgContentRight.gif) no-repeat;
padding-bottom: 30px;
}

#recherche{
width:195px;
height:101px;
position:relative;
margin:12px 0 0 7px;
background:url(/images/recherche1.jpg);
}
	.btnRecherche{
		background: url(/images/btn-aller.gif) no-repeat;
		color: #ffffff;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		width: 58px;
		display: block;
		height: 21px;
		text-decoration: none;
		padding: 3px 0px 0px 0px;
		float: right;
	    margin: -13px 18px 0px 0px;
		}
		a:hover.btnRecherche{
			color: #ffffff;
			background: url(/images/btn-aller-over.gif) no-repeat;
			}

#recherche p {
font-weight:bold;
font-size:15px;
color:#174670;
padding: 10px 0px 5px 20px;

}

#recherche input{
margin:-5px 0px 22px 20px;
width: 154px;
}

#recherche #btn-aller{
position:absolute;
right:18px;
bottom:13px;

}


#contentRight img{
padding:12px 0 0 7px;
}

#recherche img{
padding:0px;
vertical-align: middle;
}


/************************ Content left *****************************************/


#contentLeft ul li {

}
#filAriane{
	margin: 0px 0px 0px 27px;
	font-size: 13px;
	color: #174670;
	font-weight: bold;
	}
	#filAriane a{
		padding: 0px 5px 0px 5px;
		text-decoration: underline;
		}

#menu{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold; font-size:14px;
	}

#menu li{
float:left;
}

#menu li a{
text-align:center;
color:#fff;
}

#menu li a{text-decoration:none;}
#menu li a:hover {text-decoration:none;}


#menu #menu_accueil a{
display:block;
height:59px;
width:182px;
background:url(/images/menu_accueil.gif);
padding-top:8px;
}

#menu #menu_accueil a:hover{
background:url(/images/menu_accueil-hov.gif);
}

#menu #menu_produits a{
display:block;
height:59px;
width:161px;
background:url(/images/menu_produits.gif);
padding-top:8px;
}

#menu #menu_produits a:hover{
background:url(/images/menu_produits-hov.gif);
}

#menu #menu_boutique a{
display:block;
height:59px;
width:222px;
background:url(/images/menu_boutique.gif);
padding-top:8px;
}

#menu #menu_boutique a:hover{
background:url(/images/menu_boutique-hov.gif);
}

a#menu_coordonne{
font-weight:bold;
text-align:center;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
height:111px;
width:225px;
background:url(/images/menu_coordonne.gif);
padding-top:8px;
font-size:14px;
text-decoration:none;
}
a#menu_coordonne:hover{
background:url(/images/menu_coordonne-hov.gif);
text-decoration: none;
}


.contentUno{
width:530px;
border:2px solid #dbdbdb;
margin:15px 0px 10px 25px;
float:left;
clear:left;
padding: 0px 0px 26px 0px;
}

.contentUno h2{
background:#bcd5eb;
color:#174670;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding:5px;
clear:both;
}

.contentUno p{
color:#333333;
font-size:13px;
padding: 0px 10px 10px 10px;
}

#imgAccueilUno{
float: right;
margin:-28px 13px 10px 10px;
}

.paccueil {
margin:0px 5px 0px 5px;
}

.intro01 {
width:290px;
}

#spacer00 {
height:20px;
}

.contentUno h3{
background:#ffc0c0;
color:#c60821;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
padding:5px;
clear:left;
margin:20px 0px 10px 0px;
}

h4{
text-align:left;
font-size:14px;
color:#174670;
font-weight:bold;
padding:5px 5px 7px 0px;
}

#HQP{
float:left;
padding: 0px 10px 0px 10px;
}

.contentUno h5{
color:#c60821;
font-weight:bold;
font-size:12px;
float:right;
padding-right:10px;
}



#contentEdit{
padding:20px 0px 20px 30px;
width:520px;
}

/*** Section produits ***/
#prodimgleft {
float:left;
}

#prodimgright {
float:right;
}

#prodimages {
text-align:center;
}

#prodmulti {
margin: 0px;
}

#prodmulti p {
text-align:center;
color:#c60821;
}
	#prodmulti div {
		text-align:center;
		padding: 20px 0px 0px 96px;
		}

.imgprod {
border-right: 1px solid #cccccc;
float: left; 
vertical-align: top; 
width: 250px; 
text-align: center;
}

.txtprod {
	padding:0px 0px 20px 12px;
	float: left;
	width: 260px; 
	text-align: left;
	}
	.contentUno .txtprod ul{
		padding: 0px 0px 12px 0px; 
		clear: right;
		}

.ligne {
padding:0px;
margin: 30px 0px 10px 15px;
height:1px;
width:502px;
background-color:#cccccc;
float: left;
}

.bottomprod {
padding: 0px 0px 0px 2px;
width: 525px;
text-align: center;

}

.orbitale, .orbitale1, .orbitale3 {
float:left;
margin: 10px 16px 20px 20px;
text-align: center;
}

.orbitale3 {
margin: 10px 0px 20px 20px;
}


.floatleft {
float:left;
margin:10px;
}

.cat_link a{color:#fff; text-decoration:none;}
.cat_link a:hover {color:#fff; text-decoration:underline;}

/*** Fin section produits ***/



/* Liens
------------------------------------- */

.explod{
	padding: 0px 0px 0px 132px;
	float: left;
}
.contact{
	float: right;
	text-align: right;
	}

#prodmulti a.btnimg, .prodlink a.btnimg, .explod a.btnimg, .contact a.btnimg, a.btnSend, form .postuler a.btnimg{ 
background:url(/images/btnimg.jpg) no-repeat;
display:block;
float:left;
margin-left: 0px;
padding-top:6px;
height:23px;
width:139px;
color:#ffffff;
font-weight: bold;
text-decoration: none;
text-align: center;
}

	#prodmulti a.btnimg{
		margin-left: 0px;
		}
	.prodlink a.btnimg, .prodlink a:hover.btnimg, .explod a:hover.btnimg{
		color: #ffffff;
		margin: 0px;
		}
	.postuler a.btnimg{
		margin: 20px 0px 0px 10px;
		}
		.postuler a:hover.btnimg, .formulaire a:hover.btnSend{
			color: #ffffff;
			text-decoration: underline;
			}
			
	.explod a.btnimg{
		background:url(/images/bg-btn-long.gif) no-repeat;
		width:251px;
		margin: 10px 0px 0px 10px;
		}
		.explod a:hover.btnimg{
		text-decoration: underline;
		margin: 10px 0px 0px 10px;
		}
		
		.contact a.btnimg{
			background:url(/images/bg-btn-long.gif) no-repeat;
			width:251px;
			margin: 10px 10px 0px 0px;
			}
			.contact a:hover.btnimg{
				color: #ffffff;
				text-decoration: underline;
				}
				.contact a:hover.btnimg span{
				text-decoration: none;
				}
		a.btnSend{
			padding-top:6px;
			}
			a:hover.btnSend{
				text-decoration: underline;
				color: #ffffff;
				}
		a.btnClear{
			
			
			text-decoration: underline;
			font-size: 10px;
			margin: 0px;
			float: center;
			display: block;
			width: 110px;
			text-align: right;
			font-weight: bold;
			float: right;
			padding: 8px 4px 0px 0px;
			}
			a:hover.btnClear{
				text-decoration: none;
				color: #B1AFAF;
				}
			
			
.imgAcc1{
	margin: 20px 0px 0px 0px;
	}
		

#prodmulti a.btnimg:hover, .prodlink a.btnimg:hover {
text-decoration: underline;
}

a {
color:#c60821;
text-decoration:none;
text-decoration: underline;
}
a:hover {
color:#1e527a;
text-decoration:none;
}


/* Typographie
------------------------------------- */

h1 {
font-size:16px;
font-weight:bold;
text-align:center;
padding-bottom:10px;
}
h2{
background:#bcd5eb;
color:#174670;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding:5px;
margin-bottom:10px;
clear:both;
}

h3 {

	}
	h3.redSep { 
		color:#c60821;
		text-align:left;
		font-size:13px;
		padding:5px;
		font-weight:bold;
		}
	h3.blueSep { 
		background:#bcd5eb;
		color:#174670;
		text-align:left;
		font-size:13px;
		padding:5px;
		font-weight:bold;
		}
		
	h2.blueSep { 
		background:#bcd5eb;
		color:#174670;
		text-align:left;
		font-size:13px;
		padding:5px;
		font-weight:bold;
		clear:both;
		}
h5 {}
h6 {}

p {
font-size:12px;
text-align:justify;
color:#333333;
}

strong, b{
	color: #174670;
}

blockquote {}

.boldRed{
	color: #C60821;
	}
	
p.redP{
	color: #C60821;
	}

/* Listes
------------------------------------- */

.aideillus ul li {
margin-left:10px;
}

.contentUno ul {
font-size:12px;
padding:0px 0px 5px 5px;
margin: 0px 0px 0px 10px;
}

.contentUno li {
padding:0px 5px 5px 12px;
background:url(../images/puce.jpg) no-repeat;
}

#faqliste, #faqliste2 {
font-size:12px;
margin:0px 0px 10px 10px;
}
#faqliste2 {
margin:10px 0px 10px 10px;
}

#aideliste a {
padding-left:10px;
font-size:14px;
color:#174670;
}

#aideliste ul li {
list-style-type:none;
}




/* Tableaux
------------------------------------- */

#tblbardeaux{
color: #ffffff;
font-weight: bold;
text-align:center;
margin:10px 0px 0px 10px;
width: 510px;
background: #FFFFFF;
}
#tblbardeaux th.tdTitre{
color: #C60821;
text-align: center;
}
	 #tblbardeaux th.tdTitre1{
		color: #C60821;
		text-align: center;
		font-weight: bold;
		vertical-align: bottom;
		}
#tblbardeaux td{
margin:5px;
padding:5px;
background: #C60821;
border:  #FFFFFF 2px solid;
text-align: center;
}


#tblbardeaux a{
	color: #ffffff;
	text-decoration: underline;
	}
#tblbardeaux a:hover{
	text-decoration: none;
	}

 #tblbardeaux img{
	border: none;
	margin:0px;
	padding:0px;
	text-align: center;
	float: none;
}




/* Formulaires
------------------------------------- */

form {}
input {}
textarea {}
label {}
fieldset {}
legend {}
.formulaire{
	margin: 16px 7px 0px 7px;
	background: #FFFFFF;
	}
	.formulaire td{
	padding: 4px;
	vertical-align: top;
	border: 3px solid  #ffffff;
	background: #F7F9F9;
	}
	.formulaire td.td1{
			font-weight: bold;
			font-size: 13px;
			color: #174670;
			width: 178px;
			padding: 4px 10px 20px 6px;
		}
	.formulaire td.td2{
		background: #DEE7ED;
		}
		.formulaire td.td3{
		padding: 10px 0px 10px 46px;
		text-align: left;
		}	
		 
		
		
	.formulaire #textarea, .formulaire input, .tabCart input{
		width: 190px;
		color: #174670;
		font-size: 12px;
		}
		 .formulaire input, .tabCart input{
		 	width: 178px;
		 	}

/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
height:46px;
width:790px;
background:url(/images/bgFooter.gif);
text-align: center;
margin: 0 auto;
padding: 0px;
}

#footer ul{

text-align: center;
margin: 0 auto;
padding: 7px 0px 0px 0px;
list-style: none;
}

#footer ul li{
color:#fff;
display: inline;
font-size:11px;
padding:4px 4px 4px 4px;
margin: 5px 0px 0px 0px; 
list-style: none;
}

#footer ul li a {
	color:#fff;
	text-decoration:none;
	margin: 0px 5px 0px 0px;
	font-weight: bold;
	}
#footer ul li a:hover {color:#fff;text-decoration:underline;}

#copyright{
text-align:center;
color:#fff;
position:relative;
top:-8px;
font-size:11px;
}


#copyright a {color:#fff;text-decoration:none;}
#copyright a:hover {
			color:#fff;
			text-decoration:underline;
			}


/*************** Adaptation ***************/

	.stitre, .stitreDetails{
		font-weight: bold;
		font-size: 15px;
		color: #174670;
		padding: 0px 0px 7px 10px;
		margin: 14px 0px 0px 0px;
		display: block;
		}
	.imgVisa{
		margin: 0px 0px 10px 10px;
		}
	
	/*** Page de détails ***/	
	
	
	.stitreDetails{
		margin: 14px 0px 16px 84px;
		font-weight: normal;
		
		}
		
	.pageDetails{
		padding-bottom: 40px;
		}
		.pageDetails p{
			margin-bottom: 10px;
			}


	/**********************/	





/*************** Fin Adaptation ***************/


/*************** Boutique ***************/
.displayCur{
float:right;
font-size:10px;
}

.displayCur a{
text-decoration:none;
}

.displayCur a:hover{
text-decoration:underline;
}

div.listing1{
	margin: 0px 0px 0px 0px;
	}
div.listingAcess{
	float: left;
	clear: both;
	margin: 0px 0px 0px 10px;
	}
	
	div.listing img, div.listing1 img{
		border: 3px solid #408DD0;
		padding: 3px;
		background: #FFFFFF;
		margin: 0px 9px 0px 10px;
		float: left;
		}
		
		div.listing .details, div.listing1 .details, div.listing .pageDetails, div.listingAcess .details{
			border-top: 1px #A8CAE6 solid;
			border-left: 1px #A8CAE6 solid;
			width: 415px;
			float: left;
			clear: right;
			background: #EEF2F5;
			position: relative;
			margin: 0px 0px 20px 0px;
			}
			
			div.listingAcess .details{
			width: 509px;
			margin: 0px 0px 20px 0px;
				}
			
			
			
			div.listing h3, div.listing1 h3, .pageDetails h3, div.listingAcess h3{
				color: #335D82;
				font-size: 14px;
				font-weight: bold;
				background: none;
				text-transform: none;
				float: left;
				padding: 6px 10px 0px 6px;
				margin: 0px 0px 2px 0px;
				}
				
				div.pageDetails h3{
					margin-bottom: 10px;
					}
					
			div.listing span, div.listing1 span, div.listingAcess span{
				color: #335D82;
				font-size: 12px;
				float: left;
				clear: right;
				padding: 6px 0px 0px 0px;
				}
				
				div.listing span{
					display: block;
					clear: both;
					width: 400px;
					padding: 0px 0px 8px 6px;
					}
				
			div.listing p, div.listing1 p, div.listingAcess p{
				color: #408DD0;
				font-size: 13px;
				clear: left;
				padding: 0px 10px 0px 7px;
				min-height: 61px;
				}
				div.listing p{
					min-height: 38px;
					}
				div.listingAcess p{
					min-height: 31px;
					}
				
				
			div.listing a, div.listing1 a, div.listingAcess a{
				color: #335D82;
				font-size: 11px;
				clear: both;
				text-decoration: underline;
				margin: 0px 0px 0px 7px;
				position: absolute; 
				top: 60px;
				}
				
				
			
			div.listing a:hover, div.listing1 a:hover, div.listingAcess a:hover{
				text-decoration: none;
				}
					div.listing a.addIt, div.listing1 a.addIt, div.pageDetails a.addIt2, div.listingAcess a.addIt{
						height:21px;
						width:114px;
						background: url(/images/bg-ajouter.gif) no-repeat;
						color: #FFFFFF;
						padding: 3px 0px 0px 0px;
						text-align: center;
						display: block;
						text-decoration: none;
						font-weight: bold;
						position: absolute;
						right: 7px;
						top: 56px;
						}
						div.listingAcess a.addIt{
							top: 26px;
							}
						
						
						
						div.listing a:hover.addIt, div.listing1 a:hover.addIt, div.pageDetails a:hover.addIt2, div.listingAcess a:hover.addIt{
							text-decoration: underline;
							}
							
								div.pageDetails a.addIt2{
										position: absolute;
										right: 7px;
										top: 8px;
										}	
							
							
							
						
div.paging{
	padding: 20px 0px 0px 105px;
	height: 20px;
	text-align: left;
	clear: left;
	}
	div.paging a{
		color: #ffffff;
		background: #C60821;
		padding: 4px;
		float: left;
		width: 14px;
		height: 14px;
		text-align: center;
		margin-right: 10px;
		border: 1px #A8CAE6 solid;
		font-weight: bold;
		}
		div.paging a.prevNext{
			width: 70px;
			}
			
			div.paging a:hover, div.paging a:hover.prevNext{
				background: #DBE3E9;
				color: #335D82;
				}
					
.menuCat{
	color: #ffffff;
	font-weight: bold;
	background: #C60821;
	margin: 0px 0px 40px 10px;
	}

.leprix{
	color: #408DD0;

	}


/*************** Fin Boutique ***************/



/*************** Aide illustrée ***************/

div.aide{
	padding: 10px 0px 0px 10px;
	}
	div.aide span{
		float: left;
		margin: 0px 12px 20px 0px;
		}
		div.aide span.last{
		margin: 0px 0px 20px 0px;
		}
	div.aide img{
		float: left;
		padding: 3px;
		background: #FFFFFF;
		border: 3px solid #C60821;
		border-bottom: 0px;
		}
		div.aide a.lnkAide{
		text-align: center;
		padding: 3px;
		background: #FFFFFF;
		border-left: 3px solid #C60821;
		border-right: 3px solid #C60821;
		border-bottom: 3px solid #C60821;
		display: block;
		width: 150px;
		clear: both;
		text-decoration: none;
		font-weight: bold;
		}



/*************** FIN Aide illustrée ***************/


/*************** CART ***************/

#cart{
	width: 195px;
	color: #545759;
	background: url(/images/bg-boutique-3.gif) bottom no-repeat;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 0px 7px;
	
	font-size: 11px;
	}
	/*#cart div{
		padding: 6px 10px 5px 16px;
		}*/
	
	
	#cart div.cart1{
		padding: 0px 0px 10px 0px;
		background: url(/images/bg-boutique-2.gif) repeat-y;
		width: 195px;
		clear: both;
		
	}
	#cart img{
		padding: 0px;
		margin: 0px;
		}
		.cart1 .numArticle{
			padding: 6px 10px 5px 16px;
			font-weight: bold;
			color: #174670;
			font-size: 12px;
			text-decoration: underline;
		}
		.cart1 span{
			font-weight: bold;
		}
		
		.voirCart{
			text-align: center;
			margin: 10px 0px 0px 0px;
			padding: 0px;
			}
		
		#cart a{
			color: #B1AFAF;
			text-decoration: underline;
			font-size: 10px;
			font-weight: bold;
			margin: 0px;
			float: center;
			}
			#cart a:hover{
			text-decoration: none;
			}
		#cart a.lnkCart, a.mybutton{
			color: #545759;
			display: block;
			height: 21px;
			width: 157px;
			color: #ffffff;
			text-decoration: none;
			background: url(/images/bg-Btn-voir-panier.gif) no-repeat;
			padding: 4px 0px 0px 0px;
			font-weight: bold;
			font-size: 11px;
			margin: 0px 0px 0px 16px;
			}
			#cart a:hover.lnkCart, a:hover.mybutton{
				background: url(/images/bg-Btn-voir-panier_over.gif) no-repeat;
				}
				
		#total, #lstProd{
		padding: 6px 10px 5px 16px;
			}
						
.tabCart{
	background: #FFFFFF;
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	color: #174670;
	}
	.tabCart td{
	padding: 4px;
	vertical-align: top;
	border: 3px solid  #ffffff;
	background: #F7F9F9;
	}
	.tabCart .trTitre{
			font-weight: bold;
			font-size: 13px;
			color: #174670;
			width: 170px;
			padding: 4px 10px 20px 6px;
		}
	

/*************** FIN CART ***************/


/*************** EMPLOIS ***************/

ul.emplois{
	margin-top: 16px;
	}

ul.emplois a{
	font-weight: bold;
	}

ul.emplois p{
	margin: 4px 0px 0px -10px;
	}
ul.emplois p span{
	font-weight: bold;
	}


/*************** FIN EMPLOIS ***************/



/************** COORDONNÉES *****************/

.mapGoogle{
	margin: 10px 0px 20px 12px;
	border: 2px solid #E3E3E3;
	width: 425px;
	padding: 3px;
	background: #FFFFFF;
	}
	
/************** FIN COORDONNÉES *****************/

.video{
	margin: 10px 0px 20px 12px;
	border: 2px solid #E3E3E3;
	width: 488px;
	padding: 3px;
	background: #FFFFFF;
	}


/************** Les BOITES PRODUITS *********************/
	
.blocksProds{
	padding: 0px 0px 20px 10px;
	}

div.blockLeft, div.blockRight{
	width: 245px;
	float: left;
	height: 246px;
	border: 2px solid #DBDBDB;
	margin: 16px 13px 0px 0px;
	background: url(/images/bg-block-prods.gif) bottom no-repeat;
	text-align: center;
	}
div.blockRight{
	margin: 16px 0px 0px 0px;
	clear: right;
	}
	.blocksProds a.btnProds{
		
		color: #ffffff;
		font-weight: bold;
		display: block;
		clear: left;
		float: left;
		text-align: center;
		padding: 16px 0px 16px 0px;
		text-decoration: none;
		width: 245px;
		}
	.blocksProds a:hover.btnProds{

		text-decoration: underline;
		}
		
		#caption{
		display:block;
		padding-bottom:10px;
		
		}
		
		
		

/************** FIN BOITES PRODUITS *********************/