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


body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center;
background: url('ressources/bg-fond.jpg') bottom repeat-x;
}

div#global
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center;
/*border: blue 2px solid;*/
width: 980px;
height:auto;
}


div#entete
{
/*border: 2px solid yellow;*/
width: 980px;
height: 200px;
}

/* Partie navigation */


div#navigation
{
/*border: yellow 2px solid;*/
width: 980px;
height: 70px;
margin: 0px;
padding: 0px;
text-align:center;

}



div#navigation ul li
{
display: inline;
/*border: 2px solid red;*/
margin: 0px;
text-align:center;
}

#navigation ul li.accueil a h1
{
text-indent: -5000px;
font-size: 0.6em;

}

#navigation ul li.accueil a
{
background: url('ressources/b-accueil-off.jpg');
color: red;
background-repeat: no-repeat;
display: inline-block;
width: 114px;
height: 55px;
}

#navigation ul li.accueil a:hover
{
background: url('ressources/b-accueil-on.jpg');
width: 114px;
height: 55px;
}

#navigation ul li.quisommenous a
{
background: url('ressources/b-quisommesnous-off.jpg');
text-indent: -5000px;
background-repeat:no-repeat;
display: inline-block;
width: 205px;
height: 55px;
}

#navigation ul li.quisommenous a:hover
{
background: url('ressources/b-quisommesnous-on.jpg');
width: 205px;
height: 55px;
}

#navigation ul li.activites a
{
background: url('ressources/b-activite-off.jpg');
text-indent: -5000px;
background-repeat:no-repeat;
display: inline-block;
width: 127px;
height: 55px;
}

#navigation ul li.activites a:hover
{
background: url('ressources/b-activite-on.jpg');
width: 127px;
height: 55px;
}

#navigation ul li.methodes a
{
background: url('ressources/b-methodes-off.jpg');
text-indent: -5000px;
background-repeat:no-repeat;
display: inline-block;
width: 139px;
height: 55px;
}

#navigation ul li.methodes a:hover
{
background: url('ressources/b-methodes-on.jpg');
width: 139px;
height: 55px;
}

#navigation ul li.devis a
{
background: url('ressources/b-devis-off.jpg');
text-indent: -5000px;
background-repeat:no-repeat;
display: inline-block;
width: 103px;
height: 55px;
}

#navigation ul li.devis a:hover
{
background: url('ressources/b-devis-on.jpg');
width: 103px;
height: 55px;
}

#navigation ul li.contact a
{
background: url('ressources/b-contact-off.jpg');
text-indent: -5000px;
background-repeat:no-repeat;
display: inline-block;
width: 122px;
height: 55px;
}

#navigation ul li.contact a:hover
{
background: url('ressources/b-contact-on.jpg');
width: 122px;
height: 55px;
}

/* fin de la partie navigation */

div#centre
{
/*border: 2px solid black;*/
width: 980px;
height:auto;
overflow: hidden; /* -> 5 */
}

div#centre-bis
{
/*: 2px solid red;*/
width: 980px;
height: auto;
}
/* Partie coordonnees */
div#coordonnes
{
float: left;
/*border: green 2px solid;*/
width: 210px;
height: 278px;
}

div#coordonnes h1
{
color: #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0px 0px 0px;
}

div#coordonnes p
{
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
line-height: 14px;
padding: 5px 0px 0px 15px;
}

div#coordonnes strong
{
color: #003366;
font-size: 12px;
}

div#secondaire
{
float: right;
/*border: 2px solid blue;*/
width: 250px;
}

div#secondaire img
{
/*border: 2px solid red;*/
padding: 10px;
}

/* partie principal */

div#principal
{
float: left;
/*border: 2px solid yellow;*/
width: 520px;
margin: 0px; 
background:url('ressources/bg-contenu01.png') no-repeat;
}

div#principal2
{
/*: 2px solid red;*/
overflow: auto;
position: inherit;
cursor: auto;
height: 400px;
width: 520px;
padding: 0px;
margin: 15px 0px 0px 0px;

}


div#principal h1
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: red;
padding: 20px 0px 0px 0px;
text-align: left;
text-indent: 30px;
}

div#principal h2
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #3298cc;
padding: 5px 0px 0px 10px;
text-align: left;
text-indent: 30px;
}

div#principal h3
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3298cc;
padding: 5px 20px 0px 30px;
text-align: left;

}

div#principal p
{
/*border: 1px solid red;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
line-height: 20px;
padding: 0px 30px 0px 30px;
color: #144C69;
}

div#principal ul li
{
color: #144C69;
font-size: 12px;
text-align:left;
margin: 0px 0px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
list-style-type: square;
line-height: 20px;
}

div#principal dt
{
color: #144C69;
text-align: left;
margin: 5px 0px 0px 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 18px;
font-style: italic;
}

div#principal dd
{
color: #144C69;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
text-align: left;
margin: 0px 40px 5px 30px;
}


div#principal hr
{
border: #6699cc solid 1px;
margin: 0px 100px 0px 100px;
}

.signature
{
color: #E32C28;
text-align:left;
font-style:italic;
font-size: 1em;
}

.signature2
{
color: #E32C28;
text-align: justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 1em;
font-weight:bold;
}

/* formulaire de contact */


#tablecontact
{
margin: 0px;
padding: 0px;
}

#tablecontact td
{
line-height: 10px;
font-size: 14px;
text-align: left;
}

label
{
color: #144C69;
text-align: left;
/*border: 2px solid red;*/
margin: 0px 0px 0px 30px;
}

#asterix
{
color: red;
font-size: 1.em;
font-weight:bold;
}

input, textarea
{
border: solid 1px #666666;
padding: 3px;
color: #666666;
font-size: 10px;
line-height: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

input:hover, textarea:hover
{
background-color: #eeeeee;

}

/* fin de la partie formulaire */


/* partie pied de page */

div#pied
{
clear:both;
width: 980px;
/*border: 2px solid red;*/
}

div#pied ul li
{
/*border: solid 2px red;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;
}

div#pied ul li a
{
color: #093d6e;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

div#pied ul li a:hover
{
color: #e32c28;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

div#pied a
{font-family:Verdana;
color:#093d6e;
text-decoration: none;
font-size: 12px;
}