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

body{
	background-color:#000000;
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:justify;
}
body a{
	text-decoration:none;
	color:#666666;
	cursor:pointer;
}

#global{
	position:absolute;
	width:910px;
	background:#000000;
	height:460px;
	left:50%;
	margin-left:-455px;
	top:50%;
	margin-top:-260px;
}
#header{
	position:relative;
	width:980px;
	height:31px;
	font-size:11px;
	color:#A0A0A0;
	z-index:1;
}

#header a:hover{
	color:#ff8726;
}

a.contact:link, a.contact:visited {
	color: #FFF;
	text-decoration: none;
}

a.contact:hover, a.contact:active {
	color: #FFF;
	text-decoration: none;
}


#menuDeroulant{
	position:relative;
	background-color:#333333;
	background-repeat:no-repeat;
	height:60px;
	width:60px;
	left:835px;
	top:31px;
	border:#FFFFFF solid 1px;
	list-style:none;
	z-index:1000;
}
#menuDeroulant ul{
	margin:0px;
	padding:0px;
	margin-top:3px;
	list-style:none;
	text-align:center;
	line-height:17px;
}
#menuDeroulant a:hover{
	color:#FFFFFF;
}

#menu{
	position:relative;
	width:980px;
	height:26px;
	background-color:#000000;
	color:#666666;
	padding-top:5px;
}

#menu a:hover{
	color:#ff8726;
}

#menu img{
	position:absolute;
	left:124px;
	margin-top:1px;
	
}

#main{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Contener_Fond.jpg);
	background-repeat:no-repeat;
}

#mainAccueil{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Accueil_FondGris.jpg);
	background-repeat:no-repeat;
}

/* div Main pour la page Approche */
#mainApproche{/******************************************************Stéphane : j'ai ajouté pour déterminer un fond dans approche*/
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Contener_Fond_Approche.jpg);
	background-repeat:no-repeat;
}

/* div Main pour la page Approche */
#mainDirection{/******************************************************Stéphane : j'ai ajouté pour déterminer un fond dans approche*/
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Contener_Fond_Direction.jpg);
	background-repeat:no-repeat;
}

#mainEquipe{/******************************************************Stéphane : j'ai ajouté pour déterminer un fond dans approche*/
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Contener_Fond_Equipe.jpg);
	background-repeat:no-repeat;
}

#mainNews{/******************************************************Stéphane : j'ai ajouté pour déterminer un fond dans News*/
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/News_Fond.jpg);
	background-repeat:no-repeat;
}

/* div Main pour la page Contact */
#mainContact{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Contact_Fond.jpg);
	background-repeat:no-repeat;
}

/* div Main pour la page Site map */
#mainSiteMap{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/SiteMap_Fond.jpg);
	background-repeat:no-repeat;
}

#mainReferences{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/References_Fond.jpg);
	background-repeat:no-repeat;
}

#mainRecruitment{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Recrutement_Fond.jpg);
	background-repeat:no-repeat;
}
#mainRessources{
	position:relative;
	width:980px;
	height:429px;
	background-image:url(../images/Ressources_Fond.jpg);
	background-repeat:no-repeat;
}


#footer{
	position:relative;
	width:980px;
	height:20px;
	background-color:#000000;
	color:#666666;
	margin-top:1px;
}

#footer a:hover{
	color:#ff8726;
}

/* MainLeft div pour le menu a gauche */
#mainLeft{
	position:relative;
	float:left;
	background-image:url(../images/Cadre_Left.png);
	background-repeat:no-repeat;
	width:105px;
	height:364px;
	margin-top:30px;
}

#mainLeft a:hover{
	color:#FFFFFF
}

/* div pour le petit menu a gauche */
#mainLeftMini{
	position:relative;
	float:left;
	background-image:url(../images/Mini_Cadre_Left.png);
	background-repeat:no-repeat;
	width:32px;
	height:364px;
	margin-top:30px;
}

#mainLeft_Trait{
	position:relative;
	float:left;
	height:219px;
	margin-top:30px;
	margin-left:7px;
}

#mainLeft_Liste{
	position:relative;
	margin-top:30px;
}

#mainLeft_Liste li{
	position:relative;
	list-style:none;
	line-height:14px;
	font-size:11px;
	margin-top:20px;
	margin-left:-25px;
	color:#666666;
}

/* div pour le contenu avec le cadre gris en fond */
#contener{
	position:relative;
	float:left;
	background-image:url(../images/Cadre_Contener.png);
	background-repeat:no-repeat;
	width:770px;
	height:364px;
	margin-top:30px;
}
#contenerClients{
	position:relative;
	float:left;
	background-image:url(../images/Cadre_Contener.png);
	background-repeat:no-repeat;
	width:770px;
	height:364px;
	margin-top:30px;
}
/* div avec cadre gris pour les pages avec mainLeftMini */
#contenerBig{
	position:relative;
	float:left;
	background-image:url(../images/Big_Cadre_Contener.png);
	background-repeat:no-repeat;
	width:844px;
	height:364px;
	margin-top:30px;
}

/* div pour la page Contact avec fond gris et l'image du monde */
#contenerContact{
	position:relative;
	float:left;
	background-image:url(../images/Contact_Cadre_Centre.png);
	background-repeat:no-repeat;
	width:771px;
	height:354px;
	margin-top:35px;
}

/* div pour un Menu en haut à gauche dans le cadre gris */
#contenerMenu{
	position:relative;
	width:500px;
	height:60px;
}

#contenerMenu a:hover{
	position:relative;
	color:#FFFFFF;
}


#contenerMenu-Equipe{
	height:40px;
}

/* div pour la rubrique approche au cas ou il y est besoin d'un menu */
#contenerMenuApproche{
	position:relative;
	width:500px;
	height:40px;
}

#contenerMenu li{
	position:relative;
	display:inline;
	list-style:none;
	margin-left:30px;
	line-height:75px;
}

#contenerMenu ul{
	position:relative;
	margin-left:-40px;
	margin:0px;
	padding:0px;

}


/* div pour le contenu à gauche dans le cadre gris */
#contenerLeft{
	position:relative;
	float:left;
	width:100px;
	height:250px;
}

#contenerLeft li{
	position:relative;
	list-style:none;
	line-height:25px;
	top:40px;
	margin-left:15px;

}

#contenerLeft ul{
position:relative;
	margin-left:-25px;
	margin-top:40px;
	margin:0px;
	padding:0px;
}

/* div pour le contenu à gauche (flash, img, etc) de la rubrique news */
#contenerLeftNews{
	position:relative;
	float:left;
	width:320px;
	height:230px;
	background-color: #000000;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 30px;
}

/* div pour le contenu à gauche (flash, img, etc) de la rubrique approche */
#contenerLeftApproche{
	position:relative;
	float:left;
	width:351px;
	height:280px;
}

/* div pour le contenu à gauche (flash, img, etc) de la rubrique Direction */
#contenerLeftDirection{
	position:relative;
	float:left;
	width:170px;
	height:90px;
	background-image:url(../images/Equipe_Cadre_Fond.png);
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 60px;
	border: 1px solid #8c7977;
}
#contenerLeftDirection ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-left:20px;
	line-height:20px;
}

#contenerLeftDirection img{
	margin-left:-10px;
	margin-right:7px;
	margin-bottom:2px;
}



#contenerLeftEquipe{
	position:relative;
	float:left;
	width:479px;
	height:273px;
	margin-top: 6px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* div à droite dans le cadre gris du centre */
#contenerRight{
	position:relative;
	float:left;
	width:500px; /****************************************Stéphane : j'ai changé pour 500px car le contenu passait en dessous*/
	height:250px;
}



#contenerRightContact{
	position:relative;
	float:left;
	width:400px; /****************************************Stéphane : j'ai changé pour 500px car le contenu passait en dessous*/
	height:250px;
	text-align: right;
	padding-top: 83px;
}


#contenerRight_Def {
    position:relative;
	font-size:12px;
	float:left;
	width:750px;
	height:260px;
	margin:0px;
	padding:0px;
	margin-top:-20px;
	color:#CCCCCC;

}
#contenerRightNewsImg/* div pour le contenu à droite (texte) de la rubrique approche */
{
	position:relative;
	float:left;
	width:130px;
	height:250px;
	font-size: 12px;
}

#contenerRightNewsTxt/* div pour le contenu à droite (texte) de la rubrique approche */
{
	position:relative;
	float:left;
	width:210px;
	height:250px;
	font-size: 12px;
}



/* div pour le contenu à droite (texte) de la rubrique approche */
#contenerRightApproche{
	position:relative;
	float:left;
	width:326px;
	height:250px;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

#contenerRightApproche img{
	margin:0px;
	padding:0px;
}
#contenerRightApproche p{
	margin:0px;
	padding:0px;
	margin-top:10px;

}

/* div pour le contenu à droite (texte) de la rubrique Direction */
#contenerRightDirection{
	position:relative;
	float:left;
	width:445px;
	height:250px;
	font-size: 12px;
	text-align:justify;
}

#contenerRightEquipe{
	position:relative;
	float:left;
	width:249px;
	height:250px;
	font-size: 12px;
}

#contenerRight_Clients {
    position:relative;
	font-size:12px;
	float:left;
	width:750px;
	height:260px;
	margin:0px;
	padding:0px;
	margin-top:-20px;
}
#contenerRight_Clients li{
	list-style:none;
}

#contenerRight_Partenaires {
    position:relative;
	float:left;
	width:600px;
	height:auto;
	margin-top:-10px;
}

#contenerRight_Recruitment {
	position:relative;
	float:left;
	width:600px;
	height:auto;
	margin-top:-10px;
}

#contenerRight_SiteMap{
	position:relative;
	float:left;
	margin-top:50px;
	margin-left:50px;
	width:750px;
	height:250px;
}

#contenerRight_SiteMap a{
	color:#FFFFFF;
}
#contenerRight_SiteMap a:hover{
	color:#ff8726;
}
/* décallage des puces */
#contenerRight_SiteMap img{
	margin-right:5px;
}

/* style pour enlever les puces */
#contenerRight_SiteMap li{
    list-style:none;
	font-size:11px;
	margin:0px;
	padding:0px;
}
#contenerRight_Texte a{
	color:#ffffff;
}

#contenerRight_Texte a:hover{
	color:#ff8726;
}

#contenerLeftDirection li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#contenerLeftDirection li a:hover{
	color:#FFFFFF;
}

/* Style pour les boutons du Menu en haut */
#accueil{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	padding-left:5px;
	padding-top:2px;	
}

#approche{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#references{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#equipe{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#news{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#contact{
	position:relative;
	float:left;
	width:125px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#divVide{
	position:relative;
	float:left;
	width:113px;
	height:17px;
	background-color:#262626;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

/* 
Pour aligner à droite le carré blanc dans un bouton !!
*/
.accueil-on img{
	margin-left:120px;
}
#accueil-on {
	position:relative;
	float:left;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
}
.approche-on img{
	margin-left:120px;
}
#approche-on {
	position:relative;
	float:left;
	margin-left:120px;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}
.references-on img{
	margin-left:120px;
}
#references-on {
	position:relative;
	float:left;
	margin-left:120px;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

.equipe-on img{
	margin-left:120px;
}
#equipe-on {
	position:relative;
	float:left;
	margin-left:120px;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}
.news-on img{
	margin-left:120px;
}
#news-on {
	position:relative;
	float:left;
	margin-left:120px;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}
.contact-on img{
	margin-left:120px;
}
#contact-on {
	position:relative;
	float:left;
	margin-left:120px;
	width:245px;
	height:17px;
	background-color:#ff8726;
	color:#FFFFFF;
	margin-left:2px;
	padding-left:5px;
	padding-top:2px;
}

#logo{
	position:relative;
	float:left;

}

/* Style pour les liens en Haut et Bas (Plan, Mentions...)*/
#extranet{
	position:relative;
	float:left;
	margin-left:328px;
	margin-top:15px;
	display:inline;
}

#ressources{
	position:relative;
	float:left;
	margin-left:30px;
	margin-top:15px;
	display:inline;
}

#langues{
	position:relative;
	float:left;
	margin-left:30px;
	margin-top:15px;
	display:inline;
}

/* Style pour les deux grands traits blanc en Haut et Bas */
#trait{
	position:relative;
	width:910px;
	height:1px;
	background-color:#FFFFFF;
}
#traitBas{
	position:relative;
	width:910px;
	height:1px;
	background-color:#FFFFFF;
		margin-top:8px;
}
#traitBasM{
	position:relative;
	width:910px;
	height:1px;
	background-color:#FFFFFF;
		margin-top:8px;
}
#traitBasNews{
	position:relative;
	width:910px;
	height:1px;
	background-color:#FFFFFF;
	margin-top:8px;
}


#plan{
	position:relative;
	float:left;
	font-size:9px;
	margin-left:7px;
	display:inline;


}

#mention{
	position:relative;
	float:left;
	font-size:9px;
	margin-left:10px;
	display:inline;



}

#recrutement{
	position:relative;
	float:left;
	font-size:9px;
	margin-left:10px;
	display:inline;
	

}

#copyright{
	position:relative;
	float:right;
	font-size:9px;
	margin:0px;
	padding:0px;
	color:#575757;	
	display:inline;
	right:75px;

}

/* Style pour les titre et sous titre dans la page */

.Title {
	font-family:Tahoma, Arial, sans-serif;
	font-size:22px;
	color:#665c5c;
	text-align: right;
	float: right;
}
.TitleEquipe {
	font-family:Tahoma, Arial, sans-serif;
	font-size:22px;
	color:#665c5c;
	text-align: right;
	float: right;
}

.SubTitle {
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align: right;
	float: right;
	margin-top:5px;
}


/* Style pour la page Accueil */
/* div pour le texte Gauche */
#textLeft{
	position:relative;
	float:left;
	width:250px;
	height:200px;
	margin:30px;
	text-align:justify;
	margin-top:17px;
	font-size:11px;
}
/* div pour l'image à droite */
#contenerNews {
	position:relative;
	float:left;
	width:579px;
	height:251px;
	margin-top:30px;
}

#backOfficeNews {
	position:relative;
	float:left;
	width:870px;
	height:110px;
	margin-left:20px;
	margin-top:10px;
}

#dernierProjet{
	position:relative;
	float:left;
	width:510px;
	height:110px;
}

#dernierProjet_Titre{
	position:relative;
	margin-left:10px;
}

#dernierProjet_Trait{
	position:relative;
	background-color:#ff8726;
	width:510px;
	height:1px;
}

#newsBO{
	position:relative;
	float:left;
	width:300px;
	height:110px;
	margin-left:50px;

}

#newsBO_Titre{
	position:relative;
	margin-left:10px;
	
}

#newsBO_Contener{
	position:relative;
	width:300px;
	height:100px;
	border:#ff8726 1px solid;
}
/* fin du style pour la page ACcueil */

#menuDeroulant {
	position:absolute;
	
}
.Titre_Def{
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
/*  Menu Deroulant   */
#conteneurmenu {
position:relative;
margin:0px;
padding:0px;
}
#conteneurmenu ul{
position:relative;
list-style:none;
margin:0px;
padding:8px;
padding-top:4px;
text-align:center;
background-image:url(../images/MenuDeroulant_Fond.png);
background-repeat:repeat;
border:#FFFFFF 1px solid;
line-height:15px;
}
#menu1 {
text-align:center;
}
#menutest a:hover{
color:#FFFFFF;
}
.absDiv { position: absolute; visibility: hidden; overflow: hidden }
/*  Fin Menu Deroulant  */

#bouton{ margin:0px; padding:0px; height:30px; width:200px; position:relative; margin-left:705px; margin-top:250px; }

.TitleNews {
	font-family:Tahoma, Arial, sans-serif;
	font-size:22px;
	color:#665c5c;
	text-align: right;
	float: right;
}

#footerNews {
	position:absolute;
	top:661px;
	left:385px;

}