/* CSS Document */

body{
font-family:Helvetica,arial,verdana, sans-serif;
font-size:11px;
}

#conteneur{
width:902px;
height:100%;
/*margin-right:auto;
margin-left:auto;
background-color:#01CBDF;*/
}
#ssconteneur{
position:relative;
width:800px;
margin-left:170px;
/*background-color:#01CBDF;*/
}
#entete{
/*position:relative;*/
position:fixed;
top:0px; 
left:150px;
width:900px;
padding-top:20px;
min-height:140px;
background-color:#FFFFFF;
}


#contact{
width:900px;
height:25px;
float:left;
/*background-color:#000099;*/
/*margin-top:5px;*/
margin-bottom:5px;
/*padding-top:10px;*/
}
#menu{
width:160px;
float:left;

/*background-color:#000099;*/
/*padding-top:10px;*/
}
#ssmenu{
float:left;
width:73%;
height:90px;
/*background-color:#FFFFFF;*/
vertical-align:bottom; 
}
#ssmenu span{
float:left;
padding-top:13px;
/*background-color:#ff0099;*/
}

#tirets{
position:fixed;
top:150px; 
left:50px;
width:100%;
}
/*li.lignemenu{
width:120px;
height:auto;
background-color:#000000;
margin-top:5px;
padding-left:2px;
}
li.lignemenuactive{
width:120px;
height:auto;
background-color:#000000;
margin-top:5px;
padding-left:2px;
color:#01CBDF;
}*/

/*li.lignemenuactive{
font-size:1em;
font-weight:bold;
padding-left:3px;
margin-top:2px;
/*background-color:#000000;*/
/*text-decoration:none;
color:#000000;
}*/

#menu ul{
list-style-type:none;
margin-left:-40px;
_margin-left:0px;
}


#menu ul li.lignemenu a{
display:block;
font-size:1em;
/*font-weight:bold;*/
width:120px;
padding-left:3px;
padding-top:2px;
/*line-height:40px;*/
background-color:#000000;
text-decoration:none;
color:#FFFFFF;
}

#menu ul li.lignemenu a:hover{
display:block;
font-size:1em;
/*font-weight:bold;*/
width:120px;
padding-left:3px;
padding-top:2px;
/*font-weight:bold;*/
background-color:#000000;
text-decoration:none;
color:#01CBDF;
}
#menu ul li.lignemenuactive a{
display:block;
font-size:1em;
/*font-weight:bold;*/
width:120px;
padding-left:3px;
padding-top:2px;
/*line-height:14px;*/
background-color:#ffffff;
text-decoration:none;
color:#000000;
}

#menu ul li.lignemenuactive a:hover{
display:block;
font-size:1em;
/*font-weight:bold;*/
width:120px;
padding-left:3px;
padding-top:2px;
/*font-weight:bold;*/
background-color:#ffffff;
text-decoration:none;
color:#000000;
}



a.eltMenu{
/*text-transform:uppercase;*/
color:#000000;
line-height:15px;
text-decoration:none;
font-weight:bold;
}

a.eltMenu:hover{
/*text-transform:uppercase;*/
color:#01CBDF;
text-decoration:none;
font-weight:bold;
}
a.eltMenuActif{
/*text-transform:uppercase;*/
color:#01CBDF;
text-decoration:none;
font-weight:bold;
}

a.eltMenuActif:hover{
/*text-transform:uppercase;*/
color:#01CBDF;
text-decoration:none;
font-weight:bold;
}
font.eltcategorie{
/*text-transform:uppercase;*/
color:#000000;
text-decoration:none;
/*font-weight:bold;*/
}
#contenu{
float:left;
width:600px;
margin-top:140px;
margin-left:130px;
/*background-color:#660033;*/
}


#photoHome{
float:left;
width:800px;
height:595px;
background-image:url(../assets/images/photoAccueil.jpg);
}

#news{
padding:5px 5px 5px 5px;
position:relative;
top:-67px;
left:190px;
width:350px;
background-color:#FFFFFF;
}

#news font.titre{
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
}
#news font.date{
color:#00CCCC;
font-weight:bold;
font-size:1.1em;

}
#news font{
text-transform:uppercase;
font-size:0.9em;
}


#etoileCVaccueil{
z-index:1;
width:140px;
color:#003366;
height:140px;
position:relative;
/*background-image:url(../assets/images/etoile.gif);*/
left:800px;
top:60px;
}
#etoileCV{
z-index:1;
width:140px;
color:#003366;
height:140px;
position:relative;
left:320px;
top:-75px;
}
#menuHome{
margin-top:20px;
width:800px;
/*background-color:#33CC33;*/
float:left;
}



a.retour{
text-transform:uppercase;
font-size:1em;
color:#383838;
text-decoration:none;
}

a.retour:hover{
text-transform:uppercase;
font-size:1m;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}
a.categorie{
text-transform:uppercase;
font-weight:bold;
font-size:1.3em;
color:#383838;
text-decoration:none;
}

a.categorie:hover{
text-transform:uppercase;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}
a.categorieActive{
text-transform:uppercase;
font-weight:bold;
font-size:1.3em;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}

a.categorieActive:hover{
text-transform:uppercase;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}

a.work{
font-weight:bold;
font-size:1em;
color:#666666;
text-decoration:none;
}

a.work:hover{
font-size:1em;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}

a.activeWork{
font-weight:bold;
font-size:1em;
color:#0099FF;
text-decoration:none;
}

a.activeWork:hover{
font-size:1em;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
}

font.curentWork{
font-weight:bold;
font-size:1.3em;
color:#0099FF;
text-decoration:none;
}
font.texteCategorie{
font-size:1.2em;
color:#663399;
text-decoration:none;
}