/* CSS Document */

#contenu{
background:url(../_img/nos_metiers/fond_contenu.gif) top left no-repeat;
background-color:#6e316c;
}

#menu_left{
float:left;
width:188px;
margin-top:7px;
padding-left:10px;
}

#menu{
height:210px;
}

#texte{
float:left;
width:625px;
padding:3px 0 5px 3px;
margin:7px 0 0 0;
background-color:#ffffff;
text-align:justify;
}

#texte2{
float:left;
width:628px;
padding:3px 0 5px 0;
margin:7px 0 0 0;
background-color:#ffffff;
text-align:justify;
}

#bloc_gauche{

}


/*---------------------------------------MENU LEFT--------------------------------*/

/*---------NIVEAU 1----------*/
#menu a{
display:block;
width:165px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #8c5b8a;
padding:4px 0 3px 5px;
}

/*---------NIVEAU 1 sans border bottom----------*/
#menu a.spe{
display:block;
width:165px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
border:none;
padding:4px 0 3px 5px;
}

/*---------NIVEAU 2----------*/
#menu .smenu a{
display:block;
width:165px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #8c5b8a;
padding:4px 0 3px 17px;
}

/*---------NIVEAU 2 sans border bottom----------*/
#menu .smenu a.spe{
display:block;
width:165px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
border:none;
padding:4px 0 3px 17px;
}

/*---------LIENS ETAT HOVER-----------*/
#menu a:hover, #menu a:hover.spe{
color:#e147da;
}

/*----------LIENS ETAT ON-------------*/
#menu a.on, #menu .smenu a.on{
color:#e147da;
background:url(../_img/nos_metiers/puce_menu.gif) center left no-repeat;
}

#menu a.on2, #menu .smenu a.on2{
color:#e147da;
background:url(../_img/nos_metiers/puce_menu2.gif) center left no-repeat;
}

/*----------------------------TEXTE------------------------*/

h1{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#6e316c;
margin:30px 0 20px 35px;

}

h2{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:5px 0 10px 35px;
}

#texte2 h1{
margin:10px 0 20px 38px;
}

p{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0 45px 25px 35px;
line-height:18px;
}

#texte2 p{
margin:0 45px 25px 38px;
}

p a{
color:#6e316c;
text-decoration:underline;
}

#bloc_gauche p{
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0 0 0 10px;
padding-top:5px;
}

p.barre{
background:url(../_img/le_groupe/barre.gif) top left no-repeat;
padding-left:10px;
margin:0 45px 0 35px;
}

p.barre2{
background:url(../_img/le_groupe/barre2.gif) top left no-repeat;
padding-left:10px;
}

p.fdgris{
background-color:#f0f0f0;
color:#6e316c;
padding:10px 0 10px 20px;
}

#prototype{
z-index:100; 
display:none; 
background-color:#000000; 
position:absolute; 
top:113px; 
left:0; 
height:573px; 
width:833px; 
border:1px solid #000000;
}

#protod3{
z-index:100; 
display:none; 
background-color:#000000; 
position:absolute; 
top:113px; 
left:0;
vertical-align:middle;
height:632px; 
width:833px; 
border:1px solid #000000;
}