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

@import url("reset.css");

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:#fff;
	
}

#bodylove{
background:#e8eef9 url(../images/bg.gif ) repeat-x top center;
}

a:link {color:#0d2461;text-decoration:none;}
a:visited {color:#0d2461;text-decoration:none;}
a:hover {color:#0d2461;text-decoration:underline;}
a:active {color:#0d2461;text-decoration:none;}


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

h1 {
font-family:Arial, Helvetica, sans-serif;
color:#fff ;
padding-bottom:15px;
}
h2 {padding-bottom:15px;font-size:18px;}
h3 {padding-bottom:15px;}
h4 {padding-bottom:15px;}
h5 {padding-bottom:15px;}
h6 {padding-bottom:15px;}

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

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.noborder {border: none;}
.alt {background: #eee;}
.ileft {
	float: left; 
	margin: 0 10px 4px 0; 
}
.iright {
	float: right; 
	margin: 0 0 4px 10px;
}

#center{
text-align:center;
width:100%;
}

img, div {behavior: url(iepngfix.htc);}

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

#page {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 auto;
	width:762px;
	background:url(/images/bgMaster.png) repeat-y center;
}

#pageProduits{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 auto;
	width:762px;
	background:url(/images/bgMasterFull.jpg) repeat-y center;
}

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

#header {
width:762px;
background:url(/images/bgTop.jpg) #fff no-repeat;
height:222px;
padding-top:15px;
position:relative;


}

#header h1{
position:absolute;
top:150px;
left:340px;
font-size: 15px ;
font-weight:bold ;
font-style: italic;
}



#header ul{
padding-top:135px;
text-align:center;
color:#fff;
font-size:14px;

}

#header ul li{
Margin-left:3px;
position:relative;
display:inline;
padding:0 4px;
}
#header ul li img{
position:relative;
top:8px;
}


#header a:link {color:#fff;text-decoration:none;}
#header a:visited {color:#fff;text-decoration:none;}
#header a:hover {color:#dff475;text-decoration:none;}
#header a:active {color:#fff;text-decoration:none;}


#header .pagepresente  a:link {color:#dff475;text-decoration:none;}
#header .pagepresente a:visited {color:#dff475;text-decoration:none;}
#header .pagepresente  a:hover {color:#ffffff;text-decoration:none;}
#header .pagepresente a:active {color:#dff475;text-decoration:none;}


#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	top:0px;
	padding:0px;
	margin:0px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: -40px;
	top:10px;
	padding-top:22px;
}



#nav li li {
display:block;	
border:2px solid #0d235f;
border-top:0px;
padding:0px;
}
#header #nav li li a {
color:#fff;
display:block;
background:#c20521;
padding:4px;
}

#header #nav li li a:hover{
background:#dcdcdc;
color:#0d235f;
}








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

#content {
width:762px;
padding-bottom:20px;
background:url(/images/bgContent.jpg) no-repeat;
}


#contentLeft{
padding-top:22px;
padding-left:30px;
width:436px;

}

/*#contentLeft p a {
margin-top:30px;
display:block;
width:100%;
text-align:center;
}*/

#contentLeft p a:link, #contentLeft p a:visited, #contentLeft p a:active {
color:#c20521;text-decoration:none;
} 

#contentLeft p a:hover {
color:#c20521;text-decoration:underline;
}

h2{
color:0c2360;
text-transform:uppercase;
font-weight:bold;

}

h2 span{
color:333333;
font-size:12px;
font-weight:normal;

}
h3 span{
text-align:center;
}


.h2special{
margin-left:50px;
padding-bottom:30px;
font-size:15px;
}

.h2special img {
	float: right;
	margin-top: 32px;
}

.h2special2{
margin-left:65px;
padding-bottom:30px;
padding-top:11px;
font-size:15px;
}

h3{
font-size:14px;
color:#c20622;
font-weight:bold;
padding-bottom:4px;
}

h4{
font-size:14px;
color:#0c2360;
font-weight:bold;
padding-bottom:4px;
}

h5{
font-size:14px;
color:#c20622;
font-weight:bold;
padding-bottom:15px;
}

 h6{
font-size:14px;
color:#0c2360;
font-weight:bold;
padding-bottom:15px;
}

#content table {
margin-bottom:20px;
}

#content table th{
background-color:#c20622;
color:#fff;
padding:3px;
}
#content table td{

padding:3px;
}

#content p{
padding-bottom:15px;
line-height:15px;
text-align:justify;
}

#content ul{
padding-bottom:15px;
}

#content ul li{
list-style:disc;
margin-left:15px;
color:#c20622;
}

#content ul li span {color: #000;}

.locateLeft a{
position:Absolute;
bottom:15px;
left:10px;
display:block;
text-align: right;
background-image:url(../images/resultNext.jpg);
background-position:right;
padding-right:21px;
background-repeat:no-repeat;
width:80px;
}



.linkRed a:link {color:#c20521;text-decoration:underline;}
.linkRed a:visited {color:#c20521;text-decoration:underline;}
.linkRed a:hover {color:#0d2461;text-decoration:underline;}
.linkRed a:active {color:#c20521;text-decoration:underline;}



.contactArrow{
float:right;
width:120px;
}

.contactArrow a{
float:right;
display:block;
text-align: right;
background-image:url(../images/resultNext.jpg);
background-position:right;
padding-right:21px;
background-repeat:no-repeat;

}
.contactArrow a:link {text-decoration:none;}
.contactArrow a:visited {text-decoration:none;}
.contactArrow a:hover {text-decoration:none;background-image:url(../images/resultNextHov.jpg);}
.contactArrow a:active {text-decoration:none;}

#content a.contact-usage {
	border-bottom: 1px solid #c20622;
	font-weight: bold;
}

#content a:hover.contact-usage {text-decoration: none; border-bottom: 1px solid #0c2360;}

#contentfull a.contact-usage {
	border-bottom: 1px solid #c20622;
	font-weight: bold;
}

#contentfull a:hover.contact-usage {text-decoration: none; border-bottom: 1px solid #0c2360;}


#content input, #content textarea {
	border:1px solid #0b215a;
	background:#FFF url(../images/bgFields.gif) left top repeat-y;
	padding: 0px 0px 0px 8px;
}
#content input.bt{
	background:#ececec;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	font-size: 11px;
	cursor: hand;
}




/* Content Right
--------------------------------------------------------------------------------------- */

#contentRight{
width:267px;
padding-top:35px;
padding-left:18px;
}

#contentRight2{
width:275px;
padding: 26px 4px 20px 0px;
}
#contentRightForm{
width:267px;
padding-top:35px;

}


#contentRight h1{
font-size:17px;
text-align:center;
padding-bottom:15px;
}
#contentRight h1 a:link {
color:#fff;text-decoration:none;
}
#contentRight h1 a:visited {
color:#fff;text-decoration:none;
}
#contentRight h1 a:hover {
color:#fff;text-decoration:none;
}
#contentRight h1 a:active {
color:#fff;text-decoration:none;
}


#contentRight h2{
padding-top:5px;
font-size:13px;
color:#0035c1;
font-weight:bold;
}


#contentRight h2 a:link {
color:#0035c1;text-decoration:none;
}
#contentRight h2 a:visited {
color:#0035c1;text-decoration:none;
}
#contentRight h2 a:hover {
color:#0035c1;text-decoration:none;
}
#contentRight h2 a:active {
color:#0035c1;text-decoration:none;
}

.pad1{
padding:0 0 15px 0;
}

.pad2{
padding:0 0 9px 0;
}

.coinrond{
width:258px;
height:154px;
position:relative;
}

.usages{
width:246px;
height:154px;
background:#fff;
border:2px solid #0d2461;
border-right:0px;
padding-left:1px;
position:relative;
overflow:hidden;
}
.usages:hover{
border-color:#827BB7;
}

.imgabs{
position:absolute;
top:0px;
left:0px;
}
.imgdetails{
position:absolute;right:-9px;top:0px;
}









/* Content Full
--------------------------------------------------------------------------------------- */

#contentfull{
padding-top:22px;
padding-left:7px;
padding-right:7px;
padding:10px;
width:740px;
background:url(/images/bgcontentproduit.jpg) no-repeat;
}
#contentfull2{
padding-top:22px;
padding-left:7px;
padding-right:7px;
padding:10px;
width:740px;
background:url(/images/bgcontentproduit.jpg) no-repeat;
}
#contentfull table{

margin:0px auto;
}
#contentfull .fright{
position:relative;
}
.intAbs{
position:absolute;
bottom:24px;
left:1px;
}


#contentfull table p{
padding-bottom:5px;
}
#contentfull table td{
padding:5px;
}


.rechBleu{
font-size:13px;
color:#fff;
font-weight:bold;
}

.rechRed{
font-size:13px;
color:#c20521;
font-weight:bold;
}



.containerp{
width:160px;
height:160px;
border:2px solid #0d2461;
overflow:hidden;

}
.container{
float:left;
width:164px;
height:180px;
margin-left:17px;
margin-bottom:18px;
position:relative;
font-size:10px;
color:#0d2461;
line-height:15px;
}

#contentfull form{
padding-bottom:15px;
padding-top:10px;
width:100%;
padding-left:10px;
}

#contentfull h1{
font-size:18px;
color:#c20521;
padding-left:10px;
position:relative;
top:10px;
}

#contentfull ul{
padding-right:12px;
}


#contentfull ul li{
display:inline;
padding-left:3px;
padding-right:3px;
}
#contentfull ul li a:link, #contentfull ul li a:visited, #contentfull ul li a:active {
color:#c20521;text-decoration:underline;
} 

#contentfull ul li a:hover {
color:#c20521;text-decoration:none;
}

.result{
width:347px;
height:148px;
background-image:url(/images/bgResult.jpg);
margin-left:6px;
margin-top:15px;
float:left;
position:relative;
padding-left:12px;
padding-top:10px;
padding-right:3px;
}  

.result2{
width:223px;
height:148px;
background-image:url(/images/bgResult2.jpg);
margin-left:6px;
margin-top:15px;
float:left;
position:relative;
padding-left:12px;
padding-top:10px;
padding-right:3px;
}  

.result h2, .result2 h2{
font-size:12px;
font-weight:bold;
padding-top:15px;
line-height:15px;
padding-bottom:5px;
}


.result p{
font-size:11px;
line-height:13px;
}

.resultPhoto{
width:130px;
height:130px;
border:1px solid #0d2461;
overflow:hidden;
float:left;
position:relative;
top:2px;
margin-right:3px;
}

.resultDetail{
width:209px;
height:29px;
position:absolute;
bottom:3px;
right:4px;
}
.resultDetail2{
width:120px;
height:29px;
position:absolute;
bottom:3px;
right:4px;
}


.resultDetail span{
font-size:12px;
color:#c20521;
font-weight:bold;
}

.resultDetail span span{
font-size:14px;
font-weight:normal;
color:#000;
}
.resultDetail div{
font-weight:bold;
color:#0d2461;
font-size:12px;
position:relative;
bottom:4px;
}
.resultDetail div a:link, .resultDetail div a:visited, .resultDetail div a:active {
color:#0d2461;text-decoration:none;
} 

.resultDetail div a:hover {
color:#0d2461;text-decoration:none;
}

.resultDetail div img{
padding-right:7px;
position:relative;
top:4px;
}


#choosepage{
margin-left:10px;
position:relative;
width:720px;
height:25px;
background:url(/images/bgPageNumber.jpg) no-repeat;
color:#fff;
text-align:center;
}

#choosepage strong{
font-size:14px;
margin-left:7px;
position:relative;
top:1px;
}

#choosepage span a {margin-left:7px;}

#choosepage span a:link, #choosepage span a:visited, #choosepage span a:active {
color:#fff;text-decoration:underline;
} 

#choosepage span a:hover {
color:#fff;text-decoration:none;
}


.next{
position:absolute;
right:15px;
top:1px;
}

.previous{
position:absolute;
left:15px;
top:1px;
}

#choosepage a:link, #choosepage a:visited, #choosepage a:active {
color:#fff;text-decoration:none;
} 

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





.arrowNext a{
display:block;
width:55px;
padding-right:5px;
background-image:url(../images/nextt.gif);
background-repeat:no-repeat;
background-position:right;
}
.arrowNext a:link, .arrowNext a:visited, .arrowNext a:active {
text-decoration:none;
} 

.arrowNext a:hover {
text-decoration:none;background-image:url(../images/nextt.gif);
}
.arrowPrevious a{
display:block;
width:65px;
padding-left:8px;
background-image:url(../images/back.gif);
background-repeat:no-repeat;
background-position:left;

}
.arrowPrevious a:link, .arrowPrevious a:visited, .arrowPrevious a:active {
text-decoration:none;color:#ccc;
} 

.arrowPrevious a:hover {
text-decoration:none;background-image:url(../images/back.gif);color:#fff;
}


label {
	color: #0a2365;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
}

select {font: 12px Arial, Helvetica, sans-serif; margin: 5px 0 0 0;}

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



#footer {
	clear: both;
	width:722px;
	height:27px;
	background:url(/images/bgFooter.jpg) no-repeat #e8eef9;
	padding:10px 20px;
	/*position: relative;*/
}

#pageProduits #footer{
background:url(/images/bgFooter2.jpg) no-repeat #e8eef9;
}

#footer a{
color:#fff;
line-height:10px;
font-size:11px;
background:url(/images/pageup.gif) no-repeat;
padding: 8px 0 4px 20px; 
margin: 4px 0 0 0;
display: block;
}

#footer p{
color: #fff;
font-size:11px;
line-height:12px;
padding-top: 4px;
/*position:relative;
top:5px;*/
}

#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:none;}
#footer a:active {color:#fff;text-decoration:none;}



/*#footer a.hdp{
position:absolute;
bottom:3px;
right:4px;
}*/
#footer a.hdp:link {color:#fff;text-decoration:none;}
#footer a.hdp:visited {color:#fff;text-decoration:none;}
#footer a.hdp:hover {color:#fff;text-decoration:underline;}
#footer a.hdp:active {color:#fff;text-decoration:none;}

#finale{
margin: 0 auto;
width:762px;
text-align:center;
}