@charset "utf-8";
/* CSS Document */
body
{
	font-family:"Century Gothic", Arial, sans-serif;
	background-color:#CCC;
	background-image:url(image/background.png);
	background-repeat:repeat-x;
}

*html body
{
	margin-top:8px;
}
p
{
	text-align:justify;
}
ul
{
	margin:0 0;
	padding:0 15px;
}
li
{
	padding-bottom:10px;
}
input
{
	border:none;
	border:2px solid #FFF;
}

input:hover
{
	border:none;
	border:2px solid #036;
}

textarea
{
	border:none;
	border:2px solid #FFF;	
}
textarea:hover
{
	border:none;
	border:2px solid #036;	
}
a
{
	text-decoration:none;
	color:#036;
}
a:hover
{
	color:#09C;
}
img 
{
	border:none;
}
ul
{
	margin-bottom:0;
}

#ensemble
{
	
	margin-left:auto;
	margin-right:auto;
	margin-top:-8px;
	padding-top:-10px;
	width:840px;
	height:610px;
	background-image:url(image/arriere-plan.png);
}
#zone_principale
{
	position:absolute;
	margin-left:41px;
	margin-top:132px;
	width:756px;
	height:423px;
	
	
	background-image:url(image/sous_arrirere_plan.png);
}
#zone_principale_approche_image_specifique
{
		position:absolute;
	margin-left:41px;
	margin-top:132px;
	width:756px;
	height:423px;
	
	
	background-image:url(image/approche/escalier.png);
}
#zone_principale_savoir_faire_image_specifique
{
		position:absolute;
	margin-left:41px;
	margin-top:132px;
	width:756px;
	height:423px;
	
	
	background-image:url(image/savoir_faire/pont_fond_image.png);
}


#zone_logo
{
	margin-top:20px;
	margin-left:40px;
	width:272px;
	position:absolute;
/*	border:1px solid red;*/	
}
.menu
{	
	font-size:14px;
	color:#00C;
	position:absolute;
	margin-left:359px;
	margin-top:30px;
	height:60px;
	color:#CC9;
}
.menu a
{
	color:#036;
}
.menu a:hover
{
	color:#09C;
}



#selecteur
{
	color:#FFF;
}
#selecteur:hover
{
	color:#09C;
}

.image_de_fond_menu
{
	position:absolute;
	margin-top:42px;
}
#acceuil
{
	position:absolute;
	margin-left:3px;
}
#presentation
{
	position:absolute;
	margin-left:73px;
}
#approche
{
	position:absolute;
	margin-left:181px;
}
#savoir_faire
{
	position:absolute;
	margin-left:268px;
	width:100px;
}
#recrutement
{
	position:absolute;
	margin-left:362px;
}

/************************************/
.fond_bouton_menu
{
	position:absolute;
	margin-top:17px;
		
}

#fond_bouton_acceuil
{
	width:70px;
	height:70px;
	margin-left:350px;
	
}
#fond_bouton_presentation
{
	width:101px;
	height:70px;
	margin-left:424px;
}
#fond_bouton_approche
{
	width:84px;
	height:70px;
	margin-left:530px;
}
#fond_bouton_savoir_faire
{
	width:91px;
	height:70px;
	margin-left:619px;
}
#fond_bouton_recrutement
{
	width:100px;
	height:70px;
	margin-left:714px;
}

/************************************/



#menu_separateur
{
	position:absolute;
	float:left;
	margin-left:421px;
	margin-top:17px;
}

#separateur2
{
	margin-left:100px;
}
#separateur3
{
	margin-left:85px;
}
#separateur4
{
	margin-left:90px;
}












#zone_drapeau
{
	position:absolute;
	margin-top:570px;
	padding-left:30px;
}
#drapeau_francais
{
	margin-left:13px;
}
#footer
{
	
	width:570px;
	font-size:10px;
	position:absolute;
	margin-top:574px;
	margin-left:105px;
	height:15px;
}
#bouton_contact
{	

	position:absolute;
	margin-top:569px;
	margin-left:690px;	
	width:100px;
	padding-left:17px;
}
#bouton_contact a  
{
	font-size:14px;
	color:#FFF;
}
#bouton_contact a:hover
{
	color:#09C;
}
#image_bouton_contact
{
	position:absolute;
	margin-left:677px;
	margin-top:562px;
	height:50px;
}

/*******************************************************************/
/*********************pour la page d'acceuil************************/
/*******************************************************************/
#titre_acceuil
{
	margin-top:40px;
	margin-left:250px;
	position:absolute;
}
.acceuil_cadre
{
	color:#FFF;
	font-size:14px;
	position:absolute;
	width:470px;
	height:50px;
	margin-left:30px;
}
#acceuil_cadre1
{
	margin-top:140px;
}
#acceuil_cadre2
{
	margin-top:220px;
}
#acceuil_cadre3
{
	margin-top:300px;
}
.puce
{
	margin-top:10px;
	margin-bottom:100%;
	float:left;
	margin-right:10px;
}
#image_fond_acceuil
{
	position:absolute;
	margin-top:115px;
	margin-left:15px;
}


/*******************************************************************/
/*********************pour la page de présentation************************/
/*******************************************************************/
#cadre_texte
{
	font-size:13px;
	color:#036;
	width:450px;
	position:absolute;
	margin-top:70px;
	margin-left:190px;
	
}
#image_texte_principale
{
	position:absolute;
	margin-top:65px;
	margin-left:100px;
}
#titre_presentation_haut_gauche
{
	position:absolute;
	margin-top:13px;
	margin-left:15px;
}
#titre_presentation_haut_droit
{
	position:absolute;
	margin-top:40px;
	margin-left:250px;	
}

/*******************************************************************/
/*********************pour la page approche************************/
/*******************************************************************/
#zone_approche
{
	position:absolute;
	margin-top:50px;
	margin-left:90px;
	width:563px;
	background-color:#FFF;
}
.titre_barre_zone_approche
{
	position:absolute;
	width:400px;
	margin-top:6px;
	margin-left:75px;
	font-size:12px;
	color:#FFF;
	
}
*html .image_barre_zone_approche
{
	margin-top:-2px;
	margin-bottom:-3px;
}
.texte_principale_zone_approche
{	

	background-image:url(image/approche/fond_text_principale.png);
	background-repeat:no-repeat;	
	padding-left:60px;
	display:none;
	font-size:12px;
	color:#036;	
}
.texte_principale_zone_approche_espacement
{
	padding:5px 10px 5px 10px;
	text-align:justify;
}
#article1
{
	display:block;
}
.ensemble_article_zone_approche
{
		cursor:pointer;
}


/*******************************************************************/
/*********************pour la page contact************************/
/*******************************************************************/
#image_font_texte_contact
{	
	position:absolute;
	margin-top:55px;
	margin-left:80px;
}
#logo_texte_contact
{
	position:absolute;
	margin-top:70px;
	margin-left:210px;
}
#image_carte_contact
{
	position:absolute;
	margin-top:192px;
	margin-left:150px;	
}
#adresse_contact
{
	position:absolute;
	width:287px;
	height:60px;
	margin-top:126px;
	margin-left:149px;
	color:#FFF;
	text-align:center;
	font-size:13px;
}
.formulaire_contact
{
	position:absolute;
	width:215px;
	max-height:321px;
	margin-top:62px;
	margin-left:450px;
	font-size:11px;
	color:#FFF;
}
.formulaire_contact input
{
	width:100%;
}

#envoyer_formulaire_contact
{
	width:100px;
	cursor:pointer;
}
#message_contact
{
	width:100%;
	heigt:100%;
}

/*******************************************************************/
/*********************pour la page recrutement************************/
/*******************************************************************/
#image_fond_texte_recrutement
{
	position:absolute;
	margin-top:50px;
	margin-left:80px;
}
.formulaire_recrutement
{
	color:#FFF;
	font-size:12px;
	position:absolute;
	margin-top:60px;
	margin-left:355px;
	width:310px;
	height:290px;
}
.largeur_champ_formulaire_recrutement
{
	width:223px;
}
#texte_formulaire_gauche
{
	position:absolute;
	margin-top:60px;
	margin-left:90px;
	width:170px;
	height:310px;
	font-size:13px;
	color:#036;
}


#message_recrutement
{
	width:223px;
	heigt:100%;
}
#bouton_radio_recrutement input
{
	display:inline;
	border:none;
}
/*******************************************************************/
/*********************pour la page savoir_faire************************/
/*******************************************************************/
.sous_menu
{
	position:absolute;
	float:left;
	margin-left:619px;
	margin-top:59px;
	width:92px;
	display:none;
}
.lien
{
	display:none;
}

*html .sous_menu
{
	margin-top:61px;
}
.image_sous_menu
{
	padding-top:2px;
	width:91px;
	height:15px;	
	cursor:pointer;
	/*display:none;*/





}
.lien
{
/*	display:none;*/
}









*html .image_sous_menu
{
	padding-top:0px;
}
#strategie
{
	margin-top:2px;
}
#developpement
{
	margin-top:19px;
}
#marketing
{
	margin-top:37px;
}
#relation_client
{
	margin-top:54px;	
}
.sous_menu a
{
	position:absolute;
	margin-left:4px;
	float:left;
	color:#FFF;		
	font-size:10px;
}
.sous_menu a:hover
{
	color:#36C;		
		cursor:pointer;
}

.destination_savoir_faire
{
	position:absolute;
	width:756px;
	height:423px;
	
	display:none;		
}
.barre_deroulement_savoir_faire
{
	cursor:pointer;
}














#destination_savoir_faire_1
{
	display:block;
}



#titre_haut_gauche_savoir_faire
{
	position:absolute;
	
	margin-top:13px;
	margin-left:15px;
}




.zone_tableau_dynamique
{
		position:absolute;
		margin-top:60px;
		margin-left:90px;
		font-size:12px;
}



.cote_gauche_savoir_faire
{

}
.image_texte_gauche_savoir_faire
{
	position:absolute;
}
.texte_gauche_savoir_faire
{
	position:absolute;
	margin-left:70px;
	margin-top:10px;
	width:200px;
	height:255px;
	color:#036;

}

.cote_droit_a_cacher_savoir_faire
{
	display:none;

	position:absolute;
	width:282px;
	height:275px;
	margin-left:282px;

}
*html .cote_droit_a_cacher_savoir_faire
{
	margin-left:280px;
}

.image_texte_droit_savoir_faire
{
	position:absolute;

}
.texte_droit_savoir_faire
{
	position:absolute;
	margin-left:75px;
	margin-top:10px;
	width:185px;
	height:255px;
	color:#FFF;

	
	
}


#traduction
{
	color:#FFF;
	font-size:18px;
	margin-left:260px;
	margin-top:200px;
}