/* CSS Document */

/* Styles généraux textes */

body {
   font-family: arial; 
   font-size: 13px; 
   color: #003366;
   margin-top: 0px;
   background-image: url("images/fonds/fond.png");}

a {color: #003366; font-weight: bold; text-decoration: none;}

a:hover{text-decoration: underline;}

H1 {font-size: 16px; color: #666666; font-weight: bold;}

H2 {font-size: 14px; color: #ffffff; font-weight: bold;}

H3 {font-size: 12px; color: #ffffff; font-weight: bold;}

.lien_rose_medium {color: #FF0099; font-size: 13px; text-decoration: none;}

.lien_rose_medium a{color: #FF0099; font-weight: bold; text-decoration: none;}

.lien_rose_medium a:hover{text-decoration: underline;}

.lien_gris_medium {color: #666666; text-decoration: none;}

.lien_gris_medium a{color: #666666; text-decoration: none;}

.lien_gris_medium a:hover{color: #666666; text-decoration: underline;}

li {liste-style-image: url(images/fleches/fleche_rouge.gif);}

/* Style mise en page generale du site */

#page {width: 901px; text-align: left;}

#labels {height: 20px; margin-top: 10px;}

#label {

   width: 300px; 
   height: 20px;
   margin-left: 10px; 
   padding-left: 46px; 
   color: #999999;
   float: left;
   font-size: 12px;
   text-align: left;}
   
#label_tnshc {

   width: 300px; 
   height: 20px;
   margin-left: 10px; 
   padding-left: 46px; 
   color: #999999;
   float: left;
   font-size: 12px;
   text-align: left;}

#label_tns {

   width: 200px; 
   height: 20px;
   margin-left: 290px; 
   color: #999999;
   float: left;
   font-size: 12px;
   text-align: right;}
   
#label_tns a{color: #999999; text-decoration:none; font-weight: normal;}
#label_tns a:hover{text-decoration:underline;}

#header {

	width: 901px; 
	height: 123px;
	background: url(images/home/home_contour_haut.png) no-repeat;
	float: left;
	text-align: right;}
	

#middle {
	width: 901px;
	margin-top: 0px;
	background: url(images/fonds/fond_page.png) repeat-y 0 0px;
	text-align: left;
	float: left;}
	
#footer {
    
	width: 900px;
	height: 32px;
	background: url(images/fonds/fond_page.png) repeat-y 0 0px;
	text-align: left;
	float: left;}
	
#footer #text {

   width: 840px;
   font-size: 11px;
   margin-left: 28px;
   color: #999999;
   margin-top: 2px;}

#footer #text a{color: #999999; font-weight: normal; font-decoration: none;}
#footer #text a:hover{font-decoration: underline;}

#ligne {width: 900px; height: 26px; float: left; background: url(images/fonds/fond_page.png) repeat-y 0 0px;
	text-align: left;}

#ligne img {margin-top: 10px; margin-bottom: 10px; margin-left: 26px; height: 3px; float: left;}
   
#conditions {
    
	width: 900px; 
	height: 32px;
	background: url(images/fonds/fond_page.png) repeat-y 0 0px;
	text-align: left;
	float: left;}

#conditions .texte {margin-left: 23px; margin-top: 6px;}
	
#conditions .texte a {

    color: #003366;
	font-size: 11px;
    text-decoration: none;
	font-weight: normal;
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #999999;
	padding-left: 6px;
	padding-right: 6px;
}

#conditions a:hover {color: #ff0099; border-right-color: #999999;}
#conditions a.selected {color: #ff0099; border-right-color: #999999; font-weight: bold;}

#bottom {

     height: 43px; 
	 width: 900px; 
	 background: url(images/home/home_contour_bas.png) no-repeat;
	 float: left;}
	
/* Styles menu haut de page */
	
#menu_haut {

    padding-top: 40px;
	padding-right: 30px;
	padding-left: 271px;
    width: 600px;
	height: 40px;
	font-size: 12px;
	text-align: right;}
	
#menu_haut a {

    color: #003366;
    text-decoration: none;
	font-weight: normal;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #999999;
	padding-left: 10px;
	padding-right: 10px;
}

#menu_haut a:hover {color: #ff0099; border-left-color: #ff0099;}

#menu_haut a.selected {color: #ff0099; border-left-color: #ff0099; font-weight: bold;}

/* Styles menu de navigation */

#menu_main {

	 width: 672px; 
	 height: 34px;
	 padding-top: 6px;
	 padding-left: 188px;
	 margin-right: 20px;
	 margin-left: 20px;
	 background-image: url("images/menus/main_fond.gif");
	 background-repeat: repeat-x;
	 background-position: bottom;}

#menu_main a {color: #666666; text-decoration: none; font-weight: bold; font-size: 12px;}
#menu_main a:hover{color: #cccccc;}
	 
#menu_main #accueil {

     width: 76px; 
	 height: 22px;
	 background-image: url("images/menus/main_accueil_out.gif");
	 padding-top: 10px;
	 padding-right: 6px;
	 margin-right: 2px;
	 margin-bottom: 4px;
	 float: left;}

#menu_main #accueil a {color: #666666; text-decoration: none;}
#menu_main #accueil a:hover{color: #cccccc;}

#menu_main #tns {
     width: 141px;
	 height: 22px;
	 background-image: url("images/menus/main_tnshc_out.gif");
	 padding-top: 10px;
	 padding-right: 6px;
	 margin-right: 2px;
	 margin-bottom: 2px;
	 float: left;}

#menu_main #tns.selected{background-image: url("images/menus/main_tnshc_on.gif");}

#menu_main #tns  a{color: #666666; text-decoration: none;}
#menu_main #tns  a:hover{color: #cccccc;}

#menu_main #expertise {
     width: 120px;
	 height: 22px;
	 background-image: url("images/menus/main_expertise_out.gif");
	 padding-top: 10px;
	 padding-right: 6px;
	 margin-right: 2px;
	 margin-bottom: 2px;
	 float: left;}

#menu_main #expertise.selected{background-image: url("images/menus/main_expertise_on.gif");}

#menu_main #solutions {
     width: 143px;
	 height: 22px;
	 background-image: url("images/menus/main_solutions_out.gif");
	 padding-top: 10px;
	 padding-right: 12px;
	 margin-right: 2px;
	 margin-bottom: 2px;
	 float: left;}

#menu_main #solutions.selected{background-image: url("images/menus/main_solutions_on.gif");}

#menu_main #syndic {
     width: 140px;
	 height: 22px;
	 background-image: url("images/menus/main_syndic_out.gif");
	 padding-top: 10px;
	 padding-right: 10px;
	 margin-right: 2px;
	 margin-bottom: 2px;
	 float: left;}

#menu_main #syndic.selected{background-image: url("images/menus/main_syndic_on.gif");}

/* Style home - Page d'accueil */

#home_cadre_banniere {

	width: 858px; 
	margin-left: 21px;
	margin-right: 21px;
	text-align: left;}
	
#home_cadre_banniere #tns {

	width: 242px; 
	height: 50px;
	float: left;
	background-image: url("images/bannieres/home_droite_bas.jpg");}
	
#home_cadre_banniere #tns #text {
 
	margin-top: 30px;
	width: 180px;}
	
#home_rubriques {

	width: 848px;
	height: 350px;
	margin-bottom: 4px;
	margin-left: 26px;
	margin-right: 21px;
	float: left;
	text-align: left;}

#home_rubriques #expertise{

	background-image: url("images/home/home_exp_fond.gif");
	background-repeat: no;
	background-position: bottom;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 3px;
	height: 350px;
	width: 275px;
	float: left;}

#home_rubriques #expertise #visuel {width: 265; text-align: center; margin: 3px 3px 6px 3px;}

#home_rubriques #expertise #text {width: 260; text-align: justify; margin: 5px 6px 12px 6px;}

#home_rubriques #expertise #text img {margin-top: 1px; margin-bottom: 1px;}

#home_rubriques #expertise #interieur {

    background-image: url("images/home/home_exp_interieur.gif");
	bacground-position: bottom;
	width: 256px;
	height: 148px;
	padding-top: 2px;
	padding-left: 6px;
	paddding-right: 6px;
    text-align: left;
	margin-left: 5px;
	margin-right: 5px;}
	
#home_rubriques #solutions{

	background-image: url("images/home/home_sol_fond.gif");
	background-repeat: no;
	background-position: bottom;
	margin-top: 2px;
	margin-left: 3px;
	margin-right: 3px;
	height: 350px;
	width: 275px;
	float: left;}
	
#home_rubriques #expertise #interieur a{ text-decoration: none;}
#home_rubriques #expertise #interieur a:hover{ text-decoration: underline;}

#home_rubriques #solutions #visuel {width: 265; text-align: center; margin: 3px 3px 6px 3px;}
	
#home_rubriques #solutions #text {width: 260; text-align: justify; margin: 5px 6px 12px 6px;}

#home_rubriques #solutions #text img {margin-top: 1px; margin-bottom: 1px;}

#home_rubriques #solutions #interieur {

    background-image: url("images/home/home_exp_interieur.gif");
	bacground-position: bottom;
	width: 253px;
	height: 148px;
	padding-top: 2px;
	padding-left: 6px;
	paddding-right: 6px;
    text-align: left;
	margin-left: 5px;
	margin-right: 5px;}
	
#home_rubriques #solutions #interieur a{ text-decoration: none;}
#home_rubriques #solutions #interieur a:hover{ text-decoration: underline;}
	
#home_rubriques #syndiquees {

	background-image: url("images/home/home_synd_fond.gif");
	background-repeat: no;
	background-position: bottom;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 1px;
	height: 350px;
	width: 275px;
	float: left;}
	
#home_rubriques #syndiquees #visuel {width: 265; text-align: center; margin: 3px 3px 6px 3px;}

#home_rubriques #syndiquees #text {width: 260; text-align: justify; margin: 5px 6px 12px 6px;}

#home_rubriques #syndiquees #interieur {

    background-image: url("images/home/home_synd_interieur.gif");
	bacground-position: bottom;
	width: 253px;
	height: 148px;
	padding-top: 2px;
	padding-left: 6px;
	paddding-right: 6px;
    text-align: left;
	margin-left: 5px;
	margin-right: 5px;}

#home_rubriques #syndiquees #interieur a{ text-decoration: none;}
#home_rubriques #syndiquees #interieur a:hover{ text-decoration: underline;}

#home_live {
    width: 848px;
	height: 320px;
	margin-left: 26px;
	margin-right: 21px;
	margin-top: 4px;
	float: left;
	text-align: left;}
	
#home_live .contenant_live {

    width: 279px;
	margin-top: 2px;
    margin-right: 3px;
	margin-bottom: 2px;
    float: left;}

#home_live .contenant_live .banniere_live {

   width: 279px;
   height: 36px;
   background-image: url(images/fonds/px_home_gris1.gif);
   float: left;}
   
#home_live .contenant_live .banniere_live .titre {

   font-weight: bold;
   text-align: left;
   margin-top: 8px;
   margin-left: 6px;} 
   
#home_live .contenant_live .contenant_pave {

    width: 279px;
	margin-top: 3px;
    float: left;
    background-image: url(images/fonds/px_home_gris2.gif);}
   
#home_live .contenant_live .contenant_pave .visuel {

   margin-top: 2px;
   margin-left: 1px;
   margin-right: 2px;
   padding-top: 1px;
   height: 96px;
   float: left;}
 
#home_live .contenant_live .contenant_pave .texte {

   width: 200px;
   height: 96px;
   margin-top: 1px;
   margin-left: 2px;
   text-align: left;
   float: left;}
   
#home_live .contenant_live .contenant_pave .date {color: #FF0099}
  
#home_live .contenant_live .cadre_lien {

   width: 268px;
   height: 36px;
   margin-top: 1px;
   text-align: right;
   float: left;} 
 
 #home_live .contenant_live .cadre_lien .lien  {

 margin-top: 8px;
 margin-bottom: 4px;
 margin-right: 4px;} 
 
#menu_banniere a {

  display: block;
  margin-top: 23px;
  margin-bottom: 23px;
  padding-right: 10px;
  text-align: right;
  color:#FF0099;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;} 
  
#menu_banniere a:hover {display: block; color:#FFCCFF; }
#menu_banniere a:visited {display: block; color:#FF0099; text-decoration:none;}
   
 /*Balises mise en page espaces des rubriques du site*/
 
#cadre_gauche {
 
  width: 163px;
  height: 300px;
  padding-left: 23px;
  padding-right: 2px;
  text-align: left;
  float: left;}

#cadre_gauche #titre {

	margin-top: 25px;
	margin-bottom: 5px;}

/*Menu de navigation - Partie gauche du site*/

#cadre_gauche #menu {

	width: 161px;
	margin: 0px;
	float: left;}

#cadre_gauche #menu a{

	color: #333366;
	background-position: left;
	background-position: top;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	padding-top: 2px;
    padding-left: 8px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-bottom: 1px;
    diplay: block;
	float: left;}

#cadre_gauche #menu .pt a{

    height: 17px;
	width: 148px;
	background-image: url("images/menus/menu_left_fond_pt_on.gif");}

#cadre_gauche #menu .pt a:hover{

	background-image: url("images/menus/menu_left_fond_pt_over.gif");
    color: #CCCCFF;}

#cadre_gauche #menu .pt a.selected{

	background-image: url("images/menus/menu_left_fond_pt_out.gif");
	color: #FF0099;}

#cadre_gauche #menu .gd a{

    height: 32px;
	width: 148px;
	background-image: url("images/menus/menu_left_fond_gd_on.gif");}

#cadre_gauche #menu .gd a:hover{

	background-image: url("images/menus/menu_left_fond_gd_over.gif");
	color: #CCCCFF;}

#cadre_gauche #menu .gd a.selected {

	background-image: url("images/menus/menu_left_fond_gd_out.gif");
	color: #FF0099;}

/*Balises mise en page espaces des rubriques du site*/

#lignes {

	height: 600px;
	width: 4px;
    float: left;}
	
#contenu {

	width: 460px;
	margin: 0px;
	text-align: left;
    float: left;}

#contenu #navigation {
    
	width: 442px;
	color:  #cccccc;
	font-size:  11px;
	margin-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;}

#contenu #navigation .lien_rose_medium{font-size: 11px;};

#contenu #titre {
    
	display: block;
	width: 442px;
	margin-top: 8px;
    margin-left: 8px;
	height: 30px;
	border: #F09 thin dotted;
	float: left;}

#contenu H1 {
    
	display: block;
	width: 442px;
	margin-top: 8px;
    margin-left: 8px;
	margin-bottom: 8px;
	float: left;}

#contenu #intro {
    
	width: 442px;
	text-align: justify;
	color: #666666;
	font-size: 15px;
	margin-bottom: 8px;
	margin-left: 10px;
	float: left;}

#contenu #banniere {width: 446px; margin-left: 13px; float: left;}


#pages_milieu img {
    
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;}

/*Style des rubriques partie centrale de la page*/

.paragraphe {

	width: 428px; 
	margin-left: 12px; 
	margin-top: 14px; 
	margin-bottom: 6px;
	float: left;}

.titre_paragraphe {
    
	width: 428px; 
	height:23px; 
	padding-left: 18px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	color: #ffffff;

}

.fond_paragraphe {width: 440px; float: left;}

.text_paragraphe {
	
	width: 400px; 
	padding: 10px 10px 14px 13px;
	float: left;
	text-align: justify;
}

.titre_paragraphe_tns {background-image:url('images/fonds/pages_tns_titre.gif'); background-repeat: no-repeat; background-position: top left;}

.fond_paragraphe_tns {background-image:url('images/fonds/pages_tns_fond.gif'); background-repeat: no-repeat; background-position: bottom;}

.titre_paragraphe_syndic {background:url("images/fonds/pages_syndic_titre.gif") no-repeat; background-position: top left; }

.fond_paragraphe_syndic {background:url('images/fonds/pages_syndic_fond.gif'); background-repeat: no-repeat; background-position: bottom left;}

.titre_paragraphe_solutions {background:url('images/fonds/pages_solutions_titre.gif') no-repeat top left; }

.fond_paragraphe_solutions {background:url('images/fonds/pages_solutions_fond.gif'); background-repeat: no-repeat; background-position: bottom left;}

.titre_paragraphe_exp {background:url('images/fonds/pages_exp_titre.gif') no-repeat top left; }

.fond_paragraphe_exp {background:url('images/fonds/pages_exp_fond.gif'); background-repeat: no-repeat; background-position: bottom left;}

/*Style des rubriques petit format partie centrale de la page*/

.paragraphe_petit {

	width: 215px; 
	margin-top: 14px; 
	margin-left: 12px; 
	margin-bottom: 6px;
	float: left;}

.titre_paragraphe_petit {
    
	width: 198px; 
	height:23px; 
	padding-left: 18px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	color: #ffffff;;

}

.fond_paragraphe_petit {width: 215px; float: left;}

.text_paragraphe_petit {
	
	width: 192px; 
	margin-left: 12px;
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: justify;
	float:left;
}

.fond_forums_recrut {
	
	width: 190px; 
    height: 40px;
	margin-top: 4px;
	text-align: left;
	background-image:url('images/fonds/fond_forums_recrut.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	float:left;
}

.titre_paragraphe_petit_tns {background-image:url('images/fonds/pages_tns_titre_petit.gif'); background-repeat: no-repeat; background-position: top left;}

.fond_paragraphe_petit_tns  {background-image:url('images/fonds/pages_tns_fond_petit.gif'); background-repeat: no-repeat; background-position: bottom left;}

.titre_paragraphe_petit_exp {background-image:url('images/fonds/pages_exp_titre_petit.gif'); background-repeat: no-repeat; background-position: top left;}

.fond_paragraphe_petit_exp  {background-image:url('images/fonds/pages_exp_fond_petit.gif'); background-repeat: no-repeat; background-position: bottom left;}

/*Style Témoignages*/
	
.temoignage {

	width: 300px;
	margin-top: 4px;
	margin-left: 11px;
	margin-bottom: 8px;
	float: left;}

.temoignage_haut {

	width: 439px;
	height: 10px;
	background-image:url('images/fonds/pages_temoignages_haut.gif'); 
	background-repeat: no-repeat; 
	background-position: top left;
	float: left;
	float: left;}

.temoignage_fond {

	width: 439px;
	background-image:url('images/fonds/pages_temoignages_fond.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	float: left;}

.temoignage_visuel {

	width: 70px;
	margin-left: 12px;
	float: left;}

.temoignage_texte {

	width: 330px;
	margin-left: 14px;
	text-align: justify;
	float: left;}



/*Style Contenu dynamique partie qui sommes nous Page Annonces- Evènements*/

.annonces_cadre {
	
	width: 400px;
	margin-top: 4px;
	margin-bottom: 8px;
	text-align: justify;
	float: left;}
	
.annonces_cadre_violet {background: url(images/fonds/fond_degrade_violet.png) top no-repeat;}
.annonces_cadre_mauve {background: url(images/fonds/fond_degrade_mauve.gif) top no-repeat;}
.annonces_cadre_bleu {background: url(images/fonds/fond_degrade_bleu.gif) top no-repeat;}

.annonces_image {margin-top: 4px; margin-right: 8px; margin-left: 4px; margin-bottom: 4px; float: left;}
.annonces_text {width: 350px; margin-top: 4px; margin-bottom: 6px; text-align: justify; float: left;}

/*Style cadre de droite*/

#cadre_droite {
 
  width: 210px;
  padding-top: 25px;
  text-align: left;
  float: left;}
  
.rubrique {

	width: 20Opx;
	margin-left: 6px;
	margin-right: 2px;
	margin-bottom: 14px;
	float: left;}

.titre_fond {width: 190px; height: 25px;}
	
.titre_fond_contacts {background-image:url('images/menus/menu_right_contacts_titre.gif');}

.titre_fond_brochure {background-image:url('images/menus/menu_right_brochure_titre.gif');}

.titre_fond_wordwide {background-image:url('images/menus/menu_right_wordwide_titre.gif');}
	
.titre_texte {
	
	height: 16px;
	width: 50x;
	margin-left: 12px;
	margin-top: 4px;
	float:left;
	color: #ffffff;
	font-weight: bold;}

.titre_texte a {color: #ffffff; text-decoration: none;}
.titre_texte a:hover {text-decoration: underline;}

.visuel {
    width: 54px;
	height: 46px;
	margin-left: 4px;
	margin-top: 4px;
	float: left;}

.legende {

	width: 133px;
	margin-top: 4px;
	margin-left: 6px;
	margin-bottom: 6px;
	float: left;
	text-align: justify;}

.redirection {

	margin-top: 10px;
	padding-left: 53px;
	padding-right: 1px;
	margin-right: 1px;
	text-align: justify;
	float:left;
	border: 1px dashed #555555;}


.fond_rubrique_brochure {	
    
	background-image:url('images/menus/menu_right_brochure_fond.gif');
	background-repeat: no-repeat;
	background-position: bottom;}

.fond_rubrique_contacts {	
    
	background-image:url('images/menus/menu_right_contacts_fond.gif');
	background-repeat: no-repeat;
	background-position: bottom;}
	
.fond_rubrique_worldwide {	
    
	background-image:url('images/menus/menu_right_worldwide_fond.gif');
	background-repeat: no-repeat;
	background-position: bottom;}
	
.fond_rubrique_graphs {	
    
	height: 200px;
	width: 200px;
	background-image:url('images/menus/menu_right_graphs_fond_3.gif');
	background-repeat: no-repeat;
	background-position: bottom left;}
	
.affichage_solutions_droite {	
    
	width: 176px; 
    height: 40px;
	margin-top: 6px;
	margin-left: 10px;
	text-align: left;
	background-image:url('images/fonds/fond_forums_recrut.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	float:left;}
	
.affichage_type_etude_droite {	
    
	width: 176px; 
    height: 26px;
	margin-top: 6px;
	margin-left: 10px;
	text-align: left;
	background-image:url('images/fonds/fond_forums_recrut.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	float:left;}
	
.alerte_generale {font-weight: bold; color:#FF0000;}

.alerte_champs {color:#FF0000;}

#article {text-align: justify; width: 420px;}

#article img{ float: left; margin-right: 16px; margin-top: 2px;}

#article #titre { width: 441px; background-image:url('images/fonds/pages_exp_titre.gif'); background-repeat: no-repeat; background-position: top; padding-left: 13px; padding-top:8px;}

/*Style  Slogan*/

.slogan {

   margin-top: 10px;
   margin-bottom: 10px;
   width: 441px;
   height: 110px;
   float: left;
   background-image:url('images/fonds/fond_rose.png');}
   
.slogan .text{

   width: 320px;
   height: 70px;
   margin-top: 10px;
   margin-left: 100px;
   color:#FFFFFF;
   font-size:14px;
   font-weight: bold;
   text-align: justify;
   font-style: italic;}


/*Style  Espace client*/

.espace_client {
    width: 600px;
	height: 400px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	background-image: url('images/fonds/px_home_gris1');
	float: left;
	border: 1px dashed #555555;}