@charset "UTF-8";
/* CSS Document */

/* BALISES
--------------------------------------------- */
img{ border:none;}
body{ 
font-family:arial, verdana, Helvetica, sans-serif, Tahoma;
margin:0;
background:#230505 url(../images/fond_site.jpg) repeat-x top left;
color:#858585;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}

a{
text-decoration:none;
}


p{
padding:0px;
margin:0px;
}

input{
background:none;
}

fieldset, input, textarea{
border:none;
padding:0;
}

fieldset{
float:left;
}

form{
margin:0;
padding:0;
}

textarea{
border:none;
}

.margl3px{
margin-left:3px;
padding:5px;
}

.margr3px{
margin-right:3px;
background-color:#EDEDED;
border:1px solid #E8E8E8;
padding:5px;
}

dl{
margin:0;
}

dd{
margin:0;
}

h1{
width:704px;
border-bottom:#6e0f12 1px solid;
padding-bottom:5px;
float:right;
font-size:18px;
font-weight:bold;
color:#6e0f12;
text-align:right;
margin:0;
padding:0;
}

h2{
background:transparent url(../images/fond_title.png) no-repeat top left;
width:239px;
height:29px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:right;
line-height:30px;
padding-right:10px;
margin:0;
}

h3{
padding:0px;
margin:0;
width:322px;
height:30px;
}

h4{
font-size:14px;
padding:0;
margin:5px 3px 3px 10px;
color:#789400;
float:left;
}

h1 img{
float:right;
}

.clear{
clear:both;
}

#conteneur{
margin:0 auto;
width:1000px;
height:auto;
background:#FFFFFF;
}

.fl{
float:left;
}

.fr{
float:right;
}

#conteneur{
width:1000px;
margin:0 auto;
}

/* HEADER
--------------------------------------------- */

#header{
width:1000px;
height:102px;
background:transparent url(../images/fond_header.png) repeat-x top left;
}

#logo{
width:1000px;
float:left;
height:68px;
}

/* MENU
--------------------------------------------- */
#menu{
width:1000px;
float:left;
}

#menu ul{
float:right;
}

#menu li{
float:left;
}

#first{
background:transparent url(../images/menu_first.png) no-repeat top right;
width:232px;
height:34px;
line-height:34px;
text-align:center;
}

.afterfirst{
background:transparent url(../images/fond_menu.png) no-repeat top right;
width:145px;
height:34px;
line-height:34px;
text-align:center;
}

#first a{
color:#FFFFFF;
font-weight:bold;
}

#first a:hover{
background:transparent url(../images/menu_firstnoir.png) no-repeat top right;
display:block;
}

#first a.activefirst{
background:transparent url(../images/menu_firstnoir.png) no-repeat top right;
display:block;
}

.afterfirst a:hover{
background:transparent url(../images/fondmenu_noir.png) no-repeat top right;
display:block;
}

.afterfirst a.active{
background:transparent url(../images/fondmenu_noir.png) no-repeat top right;
display:block;
}

.afterfirst a{
color:#FFFFFF;
font-weight:bold;
}

#center{
background:#FFFFFF url(../images/fond_center.gif) repeat-y top left;
width:1000px;
float:left;
}

/* BANNIERE FLASH
--------------------------------------------- */
#banniere{
width:1000px;
height:208px;
}

/* WIDGET GAUCHE
--------------------------------------------- */
#gauche{
background-color:#EDECEC;
float:left;
margin:0;
padding-top:10px;
width:247px;
}

/* MDM
--------------------------------------------- */
#mdm, #coordonnee, #horraire{
width:247px;
margin-bottom:5px;
float:left;
position:relative;
}

#gauche #mdm p img{
padding:3px;
float:left;
background-color:#EDEDED;
border:1px solid #E8E8E8;
}

#gauche #mdm p, #gauche #coordonnee p, #gauche #horraire p{
position:relative;
float:left;
padding:6px 5px 3px 3px;
text-align:justify;
}

#gauche #mdm p a, #gauche #coordonnee p span, #gauche #horraire p span{
color:#6E0F12;
margin-bottom:5px;
display:block;
font-weight:bold;
}

#gauche #horraire p{
width:210px;
float:right;
}

#gauche #mdm p span a, #gauche #coordonnee p span a{
color:#6E0F12;
font-weight:bold;
}

#gauche #mdm p span a{
color:#6E0F12;
float:right;
font-weight:bold;
margin-top:5px;
text-decoration:underline;
}

#horraire{
background:transparent url(../images/img_horraire.png) no-repeat scroll left bottom;
}

/* WIDGET DROIT
--------------------------------------------- */
#droite {
float:right;
margin:15px 17px 0 0;
width:704px;
position:relative;
}

#droite p{
padding-bottom:10px;
text-align:justify;
margin:10px 0;
float:left;
position:relative;
background:transparent url(../images/tiret.png) no-repeat scroll center bottom;
}

#droite p img{
background-color:#EDEDED;
border:1px solid #E8E8E8;
padding:3px;
margin:0 5px;
}

#droite p span{
color:#6E0F12;
display:block;
font-weight:bold;
}

#galerie{
width:704px;
margin-top:10px;
}

#galerie ul li{
background-color:#EDEDED;
border:1px solid #E8E8E8;
padding:3px;
width:144px;
height:100px;
margin:0 5px 5px 0;
float:left;
}


#footer {
background:#BCBCBC none repeat scroll 0 0;
color:#FFFFFF;
float:left;
margin:0 auto;
padding:5px 0;
text-align:center;
width:1000px;
}

#footer a{
color:#FFFFFF;
}

#footer a:hover{
color:#6E0F12;
}

/* PAGE CONTACT
--------------------------------------------- */
#formulaire{
width:704px;
height:300px;
margin:10px 0;
float:left;
position:relative;
}

.inputtext, #textarea{
margin-bottom:10px;
overflow:hidden;
margin-bottom:6px;
}

.inputtext{
height:22px;
width:300px;
background:transparent url(../images/champ.gif) no-repeat scroll left top;
}

.inputtext label, .textarea label{
width:84px;
display:block;
float:left;
padding:5px 0 0 5px;
overflow:hidden;
}

.inputtext input{
width:202px;
height:20px;
padding:2px 0 0 5px;
font-family: Arial, verdana, Helvetica, sans-serif;
color:#7e7e7e;
float:left;
}

.textarea{
width:705px;
height:120px;
float:left;
}

.textarea textarea{
width:705px;
height:120px;
padding:2px 0 0 5px;
background:transparent url(../images/champ_message.gif) no-repeat scroll left top;
color:#7e7e7e;
}

.inputfile{
width:229px;
float:left;
height:22px;
display:block;
margin-bottom:5px;
}

.btenvoie{
clear:both;
display:block;
float:left;
top:10px;
margin-top:10px;
}

#gmap{
width:300px;
height:196px;
z-index:100;
top:35px;
left:400px;
position:absolute;
}


.clear{
clear:both;
}
.titremdmpopup{
font-weight:bold;
}