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

/* BALISES
--------------------------------------------- */
img{ border:none;}
body{ 
font-family: Arial, verdana, Helvetica, sans-serif;
margin:0;
background:#f3bb03;
color:#7e7e7e;
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;
}

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

fieldset{
float:left;
}

.mdixpx{
margin-bottom:10px;
}

.mdixpxt{
margin-top:10px;
}

.mdixpxr{
margin-right:26px;
}

.mdixpxl{
margin-left:10px;
}

h1{
width:668px;
border-bottom:#789400 1px solid;
padding-bottom:5px;
float:right;
margin:0;
padding:0;
}

h2{
padding:0px;
margin:0;
width:266px;
height:30px;
}

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;
height:1px;
}

#conteneur{
margin:0 auto;
width:1006px;
height:auto;
background:#FEFAE2;
border-left:#d4d4d4 1px solid;
border-right:#d4d4d4 1px solid;
border-bottom:#d4d4d4 1px solid;
}

.fl{
float:left;
}

/* HEADER
--------------------------------------------- */
#header{
width:1007px;
height:209px;
margin:0 auto;
position:relative;
}

/* CENTER
--------------------------------------------- */
#center{
width:1006px;
height:auto;
margin:0 auto 0 auto;
}


/* GAUCHE
--------------------------------------------- */
#gauche{
width:266px;
margin:21px 0 0 21px;
float:left;
}

#menu{
margin-top:2px;
width:266px;
background-color:#f3bb03;
}

#menu ul li{
background:transparent url(../img/tiret.png) no-repeat bottom left;
font-size:14px;
}

#menu ul li a{
padding:3px 0 2px 10px;
_padding:3px 0 2px 10px;
display:block;
color:#FFFFFF;
}

#menu ul li a:hover{
background:#789400;
}

#menu ul li a.actif{
background:#789400;
}

#coordonnee{
margin:25px 0;
_margin:22px 0;
height:auto;
width:266px;
}

#coordonnee_content, #plan_content, .engagement_content{
border-left:#789400 1px solid;
border-right:#789400 1px solid;
border-bottom:#789400 1px solid;
background:#FFFFFF;
overflow:hidden;
}

#coordonnee_content{
height:123px;
overflow:hidden
}

#coordonnee_content p{
margin:11px 3px 0 11px;
}

#coordonnee_content a{
margin:11px 0 0 11px;
color:#789400;
display:block;
}

#coordonnee_content a:hover{
color:#7e7e7e;
}

#plan{
margin-bottom:25px;
_margin-bottom:22px;
height:auto;
width:266px;
}

#plan_content{
height:124px;
overflow:hidden;
background:#FFFFFF url(../img/google_map.jpg) no-repeat top left;
}

#plan_content span{
color:#789400;
float:right;
margin:5px;
}

#plan_content p{
float:right;
margin-right:5px;
text-align:left;
clear:both;
}


#anim_gauche{
width:226px;
height:125px;
margin-bottom:10px;
}



/* DROITE
--------------------------------------------- */
#droite {
width:670px;
float:right;
margin-right:21px;
}

#news{
width:650px;
height:273px;
background-color:#789400;
color:#FFFFFF;
padding:10px;
margin:10px 0;
float:left;
overflow:hidden;
}

#news img{
float:left;
border:2px solid #F3BB03;
margin-right:10px;
}

#news p{
float:left;
text-align:justify
}

.engagement{
width:322px;
height:auto;
float:left;
margin-bottom:10px;
overflow:hidden;
}

.engagement_content{
height:223px;
}

.engagement ul{
list-style-type:disc;
margin:10px 0 3px 20px;
}

.engagement p{
margin:10px 3px 0 10px;
text-align:justify;
}

#footer{
width:1006px;
margin:10px auto;
text-align:center;
color:#FFFFFF;
}

#footer a{
color:#FFFFFF;
}

#footer a:hover{
color:#789400;
}


/* PAGE CONTACT
--------------------------------------------- */
#formulaire{
width:650px;
background:#F3BB03 none repeat scroll 0 0;
padding:10px;
height:auto;
margin:10px 0;
float:left;
top:290px;
position:absolute;
}

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

.inputtext{
height:20px;
width:291px;
}

.inputtext label, .textarea label{
width:84px;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
overflow:hidden;
}

.inputtext input{
background:transparent url(../img/champ.jpg) no-repeat scroll left top;
width:202px;
height:20px;
padding:2px 0 0 5px;
font-family: Arial, verdana, Helvetica, sans-serif;
color:#7e7e7e;
float:left;
}

.textarea{
width:546px;
}

.textarea textarea{
background:transparent url(../img/champs_message.jpg) no-repeat scroll left top;
width:456px;
height:151px;
padding:2px 0 0 5px;
font-family: Arial, verdana, Helvetica, sans-serif;
color:#7e7e7e;
}

.inputfile{
width:229px;
float:left;
height:25px;
margin:10px 0 0 10px;
}

.btenvoie{
clear:both;
display:block;
float:left;
margin:10px 0 0 84px;
}


/* PAGE BASE DE DONNEES
--------------------------------------------- */
.produits{
width:309px;
height:100px;
overflow:hidden;
float:left;
margin:10px 20px 0 0;
border:#E8E8E8 1px solid;
background-color:#FEFAE2;
}

.img_bdd{
width:100px;
height:100px;
float:left;
}

.produitsp{
border-bottom:#789400 1px solid;
overflow:hidden;
padding:5px 3px 3px 10px;
color:#5b5b5b;
height:30px;
float:left;
width:178px;
}

.txtprix{
float:left;
color:#f3bb03;
margin:5px 3px 3px 10px;
}

.phbdd{
margin:10px 0;
float:left;
}

.phbdd a{
color:#789400;
text-decoration:underline;
}

.phbdd a:hover{
color:#7e7e7e;
text-decoration:underline;
}

#bdd{
width:670px;
float:left;
margin-top:10px;
}
/* La base de donnees
----------------------------*/
.fiche {
	width:309px;
	margin-right:20px;
	color: #206080;
  	margin-bottom: 5px;
	float:left;
	margin-top:20px;
	background-color:#FEFAE2;
	border:1px solid #E8E8E8;

}
.fiche-int {
height:100px;
float:left;
margin-right:20px;
width:309px;
}


.titreFiche {
	font-size: 13px;
	font-weight: bold;
	margin-top:10px;
}
.center{
margin-top:150px;
}
#pagination{
padding-left:200px;
}

#contenubdd{
float:left;
}


#lecteurmp3{
width:65px;
height:20px;
left:920px;
position:relative;
top:-200px;
}


#img_contact {
height:172px;
position:relative;
left:310px;
top:37px;
width:229px;
z-index:100;
}