/*Feuille de style Pixel media*/ 


html 
{
text-align: center;
font-family: Verdana, Arial, "sans serif";
}
body
{
text-align: left;
font-family: Verdana, Arial, "sans serif";
font-size: 9pt;
color: #FFFFFF;
background: #000 url('img/fond.gif') no-repeat top center;
padding: 0;
margin: 10px auto;
width: 965px;
text-decoration: none;
}
.clear 
{
clear: both;
height: 1%;
display: block;
}
a 
{
color: #fff;
text-decoration: underline;
}
a:hover 
{
text-decoration: none;
}
div#container 
{
margin: 0 auto;
width: 925px;
position: relative;
}
#entete
{
border-bottom: 1px solid #8a9ba3;
padding: 0 0 0 10px;
}
#entete h1.invisible 
{
display: none;
}
#entete a img 
{
border: 0;
}
#menu
{
margin: 11px 0 0 17px;
}
#menu ul 
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li 
{
line-height: 25px;
margin: 0 1px 0 0;
float: left;
position: relative;
}
#menu li a
{
color: #FFFFFF;
text-decoration: none;
background: url("img/menu.gif") repeat-x top left;
display: block;
height: 25px;
float: left;
padding: 0 30px;
}
#menu li a:hover
{
background: url("img/menu2.jpg") repeat-x top left;
text-decoration: none;
color: #FFFFFF;
}


/* SOUS-MENU */

#menu ul li ul 
{
clear: both;
position: absolute;
top: 25px;
left: -999em;
margin: 0px;
padding: 0px;
width: 170px;
}
#menu ul li:hover ul, #menu li.sfhover ul 
{
left: auto;
min-height: 0;
}
#menu ul li ul li 
{
float: none;
}
#menu ul li ul li a 
{
display: block;
float: none;
padding: 2px 5px;
background: #131313;
border-bottom: 1px solid #fff;
}
#menu ul li ul li a.last 
{
border: 0;
}
#menu ul li ul li a:hover 
{
background: #5b5c61;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{         /* Corrige un bug sous IE */}

#menu_gauche 
{
width: 100px;
position: absolute;
right: 12px;
top: 146px;
}
#menu_gauche ul 
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_gauche ul li 
{
margin: 0 0 12px 0;
}
#menu_gauche ul li a img 
{
border: 0;
}
#contenu
{
margin: 40px 30px 45px 38px;
/margin: 30px 20px 35px 38px;
/* hack IE 7 */padding: 0 0 0 0;
}
#contenu.interne 
{
padding: 0 0 0 0;
min-height: 350px;
height: auto !important;
height: 350px;
 /* hack IE */margin-top: 20px;
/margin-top: 10px;
}
#contenu.interne ul 
{
padding: 0 0 0 15px;
}
#contenu.interne ul li 
{
padding: 0 0 0 30px;
}
#texte
{
float: left;
margin: 50px 0 0 0;
width: 300px;
}
#flash
{
float: right;
width: 550px;
margin: -30px;
}
#blocs
{
margin: 0 0 0 20px;
}
#blocs ul 
{
list-style-type: none;
margin: 0;
padding: 0;
}
#blocs li 
{
display: inline;
}
#blocs li a 
{
display: block;
width: 170px;
border: 0;
float: left;
text-decoration: none;
padding: 0 50px 0 0;
}
#blocs li a img 
{
border: 0;
}
#blocs li span 
{
clear: both;
}
#blocs tr td
{
font-size: 8pt;
text-decoration: none;
padding-right: 30pt;
}
#blocs h1
{
font-size: 18pt;
color: #111111
font-family: Verdana, Arial, "sans serif";
margin-bottom: -5px;
}


/* FORMULAIRE DEVIS */


div.gauche, div.droite 
{
padding: 7px 0;
float: left;
}
fieldset#projet div.gauche 
{
clear: both;
padding-right: 10px;
}
fieldset#projet div.droite 
{
float: none;
width: 50%;
}
fieldset#statut div.gauche 
{
width: 20%;
}
fieldset#statut div.droite 
{
width: 80%;
}
fieldset 
{
border: 1px solid #54b2e8;
margin: 0 0 10px 0;
padding: 10px;
}
fieldset legend 
{
color: #54b2e8;
font-size: 120%;
}
div.gauche label 
{
font-weight: bold;
}
div.erreur 
{
margin: 30px auto 0 auto;
width: 345px;
padding: 5px;
background: #586368;
border: 1px solid #fff;
}
div.erreur h3 
{
font-weight: bold;
color: #ffd700;
margin: 0;
}


/* FORMULAIRE CONTACT */

textarea, input
{
font-size: 11px;
font-weight: bold;
font-family: Arial, "sans serif";
padding: 2px 3px;
margin-bottom: 3px;
text-align: left;
}
input[type="submit"] 
{
width: auto;
text-align: center;
}
.form2
{
display: block;
float: left;
}
.form
{
display: block;
width: 100px;
float: left;
clear: both;
color: #e9d6cf;
}


/* PIED DE PAGE */

#pied_page
{
margin: 14px 0 25px 0;
/margin-top: -30px;
 /* hack IE 7 */padding: 18px 0 0 0;
border-top: 1px solid #8a9ba3;
text-align: center;
font-size: 8pt;
}
.rouge
{
color: #FF6666;
}
.tableau_rouge
{
border-top: 3px solid #FF6666;
border-bottom: 3px solid #FF6666;
border-left: 1px solid #FF6666;
border-right: 1px solid #FF6666;
font-size: 8pt;
}
.tableau_rouge tr td
{
border: 1px solid #FF6666;
}
.tableau_rouge th
{
background-color: #FFE3E3;
font-weight: bold;
text-align:center;
color: #000000;
border: 1px solid #FF6666;
}
.orange
{
color: #FF9933;
}
.tableau_orange
{
border-top: 3px solid #FF9933;
border-bottom: 3px solid #FF9933;
border-left: 1px solid #FF9933;
border-right: 1px solid #FF9933;
font-size: 8pt;
}
.tableau_orange tr td
{
border: 1px solid #FF9933;
}
.tableau_orange th
{
background-color: #FFE574;
font-weight: bold;
text-align:center;
color: #000000;
border: 1px solid #FF9933;
}
.vert {color: #99CC33;
}
.tableau_vert{border-top: 3px solid #99CC33;
border-bottom: 3px solid #99CC33;
border-left: 1px solid #99CC33;
border-right: 1px solid #99CC33;
font-size: 8pt;
}
.tableau_vert tr td
{
border: 1px solid #99CC33;
}
.tableau_vert th
{
background-color: #E8FCB4;
font-weight: bold;
text-align:center;
color: #000000;
border: 1px solid #99CC33;
}
.bleu
{
color: #54b2e8;
}
.tableau_bleu
{
border-top: 3px solid #54b2e8;
border-bottom: 3px solid #54b2e8;
border-left: 1px solid #54b2e8;
border-right: 1px solid #54b2e8;
font-size: 8pt;
}
.tableau_bleu tr td
{
border: 1px solid #54b2e8;
}
.tableau_bleu th
{
background-color: #E8FCB4;
font-weight: bold;
text-align:center;
color: #000000;
border: 1px solid #54b2e8;
}
.tit_texte
{
font-size: 7pt;
}