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

body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 

}
/* global */

b
{
text-align:center;
color: #a27a14;
}

#global
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
/*border: solid black 2px;*/
color:#FFFFFF;
width: 900px;
}

#header
{
/*border: 2px solid blue;*/
width: 900px;
height:240px;
}

#cadre
{
vertical-align:middle;
/*margin: 0px 50px 0px 50px;*/
float:left;
width: 900px;
height: 100%;
background-image:url('ressources/bg-cadre.jpg');
background-repeat:repeat-y;
padding: 20px 0px 0px 40px;

}

/* affichage  menu */

#menu
{
float: left;
/*border: solid red 2px;*/
text-align:left;
width: 200px;
height:auto;
}

#menu a
{
/* pour décaler le texte lien */ 
text-indent: -5000px;

}

ul#menuhaut li
{
list-style-type: none;

}
ul#menuhaut li.accueil a
{
background-image:url('ressources/b-accueil-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}

ul#menuhaut li.accueil a:hover
{
background-image:url('ressources/b-accueil-off.jpg');
}

ul#menuhaut li.prestations a:hover
{
background-image:url('ressources/b-prestations-off.jpg');
}

ul#menuhaut li.prestations a
{
background-image:url('ressources/b-prestations-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}

ul#menuhaut li.engagements a:hover
{
background-image:url('ressources/b-engagements-off.jpg');
}

ul#menuhaut li.engagements a
{
background-image:url('ressources/b-engagements-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}

ul#menuhaut li.references a:hover
{
background-image:url('ressources/b-references-off.jpg');
}

ul#menuhaut li.references a
{
background-image:url('ressources/b-references-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}

ul#menuhaut li.contact a:hover
{
background-image:url('ressources/b-contact-off.jpg');
}

ul#menuhaut li.contact a
{
background-image:url('ressources/b-contact-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}
ul#menuhaut li.commentaires a:hover
{
background-image:url('ressources/b-commentaires-off.jpg');
}

ul#menuhaut li.commentaires a
{
background-image:url('ressources/b-commentaires-on.jpg');
background-repeat:no-repeat;
display:block;
margin: 0px 0px 0px -37px;
width: 197px;
height: 63px;
}
#coordonnes
{
/*border: 2px solid red;*/
margin: 0px 0px 0px 20px;
width: 197px;
height: 320px;
background:url('ressources/cadre-coordonnees.png');
background-repeat:no-repeat;
}

#coordonnes h1
{
color: #a27a14;
text-align:center;
font-size: 1.4em;
font-weight:bold;
padding: 10px 0px 0px 0px;
}

#coordonnes p
{
color: #a27a14;
text-align:center;
font-size: 0.8em;

}

#coordonnes strong
{
text-align:center;
line-height: 1.3em;
font-size: 1.4em;
font-weight:bolder;
margin: -20px 0px 0px 0px;
}

#coordonnes h2
{
text-align:center;
font-size: 1em;
letter-spacing: -1px;
color: #a27a14;
}

#coordonnes img
{
padding: 0px;
}
/* fin pour le menu*/	

/* pour la contenu*/

#contenu
{
float: right;
width: 608px;
/*border: 2px solid green;*/
background-image:url('ressources/bg-continue.jpg');
background-repeat:repeat-y;
margin: 0px 60px 0px 0px;
}

#contenu h1
{
color: #a27a14;
text-align:left;
text-indent: -5000px;
margin: 0px 0px 0px 30px;
}

#contenu h2
{
color: #a27a14;
font-size: 1.2em;
text-align:center;
font-weight:bold;
margin: 0px 30px 0px 30px;
}
#contenu p
{
color: #a27a14;
text-align:left;
padding: 0px 30px 0px 25px;
}

#text_01
{
color: #a27a14;
margin: 10%;
font-weight:bold;
font-size: 1.6em;
}

hr
{
border: solid 1px #a27a14;
margin: 0px 30px 0px 30px;
}



img
{
/*border: 2px solid red;*/
padding: 10px;
}
.imagetitre
{
border: 5px solid red;
margin: 0px 500px 0px 0px;
}
#detail
{
color: #a27a14;
text-align: right;
padding: 0px 0px 0px -150px;
}
ul li
{
color: #a27a14;
list-style-type: none;
text-align:left;
margin: 0px 10px 0px 15px;
font-size: 1em;
font-style:oblique;
line-height: 20px;
font-weight:bold;
}
/* elements du formulaire de contact */
label
{
color: #e0a91e;
font-weight:bold;
text-align: left;
}

td
{
text-align: left;
}

/* titre dans le formulaire de contact */ 
#titre02
{
color: #e0a91e;
text-align:left;
font-size: 1.2em;
font-weight:bold;
padding: 10px 0px 0px 20px
}

input, textarea
{
color: #e0a91e;
font-weight:bold;
}
input:hover, textarea:hover
{
background-color: #e5e5e5;
}
#asterix
{
color: red;
font-weight:bold;
font-size: 1.4em;
}

/* fin des éléments de contact */
#cadrehaut
{
background-image:url('ressources/bg-cadre-haut.jpg');
height: 40px;
width: 608px;
}

#cadrebas1
{
background-image:url('ressources/bg-cadre-bas.jpg');
height: 29px;
width: 608px;
}


#cadrebas
{
clear:both;
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
background-image:url('ressources/bg-pied.jpg');
background-repeat:no-repeat;
width: 900px;
height: 56px;
}

/* Pour le pied de page */ 


#pied 
{
clear:both;
text-align:center;
margin: -40px 0px 0px 0px;
}

#pied li
{
display: inline;
padding: 0px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}

#pied li a
{
color: #e0a91e;
text-decoration:none;
}

#pied li a:hover
{
color: #5d460b;
text-decoration:none;
}

#pied a
{
color: #977112;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

#pied a:hover
{
color: #5d460b;
text-decoration:none;
font-weight:bold;
}