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

* {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

body {
background-color:#000000;
color:#FFFFFF;
margin:0px;
padding:0px;
}

#global {
width:990px;
margin-left:auto;
margin-right:auto;
}

#header {
width:990px;
height:200px;
background-image:url(../images/header.jpg);
}

#menu {
padding-top:173px;
height:27px;
overflow:auto;
}

#menu ul {
margin:0px;
padding:0px;
display:inline;
float:right;
}

#menu li {
margin:0px;
padding:0px;
display:inline;
margin:0px 10px;
height:27px;
line-height:27px;
color:#b3b3b3;
}

#menu li a{
color:#AAAAAA;
height:27px;
line-height:27px;
text-decoration:none;
}

#menu li a.selected{
color:#FFFFFF;
}

#menu li a:hover{
color:#FFFFFF;
}

#container {
clear:both;
margin-top:30px;
overflow:auto;
}

#ssmenu {
float:left;
width:200px;
}

#ssmenu ul {
list-style-type:none;
margin:0px;
padding:0px;
height:200px;
margin-top:7px;
}

#ssmenu li {
margin:0px;
padding:0px;
display:block;
width:200px;
height:23px;
}

#ssmenu li a {
text-decoration:none;
color:#777777;
font-size:15px;
display:block;
width:200px;
height:23px;
line-height:23px;
font-weight:bold;
}

#ssmenu li a.selected {
color:#CA0088;
}

#ssmenu li a:hover {
color:#CA0088;
}

#content-menu {
color:#777777;
float:left;
width:729px;
padding:0px 30px;
border-left:1px solid #303030;
}

#content {
color:#777777;
float:left;
padding:0px 30px;
overflow:auto;
}

#container a {
text-decoration:none;
color:#777777;
}

#container a:hover {
color:#FFFFFF;
}

#container h1 {
color:#CA0088;
font-size:15px;
}

#container h2 {
color:#CA0088;
font-size:13px;
margin:0px;
padding:0px;
}

#footer {
clear:both;
width:990px;
height:50px;
}

.blanc {
color:#FFFFFF;
}

/*===================================*/
/*===--- Content page : AGENCE ---===*/

#content-menu #part1 {
display:block;
}

#content-menu #part2 {
display:none;
}

#content-menu #part3 {
display:none;
}

/*===================================*/




/*=========================================*/
/*===--- Content page : RECRUTEMEENT ---===*/

#recrutement-left {
float:left;
width:430px;
margin:0px 50px 0px 10px;
}

#recrutement-right{
float:left;
width:430px;
}

/*=========================================*/



/*=====================================*/
/*===--- Content page : CONTACT ---===*/

#contact-left {
float:left;
width:310px;
margin-right:10px;
}

#contact-right {
float:left;
width:607px;
}

#contact-right .type_text{
border:1px solid #333333;
background-color:#000000;
width:190px;
color:#DDDDDD;
font-size:11px;
height:16px;
}

#contact-right .type_textarea {
border:1px solid #333333;
background-color:#000000;
width:300px;
color:#DDDDDD;
font-size:11px;
height:103px;
}

#contact-right .type_submit {
border:0;
padding:0;
background:#000000;
color:#777777;
cursor:pointer;
}

#contact-right .type_submit:hover {
color:#FFFFFF;
}

/*====================================*/


/*=======================================*/
/*===--- Content page : NEWSLETTER ---===*/



#newsletter-colonne1, #newsletter-colonne2, #newsletter-colonne3 {
float:left;
width:280px;
}

#newsletter-colonne2, #newsletter-colonne3 {
margin-left:40px;
}

#newsletter-colonne2 .type_text, #newsletter-colonne3 .type_text{
border:1px solid #333333;
background-color:#000000;
width:190px;
color:#DDDDDD;
font-size:11px;
height:16px;
}

#newsletter-colonne2 .type_submit, #newsletter-colonne3 .type_submit{
border:0;
padding:0;
background:#000000;
color:#777777;
cursor:pointer;
}


/*=======================================*/


/*=======================================*/
/*===--- Content page : ACTUALITES ---===*/



#menuActu{
float:left;
width:230px;
height:300px;
}

#menuActu ul {
list-style-type:none;
margin:0px;
padding:0px;
height:200px;
margin-top:10px;
}

#menuActu li {
margin:0px;
padding:0px;
display:block;
width:250px;
height:60px;
}

#menuActu li a {
text-decoration:none;
color:#777777;
font-size:12px;
display:block;
width:250px;
height:0px;
line-height:23px;
font-weight:bold;
margin-bottom:4px;
}

#menuActu li a.selected {
margin-bottom:4px;
color:#FFFFFF;
}

#menuActu li a:hover {
margin-bottom:4px;	
color:#FFFFFF;
}


.titreActu{
color:#CA0088;
font-size:12px;
}

#contenuActu{
float:left;
width:260px;
margin-left:38px;
margin-right:38px;
padding-top:14px;
}

#articleActu{
float:left;
}

#articleActu p{
color:#777777;
}

#photoActu{
float:left;
width:424px;
height:248px;
padding-top:16px;
}

.dateActu{
color:#777777;
font-size:12px;
}

#blanc{
color:#FFFFFF;
}

#articleFolio{
float:left;
width:270px;
padding-top:10px;
}

#imgFolio1{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:block;
}

#imgFolio2{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;}

#imgFolio3{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio4{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio5{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio6{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio7{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio8{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio9{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}

#imgFolio10{
float:left;
width:676px;
height:274px;
margin-right:30px;
margin-top:10px;
display:none;
}
#typeFolio{
color:#777777;
}

#client{
color:#CA0088;
}

#titre{
color:#FFFFFF;
font-size:17px;
}

#texteFolio{
color:#777777;
}
/*=======================================*/