/* ---------------------
	DEFAUT
--------------------- */


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}


body{

background:#372f2d;
color:#cbc3c3;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%; width:100%;
}

img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}

ol li{
list-style:decimal inside;
}
/*  élments communs   */ 
.clear{
clear:both;}

.hide{
display:none!important; }


.right{
float:right;
}


.high{
font-size:1.2em;
color:#FFFFFF;}

.bold{
font-weight:bold;}

.left{
float:left;}

.textcenter{
text-align:center;}

.textright{
text-align:right;}

hr{

color: #8c7d7d;
background-color:#8c7d7d;
height: 1px;
border: 0;
margin:16px 0!important;
margin:8px 0;
}

/*  titre   */ 


h1 { font-size: 1.7em;  color:#b9a2a8; font-family:"Times New Roman", Times, serif;
font-style:italic; position:absolute; bottom:10px; left:225px;   font-weight:normal;

  }
h2 { font-size: 1.3em;  color:#b3b5c3;  margin-bottom:10px;   }

h3 { font-size: 1.3em;color:#6797ac; margin-bottom:5px;}
h3 em{ font-size: 0.9em; font-style:normal;}
h4 { font-size: 1em;color:#8ca2ab; }
h5 { font-size:0.9em; margin-bottom:4px;}
h6 { font-size: 0.8em; }



#side h3 {border-bottom:solid 1px #2a3235;color:#5b6b72;font-size: 1em; }

#title_horaire {
background:url(images/puce_horaire.png) 0 4px no-repeat;
padding-left:20px;}
/*  base   */ 

p, td, li, dt, dd { font-size: 1em; }

a{color:#a1c2f9;
text-decoration:none;}
a:hover {color:#76a8ff;}

.color1{color:#36dfec;}
.color2{color:#309cd0;}

.linkhide {color:#6e585a!important;}

/**/


.bloc ul li, #box8 ul li, #box5 ul li{ background:url(images/pucelist.png) 0 4px no-repeat!important;
background:url(images/pucelist.gif) 0 4px no-repeat;
padding-left:15px;margin-bottom:10px;}


ol li{margin-bottom:10px; padding-left:10px;}


#main p {margin-bottom:8px;}







	
/* ---------------------
  Structure generale
--------------------- */

#page {background: url(images/body.jpg) center 0 repeat-y;}


#container {
min-width:760px!important;
max-width:876px!important;
width:auto!important; width:876px;
background:url(images/container.jpg) center 65px no-repeat;
margin:0 auto;}







#banner {
height:185px;
width:100%;
background:url(images/top.jpg) center 0 no-repeat;
position:relative; 
}




#logo{
position:absolute;
left:0; 
top:65px;
width:269px;
height:71px;}

#slogan {
position:absolute;
right:10px; 
top:65px;
padding:32px 0 0 0;
height: 0px !important;
height /**/:32px;
overflow:hidden;
display:block;
width:330px;
background:url(images/slogan.png) 0 0 no-repeat!important;
background:url(images/ie6/slogan.gif) 0 0 no-repeat;
}




#main {padding:0 0 0 225px;
min-height:410px!important; height:auto!important; height:410px;
position:relative;
/*
overflow:auto;
*/
}

#nav{
width:173px;
background:url(images/nav.png) 0 0 no-repeat;padding-top:1px;
position:absolute;
top:0; left:21px;

}
/*
#nav ul{background:url(images/nav.png) 0 0 no-repeat;padding-top:1px;
position:fixed;
width:173px;
}

*/
 #foot{
text-align:right; color:#b7a9a9;
padding:10px 8px 10px 8px;
font-size:0.9em;}

/* ---------------------
  menu
--------------------- */
#nav dl{
background:url(images/sousmenu.png) 0 0 repeat-y;
margin:0; padding:0;
float:left;
width:100%;
}



#nav  .simple{
background-image:url(images/menu.png)!important;
background-image:url(images/ie6/menu.png);
background-position: 0 0;
background-repeat: repeat-x;
padding:0;
margin:0;
width:100%;
clear:both;

}


#nav dd{padding:3px 10px;

}

#nav dd a{
color:#070707;
}


#nav dd a:hover, #nav dd #sousselected{
color:#efe9ec;
}


#nav #selected, #nav #selected a, #nav .simple:hover,  #nav a:hover{
background-position: 0 -32px;
}

#nav .simple a{
padding: 32px 0 0 0;
height: 0px !important;
height /**/:32px;
overflow:hidden;
display:block;
background-image:url(images/menu1.png)!important;
background-image:url(images/ie6/menu1.gif);
background-position: 0 0;
background-repeat: no-repeat;}


#nav .menu2 a{background-image:url(images/menu2.png)!important;
background-image:url(images/ie6/menu2.gif);}


#nav .menu3 a{background-image:url(images/menu3.png)!important;
background-image:url(images/ie6/menu3.gif);}


#nav .menu4 a{background-image:url(images/menu4.png)!important;
background-image:url(images/ie6/menu4.gif);}


#nav .menu5 a{background-image:url(images/menu5.png)!important;
background-image:url(images/ie6/menu5.gif);}

#nav .menu6 a{background-image:url(images/menu6.png)!important;
background-image:url(images/ie6/menu6.gif);}


/* ---------------------
FOOT
--------------------- */

#foot ul{display:inline;}

#foot li{
display:inline;
margin-left:15px;}

#foot a{
text-decoration:none;
color:#cdbdbd;
}

#foot a:hover{
color:#a5566a;
}

#foot p, #foot ul{
margin-bottom:4px;

}




/* ---------------------
		MAIN
--------------------- */
/* Column */
.box{width:301px;
float:left;
padding-top:8px;
margin:0 14px 16px 0; }


.box1{width:301px;
float:left;
padding-top:8px;
background:url(images/box_top.png) 0 0 no-repeat!important;
background:url(images/ie6/box_top.gif) 0 0 no-repeat;
margin:0 14px 16px 0; 
overflow-x:hidden; }

.box1 .bloc1{
padding: 4px 12px 4px 12px;
background:url(images/box.png) 0 bottom no-repeat!important;
background:url(images/ie6/box.gif) 0 bottom no-repeat;
min-height:120px!important;  height:auto!important; height:120px;}

.box2{width:621px;margin-bottom:16px;
padding-top:4px; position:relative; 
background:url(images/box2_top.png) 0 0 no-repeat!important;
background:url(images/ie6/box2_top.gif) 0 0 no-repeat;
 }

.box2 .bloc2{
padding: 8px 12px 4px 12px;
background:url(images/box2.png) 0 bottom no-repeat!important;
background:url(images/ie6/box2.gif) 0 bottom no-repeat;
}

.bloc img{border:solid 3px #373435;}
.bloc1 img{max-width:270px;}


.box3{width:302px;
float:left;
margin:1px 14px 16px 0;position:relative;  }

.box3 .bloc3{
width:302px;
height:332px;
background:url(images/box3.png) 0 0 no-repeat!important;
background:url(images/ie6/box3.gif) 0 0 no-repeat;
position:absolute; 
top:-1px;
left:-1px;
overflow:hidden;
}

.box3 img{
width:300px;
height:330px;
}

.marque .box1 .bloc1 { 
min-height:315px!important;height:auto!important; height:315px;}

.produit .box2 .bloc2 { padding: 4px 200px 8px 8px;
min-height:116px!important; height:auto!important; height:116px;}

.produit .bloc2 img {position:absolute;
right:1px; top:1px; 
width:185px; height:125px;}


/*  formulaire  */

.formulaire ul{
}
 
.formulaire li{
 margin-bottom:6px;
clear:both;
background:none;
padding:0;

 }
  label{
 display:block;

 float:left;
 width:28%;
 }
 

input, textarea{ 
background:#cbc3c3;
border:solid 1px #d1d5d6;
border-left:solid 2px #ec95b4;
padding:2px;
 width:69%;} 
 
 textarea{ height:50px;}  
 .biglabel label {width:100%; margin-bottom:6px;}
 .biglabel input {width:100%;}
 
 .bt_form{float:right; margin:0 10px 0 0!important;}
 
.bt_form input{
font-family:Arial, Helvetica, sans-serif;
width:146px;
height:29px;
line-height:25px;
background:url(images/bt_form.png) 0 0 no-repeat; 
color:#c3babb;
text-align:center;
font-weight:bold;
font-size:1.1em;
font-weight:bold;
border:none;} 

.mention {
 margin:0 10px 0 0;
color:#ec9fba; font-size:0.9em; text-align:right; font-style:italic;}