@charset "utf-8";

html, body {
height:100%;
margin:0px;
padding:0px;
background-color:#6F6860;
}

#tableau {
background-repeat: repeat-y;
margin:0px auto 0px auto;
width: 850px;
min-height:100%;
background-image:url(design/fond.jpg);
}

#gauche{
display:inline;
float:left;
margin: 0 0 0 40px;
width: 560px;
height:500px;
}

#gauche_sat{
display:inline;
float:left;
margin: 0 0 0 80px;
width: 660px;
height:500px;
}


#droite {
display:inline;
margin: 0 0 0 20px;
float:left;
width: 210px;
height:480px;
}

#inte_gauche {
display:inline;
float:left;
margin: 0 0 0 00px;
width: 300px;
height:400px;
}

#inte_droite {
display:inline;
float:left;
margin: 30px 0 0 40px;
width: 160px;
height:500px;
}

.clear {
clear:both;
}

#entete{
width:850px;
height:36px;
background-image:url(design/haut.jpg);
}

#banniere {
height: 211px;
width:850px;
background-image:url(design/banniere.jpg);
}

#contenu_haut {
height:6px;
width: 850px;
background-image:url(design/contenu_haut.jpg);
background-repeat:no-repeat;
font-size:1px;
}

#contenu_haut_sat {
height:24px;
width: 850px;
background-image:url(design/haut_sat.jpg);
background-repeat:no-repeat;
font-size:1px;
}

#contenu {
height:513px;
width: 850px;
background-image:url(design/contenu.jpg);
background-repeat:repeat-y;
}

#bas {
height:50px;
width: 850px;
background-image:url(design/contenu.jpg);
background-repeat:repeat-y;
}

#contenu_bas{
height:6px;
width: 850px;
background-image:url(design/contenu_bas.jpg);
background-repeat:no-repeat;
}

h1 {
color:#980202;
font-family:"Times New Roman", Times, serif;
font-size:21px;
margin: 10px 0 10px 0px;
}

h2 {
color:#a7916e;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}

.texte {
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

.texte-presta {
font-family:"Times New Roman", Times, serif;
font-size:12px;
}

a {
color:#990000;
text-decoration:none;
}

a:hover{
color:#990000;
text-decoration:underline;
}
/*******************************************************************************

									MENU

*******************************************************************************/
 
#menu {
background-image:url(design/menu.jpg);
width:850px;
height:56px;
font-family:"Times New Roman", Times, serif;
font-size:17px;
}

ul#menu_horizontal { 
width : 850px; 
height : 56px;
margin : 0 0 0 0;
padding: 0;
font-family:"Times New Roman", Times, serif;

}
 
ul#menu_horizontal li {
display : inline;
padding : 0 0.2em;  
line-height : 56px;
}

ul#menu_horizontal a {
color : #000000;
text-decoration : none;
padding : 0 0.3em;
font-family:"Times New Roman", Times, serif;
}
 
ul#menu_horizontal a:hover { 
color:#990000;
}

/*******************************************************************************

									ACCUEIL

*******************************************************************************/

#accueil{
float:left;
margin : 20px 0 0 35px;
width:457px;
height:490px
}

#devis {
float:left;
width:192px;
height:74px;
margin : 15px 0 0 0px;
}

#coordonnees {
float:left;
width:192px;
height:389px;
background-image:url(design/coordonnees.jpg);
margin : 15px 0 0 0px;
}

#texte_contact {
margin-top: 10px;
}

#texte_contact a{
color:#000000;
text-decoration:none;
}

#texte_contact a:hover{
color:#FFFFFF;
text-decoration:none;}

#texte_contact_tel {
margin-top: 87px;
}

#texte_contact_mail {
margin-top: 87px;
}

#texte_contact_mail a{
color:#000000;
text-decoration:none;
}

#texte_contact_mail a:hover{
color:#FFFFFF;
text-decoration:none;}

#particulier {
background-image:url(design/particulier.jpg);
background-repeat:no-repeat;
margin-left:65px;
margin-top:0px;
float:left;
display:inline;
width:184px;
height:306px;
}

#texte_particulier {
margin-top: 170px;
padding: 0 15px 0 15px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
}

#esp{
float:left;
display:inline;
margin-top: 9px;
margin-left:82px;
}

#esp2{
float:left;
display:inline;
margin-top: 9px ;
margin-left:85px;
}

#professionnels {
background-repeat:no-repeat;
background-image:url(design/professionnels.jpg);
margin-left:60px;
margin-top:0px;
float:left;
display:inline;
width:185x;
height:306px;
}

#texte_professionnels {
margin-top: 170px;
padding: 0 15px 0 15px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
}
/*******************************************************************************

									PRESTATIONS

*******************************************************************************/

#prestations{
margin : 20px 0 0 20px;
float:left;
width:820px;
}

.prestations{
margin-top:10px;
border :0px solid #000000;
}


.oui{
color:#006600;
}

.non{
color:#990000;
}

/*******************************************************************************

									DEVIS

*******************************************************************************/

#fond_formulaire{
background-image:url(design/formulaire.jpg);
width:531px;
height:452px;
margin-left:10px;
}

#formulaire{
margin-top:0px;
margin-left:20px;
padding-top:5px;
}

#formulaire2{
margin-top:0px;
margin-left:20px;
padding-top:40px;
}

.titre_form{
font-size:14px;
color:#990000;
font-family:"Times New Roman", Times, serif;
}


#admform
{
	margin: 2px 0;
}

/* contour et couleur champs */
#admform input, #admform select, #admform textarea
{
	
	border: #666666 1px solid;
}

#admform input:hover, #admform select:hover, #admform input:focus, #admform select:focus
{
	border: #666666 1px solid;
	background-color: #f6ebe1;
}
/*******************************************************************************

									FOOTER

*******************************************************************************/

#footer{
color:#FFFFFF;
width:830px;
height:50px;
margin:5px 0 0 10px;
}

.footer {
font-size:12px;
}

.lien_footer{
font-size:10px;
}
#footer a{
color:#FFFFFF;
text-decoration:none;
}

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

h3 {
margin-top:5px;
margin-bottom:5px;
}