@charset "utf-8";



/* CSS Document */








/* Corps de page */



html {



	width: 1000px;

height: 1100px;

	



}



	



body {



	height: 1100px;



}







a {



	text-decoration: none;



}







a:link { 



    text-decoration:none; 



}







a:visited { 



    text-decoration:none; 



}







a:hover { 



    text-decoration:underline;



}







a:active {



	text-decoration:none; 



}







h1 {



	text-align: center;



	font-weight: 100;



	font-size: 24px; 



}








/* Partie Editoriale */ 











#side1 {



	width: 226px;

height: 1100px;



	background-color: #FFF;



	color: #FFF;



    position: absolute;



	top:0px;



	left: 0px;



}







#banniere_bulle_edito{



	width: 226px;



	height: 30px;



	top: 0px;



	left: 0px;



	position: absolute;



	background-image:url(images/banniere_bulle_edito.png);



}







#profile_news {



	width: 174px;



	height: 22px;



	top: 35px;



	left: 0px;



	position: absolute;



	background-image:url(images/profile_news.png);



}







#baseline_edito {



	width: 145px;



	height: 17px;



	top: 60px;



	left: 20px;



	position: absolute;



	background-image:url(images/baseline_edito.png);



}







#newsletter a {



	font-family: Calibri, Arial, sans-serif;



	position:absolute;



	top: 130px;



	left: 70px;



	color: #859398;



	height: 17px;



	font-weight: 900;



}







#rss a {



    font-family: Calibri, Arial, sans-serif;



	position:absolute;



	top: 155px;



	left: 70px;



	color: #859398;



	height: 17px;



	font-weight: 900;



}







#cadre_edito {



	width: 210px; 



	top:200px; 



    float: none; 



	position: absolute; 



	margin-right: auto; 



	margin-left: 5px; 



	padding: 0; 



	text-align: left; 



	font-family: Calibri, Arial, sans-serif; 



	text-decoration: none;



	}



	



#titre_edito a {



	color: #618A8F; 



	text-decoration: none;



}







#titre_edito a:hover {



	color: #859398; 



	text-decoration: none;



}







#date_edito {



	font-family: Calibri, Arial, sans-serif; 



	font-size: 12px; 



	color: #A27503;



}











/* HEADER */











#main {



	width: 774px;



height: 1100px;


	left: 226px;



	background-color: #000000;



	color: #FFF;



	position: absolute;



	top: 0px;



	}



#main a {



	text-decoration:none;



}







.logo { /* Logo ProfilePR */



	width: 199px;



	height: 89px;



	top: 20px;



	left: 10px;



	position: absolute;



	background-image:url(images/logo_profilepr_final.png);



}



.banniere { /* Banniere Bulles */



	width: 500px;



	height: 170px;



	top: 0px;



	float: right;



	left: 274px;



	position: absolute;



}







.texte_chap { /* Baseline */



	width: 300px;



	top: 120px;



	left: 19px;



	color: #859297;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	position: absolute;



	font-weight:100;



}







.liens_accueil { /* Liens vers Blog */



    width: 190px;



	top: 210px;



	left: 10px;



	font-size: 14px;



	position: absolute;



	font-weight:100;



	text-decoration: none;



	color: #000;



}






.bouton_accueil_selected { /* Menu Haut */



	width: 70px;



	height: 70px;



	top: 20px;



	left: 300px;



	position: absolute;



	background-image:url(images/bouton_menu_accueil_hover.png)



}







.bouton_accueil { /* Menu Haut */



	width: 70px;



	height: 70px;



	top: 20px;



	left: 300px;



	position: absolute;



	background-image:url(images/bouton_menu_accueil.png)



}







.bouton_accueil:hover {



	background: url(images/bouton_menu_accueil_hover.png) no-repeat;



}


*html .bouton_accueil_selected { /* IE6*/


	width: 70px;


	height: 70px;


	top: 20px;


	left: 300px;


	position: absolute;


	background-image:url(images/bouton_menu_accueil_hover.gif)


}





*html .bouton_accueil { /* Menu Haut */


	width: 70px;


	height: 70px;


	top: 20px;


	left: 300px;


	position: absolute;


	background-image:url(images/bouton_menu_accueil.gif)


}





*html .bouton_accueil:hover {


	background: url(images/bouton_menu_accueil_hover.gif) no-repeat;


}





.text_accueil a {



	width: 70px;



	height: 50px;



	text-align: center;



	padding-top: 18px;



	color: #000;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	font-weight: 100;



	position: absolute;



	text-decoration: none;



	left: 0px;







}







.text_accueil a:hover {



	color: #FFF;

-color: black;


	text-decoration: none;



}







.bouton_metiers_selected {



	background: url(images/bouton_menu_metiers_hover.png) no-repeat;



	width: 64px;



	height: 64px;



	top: 130px;



	left: 350px;



	position: absolute;



}

* html .bouton_metiers_selected{

	background: url(images/bouton_menu_metiers_hover.gif) no-repeat;


	width: 64px;


	height: 64px;


	top: 130px;


	left: 350px;


	position: absolute;


}



.bouton_metiers {



	background: url(images/bouton_menu_metiers.png) no-repeat;



	width: 64px;



	height: 64px;



	top: 130px;



	left: 350px;



	position: absolute;



}



* html .bouton_metiers {

	background: url(images/bouton_menu_metiers.gif) no-repeat;


	width: 64px;


	height: 64px;


	top: 130px;


	left: 350px;


	position: absolute;


}



.bouton_metiers:hover {



	background: url(images/bouton_menu_metiers_hover.gif) no-repeat;



}







.text_metiers a{



    width: 65px;



	height: 50px;



	text-align: center;



	padding-top: 15px;



	color: #000;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	font-weight: 100;



	right: 0px;



	position: absolute;



	text-decoration: none;







}







.text_metiers a:hover {



	color: #FFF;

-color: black;


	text-decoration: none;



}










.bouton_agence_selected {



	background: url(images/bouton_menu_agence_hover.png) no-repeat;



	width: 60px;



	height: 60px;



	top: 120px;



	left: 500px;



	position: absolute;



}







.bouton_agence {



	background: url(images/bouton_menu_agence.png) no-repeat;



	width: 60px;



	height: 60px;



	top: 120px;



	left: 500px;



	position: absolute;



}



*html .bouton_agence_selected {


	background: url(images/bouton_menu_agence_hover.gif) no-repeat;


	width: 60px;


	height: 60px;


	top: 120px;


	left: 500px;


	position: absolute;


}





*html .bouton_agence {


	background: url(images/bouton_menu_agence.gif) no-repeat;


	width: 60px;


	height: 60px;


	top: 120px;


	left: 500px;


	position: absolute;


}





.bouton_agence:hover {



	background: url(images/bouton_menu_agence_hover.png) no-repeat;



}

*html .bouton_agence:hover { /* IE6*/


	background: url(images/bouton_menu_agence_hover.gif) no-repeat;


}






.text_agence a {



	width: 60px;



	height: 39px;



	text-align: center;



	padding-top: 22px;



	color: #000;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	font-weight: 100;



	position: absolute;



	left: 0px;



	top: 0px;







}







.text_agence a:hover {



	color: #FFF;

-color: black;


	text-decoration: none;



}







.bouton_references {



	background: url(images/bouton_menu_ref.png) no-repeat;



	width: 75px;



	height: 75px;



	top: 50px;



	left: 590px;



	position: absolute;



}






.bouton_references_selected {



	background: url(images/bouton_menu_ref_hover.png) no-repeat;



	width: 75px;



	height: 75px;



	top: 50px;



	left: 590px;



	position: absolute;



}





.bouton_references:hover {



	background: url(images/bouton_menu_ref_hover.png) no-repeat;



}



.text_agence a:hover {


	color: #FFF;

-color: black;

	text-decoration: none;


}





*html .bouton_references {


	background: url(images/bouton_menu_ref.gif) no-repeat;


	width: 75px;


	height: 75px;


	top: 50px;


	left: 590px;


	position: absolute;


}




*html .bouton_references_selected {


	background: url(images/bouton_menu_ref_hover.gif) no-repeat;


	width: 75px;


	height: 75px;


	top: 50px;


	left: 590px;


	position: absolute;


}



*html .bouton_references:hover {


	background: url(images/bouton_menu_ref_hover.gif) no-repeat;


}



.text_references a {



    width: 75px;



	height: 55px;



	text-align: center;



	padding-left: 0px;



	color: #000;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	font-weight: 100;



	padding-top: 20px;



	position: absolute;



	top: 0px;







}



.text_references a:hover{



	color: #FFF;

-color: black;


	text-decoration: none;



}











.bouton_contact {



	background: url(images/bouton_menu_contact.png) no-repeat;



	width: 56px;



	height: 56px;



	top: 120px;



	left: 700px;



	position: absolute;



}


*html .bouton_contact {


	background: url(images/bouton_menu_contact.gif) no-repeat;


	width: 56px;


	height: 56px;


	top: 120px;


	left: 700px;


	position: absolute;


}




.bouton_contact_selected {



	background: url(images/bouton_menu_contact_hover.png) no-repeat;



	width: 56px;



	height: 56px;



	top: 120px;



	left: 700px;



	position: absolute;



}

*html .bouton_contact_selected {


	background: url(images/bouton_menu_contact_hover.gif) no-repeat;


	width: 56px;


	height: 56px;


	top: 120px;


	left: 700px;


	position: absolute;


}





.bouton_contact:hover {



	background: url(images/bouton_menu_contact_hover.png) no-repeat;



}

*html .bouton_contact:hover {


	background: url(images/bouton_menu_contact_hover.gif) no-repeat;

}





.text_contact a {



    width: 57px;



	height: 37px;



	text-align: center;



	padding-top: 20px;



	color: #000;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	font-weight: 100;



	position: absolute;







}







.text_contact a:hover { /* Fin Menu Haut */



	color: #FFF;

	-color: black;


	text-decoration: none;



}















/* ---> Menu Gauche <--- */ 






/* menu gauche clients */



#menu_gauche_clients {




	width: 210px;




	height: 15px;




	position: absolute;




	top: 550px;




	left: 245px;


font-family: Calibri, Arial, sans-serif;



	font-size: 12px;

}






#menu_gauche_presse {



	background: url(images/menu_gauche_presse.png) no-repeat;



	width: 210px;



	height: 15px;



	position: absolute;



	top: 340px;



	left: 245px;



}







#menu_gauche_presse:hover {



	background: url(images/menu_gauche_presse_hover.png) no-repeat;



}



	



#menu_gauche_publiques {



	background: url(images/menu_gauche_publiques.png) no-repeat;



	width: 210px;



	height: 15px;



	position: absolute;



	top: 360px;



	left: 245px;



}







#menu_gauche_publiques:hover {



	background: url(images/menu_gauche_publiques_hover.png) no-repeat;



}







#menu_gauche_production {



	background: url(images/menu_gauche_production.png) no-repeat;



	width: 210px;



	height: 15px;



	position: absolute;



	top: 380px;



	left: 245px;



}







#menu_gauche_production:hover {



	background: url(images/menu_gauche_production_hover.png) no-repeat;



}







/* #menu_gauche_clients {



	background: url(images/menu_gauche_clients.png) no-repeat;



	width: 210px;



	height: 15px;



	position: absolute;



	top: 380px;



	left: 250px;



}







#menu_gauche_clients:hover {



	background: url(images/menu_gauche_clients_hover.png) no-repeat;



}







#menu_gauche_etudes {



	background: url(images/menu_gauche_etudes.png) no-repeat;



	width: 210px;



	height: 15px;



	position: absolute;



	top: 400px;



	left: 250px;



}







#menu_gauche_etudes:hover {



	background: url(images/menu_gauche_etudes_hover.png) no-repeat;



} */















/* ---> Nuage Tags Mini <--- */








#menugauche_accueil { /* CRISE */


	



left: 250px;


	

top: 420px;


	

color: #D4DCE0;


	

font-family: Calibri, Arial, sans-serif;


	

font-size: 14px;


    

position: absolute;


	

text-align: justify;


	

width: 210px;

border-left:0px solid #ffffff; /* couleur du cadre */
border-right:0px solid #ffffff;
border-bottom:0px solid #ffffff;
border-top:0px solid #ffffff;
padding-left:20px;
padding-right:20px;
}




#menugauche_crise { /* CRISE */


	





left: 250px;


	


top: 660px;


	


color: #D4DCE0;


	


font-family: Calibri, Arial, sans-serif;


	


font-size: 14px;


    


position: absolute;


	


text-align: justify;


	


width: 210px;

border-left:0px solid #ffffff; /* couleur du cadre */
border-right:0px solid #ffffff;
border-bottom:0px solid #ffffff;
border-top:0px solid #ffffff;
padding-left:20px;
padding-right:20px;
}





#menugauche_accueil_gros { /* CRISE */


	





font-size: 20px;


    

left: 250px;


	

top: 480px;


	

color: #D4DCE0;


	

font-family: Calibri, Arial, sans-serif;


	

position: absolute;


	

text-align: justify;


	

width: 210px;


}






#titre_sous_menu_metiers_tags {



	width: 200px;



	top: 470px;



	left: 250px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



}







#sous_menu_flashcontent_metiers {



	top: 500px;



	left: 200px;



	color:#3F0;



	position: absolute;



}







a.texte_rollover_sous_menu_metiers {



     position:relative;



     width:160px;



     z-index:24; 



     color: #A27503;



     text-decoration:none;



	 font-size: 14px;



	 font-weight: bold;



	 top: 2px;



	 left: 0px;



}



 



a.texte_rollover_sous_menu_metiers:hover {



	z-index:25;



	text-decoration:none;



}



 



a.texte_rollover_sous_menu_metiers span {



	display: none;



}



 



a.texte_rollover_sous_menu_metiers:hover span { 



    display:block; 



    position:absolute;



    color:#FFFFFF;



    text-align: center;



    font-weight:none;



	right: 180px;



	top: -120px;



}







.bulle_sous_menu_metiers { 



    position: absolute; 



    top: 0px; 



    left: 0px; 



    width: 345px; 



    height: 430px; 



}















/* ---> Nuage Tags métiers <--- */















#titre_metiers_tags {



	width: 200px;



	top: 350px;



	left: 260px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



}







#flashcontent_metiers {



	top: 500px;



	left: 200px;



	color:#3F0;



	position: absolute;



}















/* ---> Nos Metiers Menu <--- */















#contenu_metiers {



	width: 350px;



	height: 350px;



	float: left;



	left: 600px;



	top: 300px;



	text-align: center;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



	padding-right:200px;



}

a {

	
	color: #618A8F;
	text-decoration:none;

}

hover {

	text-decoration:none;

}




#contenu_giraud {




	width: 350px;




	height: 350px;




	float: left;




	left: 600px;




	top: 300px;




	text-align: justify;




	color: #D4DCE0;




	font-family: Calibri, Arial, sans-serif;




	font-size: 16px;




	position: absolute;




	padding-right:200px;




}

a {

	
	color: #618A8F;
	text-decoration:none;

}

hover {

	text-decoration:none;

}




#contenu_nos_metiers {



	width: 350px;



	height: 350px;



	left: 600px;



	top: 300px;



    float: left;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



}







a.texte_metiers_titre1{



	position:absolute;



	width: 350px;



	z-index:24;



	color: #618A8F;



	text-decoration:none;



	font-size: 30px;



	font-weight:100;



	line-height:1.0em;



	text-align: center;



	top: 80px;



	left: 0px;



	font-family: Calibri, Arial, sans-serif;



}



 



a.texte_metiers_titre1:hover {



    color: #859398; 



	text-decoration: underline;



}







#contenu_presse {



	width: 350px;



	height: 20px;



	left: 600px;



	top: 415px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



	text-align: center;



	font-weight:100;



}



	



a.texte_metiers_titre2{



	position:absolute;



	width: 350px;



	z-index:24;



	color: #618A8F;



	text-decoration: none;



	font-size: 30px;



	font-family: Calibri, Arial, sans-serif;



	font-weight:100;



	line-height:1.0em;



	text-align: center;



	top: 480px;



	left: 600px;



	position: absolute;



}



 



a.texte_metiers_titre2:hover {



    color: #859398; 



	text-decoration: underline;



}







#contenu_publiques {



	width: 350px;



	height: 20px;



	left: 600px;



	top: 515px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



	text-align: center;



	font-weight:100;



}







a.texte_metiers_titre3{



	position:absolute;



	width: 350px;



	z-index:24;



	color: #618A8F;



	text-decoration:none;



	font-size: 30px;



	font-family: Calibri, Arial, sans-serif;



	font-weight:100;



	line-height:1.0em;



	text-align: center;



	top: 580px;



	left: 600px;



	position: absolute;	 



}



 



a.texte_metiers_titre3:hover {



    color: #859398;



	text-decoration: underline;



}







#contenu_production {



	width: 350px;



	height: 20px;



	left: 600px;



	top: 615px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



	text-align: center;



	font-weight:100;



}







/* ---> L'agence<--- */







#agence1 { /* Texte Page */



	left: 460px;



	top: 400px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



    position: absolute;



	text-align: justify;



	width: 250px;



}







#agencechapo { /* Texte Page */



	font-size: 16px;



    width: 510px;



	left: 460px;



	top: 320px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	position: absolute;



	text-align: left;



	



}







#agence2 { /* Texte Page */



	left: 730px;



	top: 400px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



    position: absolute;



	text-align: justify;



	width: 250px;



}







#titre_agence {



	width: 450px;



	height: 350px;



	left: 460px;



	top: 250px;



    float: left;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



	position: absolute;



}

#titre_agence h1 {


	text-align: left;
width: 500px;

}





/* ---> Une Mission <--- */















#texte_principal { /* Texte Page */



	left: 630px;



	top: 320px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



    position: absolute;



	text-align: center;



	width: 300px;



}



/* Footer */


#footercorpo {


	left: 380px;



	top: 950px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 12px;



    position: absolute;



	text-align: center;



	width: 500px;

      
}

/* Footer */


#footerclients {


	left: 480px;



	top: 680px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 12px;



    position: absolute;



	text-align: center;



	width: 500px;

      
}



#texte_principal_2 { /* Texte Page après anim */



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 20px;



    position: absolute;



	text-align: center;



	top: 540px;



	left: 630px;



	width: 300px;



}







a.texte_rollover_1 { /* Bulle Marron */



     



     z-index:24; 



     color: #A27503;



     text-decoration:none;



	 font-family: Calibri, Arial, sans-serif;



	 font-size: 32px;



	 line-height:1.0em;



		 



}



 



a.texte_rollover_1:hover {



	z-index:25;



	text-decoration:none;



}



 



a.texte_rollover_1 span {



	display: none;



}



 



a.texte_rollover_1:hover span { 



    display:block; 



    position:absolute;



    color:#FFFFFF;



    text-align: center;



    font-weight:none;



	



}







.bulle1 { 



    position: absolute; 



    top: 0px; 



    left: 0px; 



    width: 345px; 



    height: 430px; 



}







a.texte_rollover_2 { /* Liens Bleu */



	



	width:300px;



	z-index:24;



	color: #618A8F;



	text-decoration:none;



	font-family: Calibri, Arial, sans-serif;



	font-size: 30px;



	line-height:1.0em;



	



	



	 



}



 



a.texte_rollover_2:hover {



    color: #859398;



	text-decoration:underline; 



}







#contenu_crise {



	width: 350px;



	height: 350px;



	float: left;



	left: 600px;



	top: 300px;



	text-align: center;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



	padding-right:200px;



}

a {

	
	color: #618A8F;
	text-decoration:none;

}

hover {

	text-decoration:none;

}



#contenu_crise2 {



	width: 350px;



	height: 350px;



	float: left;



	left: 600px;



	top: 300px;



	text-align: left;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 15px;



	position: absolute;



	padding-right:200px;



}

a {

	
	color: #618A8F;
	text-decoration:none;

}

hover {

	text-decoration:none;

}





/* ---> Nos Clients : Nuage de Tags <--- */















#flashcontent {



	top: 390px;



	left: 520px;



	color:#3F0;



	position: absolute;



}







#titre {



	width: 300px;



	top: 315px;



	left: 730px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 24px;



	position: absolute;



}







#flashcontent_small {



	top: 450px;



	left: 250px;



	color:#3F0;



	position: absolute;



}







#texte_ref {



    width: 450px;



	top: 400px;



	left: 520px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



}



    



	







/* --->Contact <--- */















#titre_formulaire {



	width: 405px;



	top: 310px;



	left: 580px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



}







table {



	position: absolute;



	top: 420px;



	border-color: #FFFFFF;



	left: 580px;



	/* width: 350px; */



}



	



#texte_contact {



    width: 200px;



	top: 340px;



	left: 250px;



	color:#FFF;



    font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	position: absolute;



}







#texte_contact_php {



    width: 200px;



	top: 350px;



	left: 650px;



	color:#FFF;



    font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



}







#titre_contact {



	width: 200px;



	top: 310px;



	left: 250px;



	color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	/* font-size: 24px; */



	position: absolute;



}



	



form {



	color:#FFF;



    font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



}







#input_nom



{



    border: 1px solid #fff;



    background: #000;



	width: 180px;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



}







#text_news{



    border: 1px solid #fff;



    background: #000;



	width: 180px;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	position: absolute;



	top: 400px;



	left: 300px;



}







#input_mail_news



{



    border: 1px solid #fff;



    background: #000;



	width: 180px;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;







}











#input_radio {



	background: #000;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



}







#input_societe{



	border: 1px solid #fff;



    background: #000;



	width: 180px;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



}







select {



	border: 1px solid #fff;



    background: #000;



	width: 180px;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



}







textarea {



	border: 1px solid #fff;



    background: #000;



	width: 180px;



	overflow: hidden;



	color: #FFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



}







#bouton {



	background: url(images/bouton_envoi.png) no-repeat;



	background-color: #000000;



	width: 70px;



	height: 20px;



	margin-top: 10px;



    color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	border: 0px;



	cursor: pointer;



	



}







#bouton_news {



	background: url(images/bouton_envoi.png) no-repeat;



	background-color: #000000;



	width: 70px;



	height: 20px;



	margin-top: 10px;



    color: #FFFFFF;



	font-family: Calibri, Arial, sans-serif;



	font-size: 16px;



	border: 0px;



	cursor: pointer;



}















/* Barometre */















#titre_baro {



    width: 200px;



	top: 460px;



	left: 250px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	position: absolute;



	font-weight:100;



}







a.baro_gauche {



	background: url(images/baro_gauche.png) no-repeat;



	width: 81px;



	height: 87px;



	position: absolute;



	top: 540px;



	left: 250px;



	



}







a.baro_gauche:hover {



	background: url(images/baro_gauche_hover.png) no-repeat;



	width: 81px;



	height: 87px;



	position: absolute;



	



}







a.baro_gauche:hover span { 



    background-image:url(images/aiguille_gauche.png);



	width: 34px;



	height: 29px;



	position: absolute;



	left: 70px;



	top: 60px;



    }







a.baro_mid {



	background: url(images/baro_mid.png) no-repeat;



	width: 102px;



	height: 60px;



	position: absolute;



	top: 527px;



	left: 298px;



}







a.baro_mid:hover {



	background: url(images/baro_mid_hover.png) no-repeat;



	width: 102px;



	height: 60px;



	position: absolute;



}







a.baro_mid:hover span { 



    background-image:url(images/aiguille_mid.png);



	width: 26px;



	height: 43px;



	position: absolute;



	left: 40px;



	top: 60px;



}







a.baro_droite {



	background: url(images/baro_droite.png) no-repeat;



	width: 75px;



	height: 87px;



	position: absolute;



	top: 540px;



	left: 373px;



}







a.baro_droite:hover {



	background: url(images/baro_droite_hover.png) no-repeat;



	width: 75px;



	height: 87px;



	position: absolute;



}







a.baro_droite:hover span { 



    background-image:url(images/aiguille_droite.png);



	width: 41px;



	height: 33px;



	position: absolute;



	left: -35px;



	top: 60px;



}



	



	







/* ---> Barometre Sous-Menu <--- */















#titre_baro2 {



    width: 200px;



	top: 700px;



	left: 250px;



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	position: absolute;



	font-weight:100;



}







a.baro_gauche2 {



	background: url(images/baro_gauche.png) no-repeat;



	width: 81px;



	height: 87px;



	position: absolute;



	top: 780px;



	left: 250px;



	



}







a.baro_gauche2:hover {



	background: url(images/baro_gauche_hover.png) no-repeat;



	width: 81px;



	height: 87px;



	position: absolute;



	



}







a.baro_gauche2:hover span { 



    background-image:url(images/aiguille_gauche.png);



	width: 34px;



	height: 29px;



	position: absolute;



	left: 70px;



	top: 60px;



}











a.baro_mid2 {



	background: url(images/baro_mid.png) no-repeat;



	width: 102px;



	height: 60px;



	position: absolute;



	top: 766px;



	left: 299px;



	



}







a.baro_mid2:hover {



	background: url(images/baro_mid_hover.png) no-repeat;



	width: 102px;



	height: 60px;



	position: absolute;



	



}







a.baro_mid2:hover span { 



    background-image:url(images/aiguille_mid.png);



	width: 26px;



	height: 43px;



	position: absolute;



	left: 40px;



	top: 60px;



}







a.baro_droite2 {



	background: url(images/baro_droite.png) no-repeat;



	width: 75px;



	height: 87px;



	position: absolute;



	top: 779px;



	left: 374px;



}







a.baro_droite2:hover {



	background: url(images/baro_droite_hover.png) no-repeat;



	width: 75px;



	height: 87px;



	position: absolute;



}







a.baro_droite2:hover span { 



    background-image:url(images/aiguille_droite.png);



	width: 41px;



	height: 33px;



	position: absolute;



	left: -35px;



	top: 60px;



}














/* Nos Clients */







#structure_client {



	position: absolute;



	top: 300px;



	left: 520px;



	width: 450px;



}







#titre_client {



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 26px;



	left: 80px;



}



#sous_titre_client {



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 14px;



	left: 80px;



}







#sous_titre_client a{



	text-decoration:none;



	color: #618A8F;



}











#texte_societe {



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	text-decoration: none;



	font-size: 18px;



}







#texte_client {



	color: #D4DCE0;



	font-family: Calibri, Arial, sans-serif;



	font-size: 12px;



	text-align:left;



}







#flashcontent_principal {



	top: 300px;



	left: 370px;



	color:#3F0;



	position: absolute;



}







#flashcontent_client {



	top: 350px;



	left: 200px;



	color:#3F0;



	position: absolute;



}