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

/* BALISES
--------------------------------------------- */
img{ border:none;}

body{ 
font-family:arial, verdana, Helvetica, sans-serif, Tahoma;
background:#f8e8d1 url(../image/fond_site.jpg) repeat-x top left;
color:#222222;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12px;
margin:0;
padding:0;
position:relative;
}

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

a{
text-decoration:none !important;
}

h1{
margin:10px;
float:left;
display:block;
padding:0 5px 3px 0;
font-size:18px;
}

h2{
margin:0;
}

p{
padding:0px;
margin:0px;
text-align:justify;
}

input{
background:none;
}

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

fieldset{
float:left;
}

form{
margin:0;
padding:0;
}

.titre14px{
font-size:14px;
color:#4b4138;
}

.mt10{
margin-top:10px;
}

.mr10{
margin-right:10px;
}

.ml10{
margin-left:10px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mt5{
margin-top:5px
}

.mb5{
margin-bottom:5px
}

.mb20{
margin-bottom:20px;
}

.db{
display:block;
}

.fr{
float:right;
}

.fl{
float:left;
}

.clear{
clear:both;
}

.firstp{
color:#745a3d;
font-size:16px;
font-weight:bold;
padding-bottom:5px;
background:transparent url(../image/tiret_titre.jpg) no-repeat bottom left;
}

.imgright{
float:right;
margin-left:10px;
}

.imgleft{
float:left;
margin-right:10px;
}

.txtbeige, #footer p a:hover, #footer p a:focus{
color:#745a3d;
}

.titre_bgbeige{
background-color:#d0b892;
color:white;
font-weight:bold;
margin-bottom:10px;
font-size:16px;
padding:5px;
}

#header{
width:694px;
height:100%;
position:relative;
margin:0 auto;
*+margin:2px auto 0 auto;
}

#bandeau-flash{
width:663px;
height:253px;
}

#bandeau-flash-petit{
width:663px;
height:175px;
}


#logo{
float:left;
margin-top:20px;
width:100%;
height:70px;
text-align:center;
}

#conteneur{
background-color:#fff7ee;
margin:0 auto;
width:950px;
_width:1000px;
height:100%;
z-index:3;
position:relative;
background:transparent url(../image/fondcenter-site.jpg) no-repeat top left;
}

.competences-serieux{
position:absolute;
top:95px;
left:5px;
}

.menu{
width:289px;
top:0;
left:-31px;
_left:0;
position:relative;
}

.menu li{
}

.menu li a{
width:249px;
height:27px;
font-size:18px;
color:#63542f;
padding:10px 0 0 40px;
display:block;
background:transparent url(../image/fond_limenu.png) no-repeat 0 0;
}

.menu li a:hover, .menu li a.actif{
color:#FFFFFF !important;
background:transparent url(../image/fond_limenu.png) no-repeat 0 -47px;
}

/* DIV DROITE
--------------------------------------------- */
#droite{
width:692px;
display:inline;
float:right;
background:transparent url(../image/fond_droite.gif) repeat-x top left;
padding:0 0 10px 0;
}

#droite-contener{
width:667px;
background:transparent url(../image/fond_center.jpg) no-repeat top left;
padding:0 10px 0 15px;
*padding:0 5px 0 7px;
}


#droite h2{
background:transparent url(../image/fond_titregrand.png) no-repeat top left;
padding:2px 10px 5px 30px;
color:#FFFFFF;
font-size:15px;
text-align:right;
width:683px;
height:16px;
float:left;
margin:10px 0 0 0;
}


#animation-texte{
width:703px;
height:42px;
}

.notre_objectif, .notre_objectif1{
margin-top:20px;
}

.notre_objectif .texte, .notre_objectif1 .texte{
text-align:justify;
width:440px;
}

.notre_objectif1 .texte-espace-detente{
text-align:justify;
width:480px;
}



.notre_objectif1 .texte-meuble{
text-align:justify;
width:540px;
}

.notre_objectif .texte-fenetre{
text-align:justify;
width:240px;
}

.notre_objectif .texte, .notre_objectif .texte-fenetre{
float:left;
}

.notre_objectif1 .texte, .notre_objectif1 .texte-meuble, .notre_objectif1 .texte-espace-detente{
float:right;
}

.fond_beige{
margin-top:20px;
border:1px solid #c2a77a;
background-color:#e9dcc2;
padding:20px;
}

.ulservice li, .ulfabrique li{
padding-left:14px;
margin-bottom:10px;
background:transparent url(../image/puce.png) no-repeat center left;
}

.ulservice li{
float:left;
padding-left:14px;
margin-bottom:10px;
background:transparent url(../image/puce.png) no-repeat center left;
}

.ulservice li.ligne1{
width:300px;
}

.ulservice li.ligne1, .ulfabrique li.ligne1{
margin-right:10px;
}

.imgidee{
margin-left:15px;
}

/* DIV GAUCHE
--------------------------------------------- */
#gauche{
height:auto;
width:258px;
padding-bottom:10px;
float:left;
display:inline;
position:relative;
background:#fff7ee url(../image/fond_gauche.jpg) no-repeat bottom left;
}

#gauche h2{
color:#FFFFFF;
font-size:15px;
width:213px;
height:16px;
margin:10px 0 10px 10px;
}

#coordonnees h2{
margin:20px 0 10px 20px;
}

a.mail{
display:block;
margin-top:10px;
padding:3px 0 0 7px;
height:23px;
width:198px;
font-weight:bold;
color:#4b4138;
background:transparent url(../image/mail.png) top left;
}

a:hover.mail, a:focus.mail{
text-decoration:underline;
}

.content_actualite{
width:100%;
float:left;
height:152px;
overflow:hidden;
position:relative;
margin:10px 0 10px 0;
background:transparent url(../image/actualite.gif) repeat-y top left;
}

.actualite{
padding:10px;
width:238px;
height:90px;
position:relative;
margin:0 auto;
}

#imgmdm{
width:81px;
height:61px;
float:left;
border:2px solid #63542f;
margin-right:10px;
}

.actualite p{
padding:0;
overflow:hidden;
height:63px;
}

.actualite span.savoirplus{
margin-top:10px;
top:75px;
right:20px;
float:left;
}

#content_coordonnees{
float:left;
width:238px;
overflow:hidden;
margin-left:10px;
}

.coordonnees{
height:212px;
padding:20px 10px 0 20px;
background:transparent url(../image/fond_coordonnees.png) no-repeat top left;
}

#plan{
margin:20px 0;
background:transparent url(../image/tiret.gif) no-repeat top left;
}

#plan a{
color:#4B4138;
font-size:14px;
font-weight:bold;
background:transparent url(../image/loupe.png) no-repeat top left;
padding-left:30px;
display:block;
margin-bottom:10px;
}

#newsletter{
float:left;
margin:10px 0;
}

#content_newsletter{
padding:0 0 0 10px;
margin:10px 0 0 10px;
width:232px;
height:57px;
float:left;
background:transparent url(../image/fond_newsletter.png) no-repeat top left;
}

#champs_newsletter, #btn_newsletter{
float:left;
}

#champs_newsletter{
width:170px;
height:20px;
padding:4px 0 0 5px;
background:transparent url(../image/input_newsletter.png) no-repeat top left
}

#champs_newsletter input{
width:170px;
}

#btn_newsletter{
width:44px;
height:24px;
cursor:pointer;
}

/*Desinscription
----------------------------------------------*/
#champs_desinscription, #btn_desinscription{
float:left;
}

#champs_desinscription{
width:170px;
height:20px;
padding:4px 0 0 5px;
_padding:12px 0 0 15px;
background:transparent url(../image/input_newsletter.png) no-repeat top left
}

#champs_desinscription input{
width:170px;
}

#btn_desinscription{
width:44px;
height:24px;
cursor:pointer;
}

/* BASE DE DONNEE
--------------------------------------------- */



/* PAGE CONTACT
--------------------------------------------- */
#formulaire{
width:100%;
height:auto;
margin-bottom:10px;
float:left;
}

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

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

.inputtext label{
}

.inputtext label, .textarea label{
padding:2px 0 0 10px;
width:100px;
display:block;
float:left;
color:#ffffff;
overflow:hidden;
text-align:left;
}

.inputtext input{
width:185px;
height:18px;
padding:2px 0 0 5px;
float:left;
background-color:#edddc3;
}

.inputtext input:focus, .textarea textarea:focus{
background-color:#FFFFFF;
}

.textarea{
margin-top:10px;
width:100%;
height:150px;
background-color:#edddc3;
}

.textarea textarea{
width:664px;
background:none;
height:128px;
padding:0 3px 0 3px;
}

.textarea label{
height:17px;
margin:0;
width:100%;

}

.textarea label, .inputtext, .btenvoie, .btenvoie1{
background-color:#604c30;
}

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

.btenvoie, .btenvoie1{
display:block;
float:left;
width:130px;
height:24px;
padding:2px;
color:#FFFFFF;
cursor:pointer;
}

.btenvoie, .btenvoie1{
border-bottom:2px solid #FFFFFF;
}

.btenvoie{
margin-right:5px;
}

.img_contact{
position:absolute;
z-index:10;
top:30px;
left:315px;
}

.liste_deroulante{
width:100%;
margin-top:10px;
}

/* BASE DE DONNEE
--------------------------------------------- */
.content_imgbdd{
width:156px;
height:158px;
overflow:hidden;
float:left;
margin:0 0 10px 40px;
position:relative;
}

.content_imgbdd  a{
height:152px;
display:block;
border:2px solid #3b3b3b;
}

.content_imgbdd  a:hover{
color:#3b3b3b;
display:block;
border:2px solid #8e160c;
}

.content_imgbdd a{
border:2px solid #3b3b3b;
}

.titre_imgbdd{
background:transparent url(../image/galerie/bg_rouge40.png) repeat top left;
height:30px;
width:150px;
position:absolute;
overflow:hidden;
top:0;
left:0;
padding:3px 0 0 5px;
color:#FFFFFF;
}

a .titre_imgbdd{
color:#FFFFFF;
}

a:hover .titre_imgbdd{
color:#3b3b3b;
}

#frmSearch{
height:24px; 
margin:0; 
padding:0px; 
padding-bottom:5px;
margin:0 0 10px 40px ;
clear:both;
}

.b_inputrecherche{
background-color:#8E160C;
color:#FFFFFF;
padding:1px;
}

#pagination{
float:left;
margin:0 0 0 40px;
}


/* FOOTER
--------------------------------------------- */

#footer{
background:transparent url(../image/footer.png) no-repeat top left;
margin:0 auto 10px auto;
padding:0 10px;
width:958px;
height:auto;
padding-top:15px;
position:relative;
clear:both;
height:90px;
overflow:hidden;
}

#footer .digital{
float:left;
width:350px;
margin-right:20px;
}

#footer .liens{
float:right;
}

#footer p{
color:#4B4138!important;
margin-bottom:5px;
font-size:11px;
}

#footer p a{
color:#4B4138!important;
}

#footer p a:hover{
text-decoration:underline!important;
}

/*Bouton recherche BDD
---------------------------------------------------------*/
#frmSearch a:link input.crecherche, #frmSearch a:visited input.crecherche{background-color:#604c30; float:right; border:none; padding:0; margin:0; color:#FFFFFF; cursor:pointer; width:71px; height:20px; margin-right:200px }
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche{background-color:#601C16;}
