body{
margin: 50px;
padding: 0px;
outline: 0px;
height: 100%;
font-family:  Verdana, Arial, Helvetica, sans-serif;	
background-color : #13161a;
}
#conteneur{
width: 900px;
height: 100%;
margin: auto;
padding: 0 0 0 0;
background-color:#272c34;
}
#en_tete{
height: 110px;
}
h1 {
margin: 0 0 0 0;
font-size : 16px;
text-align : center;
color : #faca80;
}
h1:first-letter{
font-size: 22px;
}
h2 {
margin: 15px 0 5px 0;
font-size : 14px;
text-align : center;
color : #faca80;
}
h3 {
margin : 0 0 0 0;
font-size : 12px;
text-decoration: underline;
color : #faca80;
}
h4 {
font-size : 10px;
text-transform : uppercase;
color : #faca80;
}
strong {
font-size : 11px;
color : #faca80;
}
p{
font-size: 12px;
color: #ffffff;
}
#menu{
width: 897px;
margin: -5px 0 0 0;
padding-bottom : 25px;
background: url("images/degrade_menu.png");
border: 2px inset #7a8087;
}
#onglets{
width : 897px;
left: 50%;
position : absolute;
padding : 0;
font-size: 12px;
font-weight: bold;
list-style-type : none;
margin : 0 0 0 -400px;
}
#onglets li{
float : left;
height : 20px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
margin : 2px 5px 2px 10px !important;  /* Pour les navigateurs autre que IE */	
}
#onglets li.active{
background-color:#13161a;
border : 2px inset #b7b9bb;
}
#onglets a{
display : block;
height: 15px;
color: #272c34;
text-decoration : none;
padding : 2px 10px 2px 10px;
border : 2px inset #b7b9bb;		
}
#onglets a.active{
display : block;
color: #faca80;
text-decoration : none;
padding : 2px 10px 2px 10px;
}
#onglets a:hover{
height: 16px;
background-color:#13161a;
color: #faca80;
padding : 2px 10px 2px 10px;
}
#global {
margin: 35px 0 0 0;
padding: 0 5px 25px 5px;
}
#menu_gauche {
width : 23%;
height : 512px;
float : left;
margin: 0 0 0 12px;
text-align : center;
background: url("images/fond_menu.jpg");
border : 2px solid #b7b9bb;
}
.secteurs{
width: 80%;
margin: 20px 0 10px 0;
}
#bouton_form {
width: 80%;
height : 20px;
margin:0 0 0 0;
padding: 0 0 2px 0;
border : none;
font-size : 12px;
font-weight : bold;
text-align: center;
color : #ffffff;
background: url("images/degrade_menu.png");
cursor : pointer;
}
#bouton_form:hover {
background:#13161a;
color: #faca80;
}
#formulaire {
width : 95%;
margin: 0 0 0 25px;
line-height: 10px;
font-size : 9px;
color : #7a8087;
text-transform : uppercase;
text-align : left;
}
.form{
font-size: 9px;
}
#pseudo {
width : 40%;
height : 15px;
margin: 0 0 0 9px;
font-family : arial;
font-size : 14px;
color : #0d0f13;
background-color : #ffffff;
border: 1px solid #7a8087;
}
#pass {
width :40%;
height : 15px;
background-color : #ffffff;
border: 1px solid #7a8087;
}
#ok {
background-color : #33abac;
font-family : arial;
font-size : 12px;
color : #ffffff;
cursor : pointer;
margin: 0 0 0 120px;
}
.logos{
width: 70%;
height: 50px;
margin:10px 0 0 0;
padding: 0 0 0 0;
}
#menu_droit {
margin: 0 0 0 26%;
height : 510px;
}
.cadre1 {
width: 95%;
height: 390px;
margin: 0 0 10px 0;
padding : 10px 10px 10px 10px;
font-size : 12px;
text-align : justify;
border : 2px solid #b7b9bb;
background-color:#495261;
}
.img_corps {
width: 30%;
float: left;
height: 145px;
margin: 10px 0 0 0;
padding: 0 6px 0 0;
}
.accueil{
text-align: justify;
font-size: 13px;
}
.accueil:first-letter{
font-size: 22px;
font-weight: bold;
color: #ffffff;
background-color: #faca80;
}
.service {
word-spacing : 2px;
text-transform : uppercase;
text-align : center;
color: #faca80;
}
.cadre2 {
width: 98%;
height: 89px;
padding: 0 0 0 0;
text-align: center;
background-color:#495261;
border : 2px solid #b7b9bb;
}
.img_bas{
width:100%;
height:69px;
padding: 10px 0 10px 0;
}
.b{
width : 41%;
height : 20px;
padding: 0 0 4px 2px;
margin: 0 0 4px 0;
text-align : left;
font-size : 11px;
font-weight: bold;
border: none;
color: #000000;
cursor : pointer;
background: url("images/bouton.png");
}
.b:hover{
background: url("images/bouton_hover.png");
color: #faca80;
}
.bouton_domaines {
width : 85%;
margin: 35px 0 0 0;
}
.bouton_mission {
width : 85%;
margin: 30px 0 0 0;
}
.bouton_moyens {
width : 85%;
margin: 10px 0 0 0;
}
#procedes{
width : 50%;
margin: -225px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#etudes{
width : 50%;
margin: -205px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#installations{
width : 50%;
margin: -180px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#electricite{
width : 50%;
margin: -155px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#expertise{
width : 55%;
margin: -130px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#mise_en_route{
width : 60%;
margin: -105px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#preparation{
width : 60%;
margin: -220px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#management{
width : 60%;
margin: -170px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#qualification{
width : 60%;
margin: -160px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#avant_projet{
width : 55%;
margin: -105px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#etude_de_detail{
width : 62%;
margin: -85px 0 0 230px;
padding: 0 10px 0 10px;
line-height: 12px;
font-size: 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#dce_amt{
width : 50%;
margin: -65px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
}
#assistance{
width : 70%;
margin: -35px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#moyens{
width : 50%;
margin: -85px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#outils{
width : 50%;
margin: -60px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
#methode{
width : 50%;
margin: -40px 0 0 230px;
padding: 0 10px 0 10px;
list-style: url("images/puce.png");
list-style-position: inside;
}
ul{
list-style-position: outside;
font-size: 12px;
color: #ffffff;
}
table, td {
margin: 30px 0 0 175px;
text-align: center;
font-size : 12px;
}
.droit {
padding: 0 4px 0 0;
text-align : right;
color: #ffffff;
}
.gauche {
padding: 0 0 0 4px;
text-align : left;
color: #ffffff;
}
#ingenieur, #charge, #dessinateur{
width: 70%;
margin: 0 0 0 170px;
padding: 0 5px 3px 5px;
}
.texte_rec{
font-size: 11px;
}
.accueil_rec{
margin : -400px 0 0 170px;
text-align: justify;
font-size: 13px;
}
.accueil_rec:first-letter{
font-size: 22px;
font-weight: bold;
color: #ffffff;
background-color: #faca80;
}
.bouton_recrutement {
width : 67%;
margin: 10px 0 0 170px;
}
.b1 {
width : 52%;
height : 20px;
padding: 0 0 4px 2px;
margin: 0 0 2px 0;
text-align : left;
font-size : 11px;
font-weight: bold;
border: none;
color: #495261;
border:1px solid #495261;
cursor : pointer;
background : url("images/b8.png");
}
.b1:hover{
background : url("images/b8_hover.png");
color: #faca80;
}
.ph_rec{
margin: 10px 0 0 0;
}
.enveloppe {
width: 155px;
height: 130px;
padding: 10px 0 0 0;
margin: 20px 5px 0 0;
text-align : center;
color : #d2d7dd;
}
.enveloppe:hover {
color : #e9ddac;
}
.ref{
text-align: center;
margin: 10px 0 0 0;
}
.locaux{
margin: auto;
margin: 100px 0 0 0;
text-align: center;
}
.coordonnees {
margin: 0 0 0 0;
text-align : center;
font-size : 10px;
color: #ffffff;
}
a img {
border : none;
}