
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	/*background-image: url(../images/degrade_feuille2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #50AEDA;*/
}

h2 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 11px;
}

a {
	text-decoration: none;
}

/*########################################################
#    CONSTRUCTION ACCUEIL                               #
########################################################*/		
		
#index_accueil {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	text-align: center;
	background-color: #FFFFFF;
}

#index_accueil_entete {
	position: relative;
	float: left;
	width: 984px;
	height: 84px;
	background-image: url(../images/accueil/bandeau_haut.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;	
}

#index_accueil_top {
	position: relative;
	float: left;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	height: 333px;
	/*background-image: url(../images/accueil/top.jpg);*/
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#accueil_top_txt {
	position: relative;
	float: left;
	/*top: 10px;
	left: 236px;
	width: 507px;
	height: 111px;
	margin: 5px;
	text-align: left;
	color: #333333;
	font-family: verdana;
	font-size: 10px;
	display:none;*/
	left:0px;
	top:0px;
}

#accueil_top_titre {
	color: #CE2D00;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}

#index_accueil_down {
	position: relative;
	float: left;
	top: 12px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	height: 192px;
	z-index: 100;
}
#planSite{

    color:#9999a1;
    position:relative;
    top:20px;	
	font-size:9pt;	
		
		
}
#planSite fieldset {

		text-align:center;
		height:45px;		
}
		
#planSiteTop10{

    color:#9999a1;
    position:relative;
    top:10px;	
	font-size:10pt;	
		
		
}
#planSiteTop10 fieldset {

		text-align:center;
		height:45px;		
}
		
#planSiteTop10 a, #planSite a {
	color:#9999a1;	
	
	
		}		
#planSiteTop10 a:hover, #planSite a:hover {
	color:#CE2D00;	
	
	
		}												
#planSite fieldset legend, #planSiteTop10 fieldset legend{
        color:#040204;
		text-align:center;
				
}
		
			#index_rubrique_1 {
				position: relative;
				float: left;
				margin-left: 27px;
				_margin-left: 20px;
				margin-right: 27px;
				_margin-right: 20px;
				width: 192px;
				height: 192px;
				background-image: url(../images/accueil/rubrique_vert.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				z-index: 100;
				cursor: default;
				}	
			#index_rubrique_2 {
				position: relative;
				float: left;
				margin-left: 27px;
				_margin-left: 20px;
				margin-right: 27px;
				_margin-right: 20px;
				width: 192px;
				height: 192px;
				background-image: url(../images/accueil/rubrique_bleu.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				z-index: 100;
				cursor: default;
				}	
			#index_rubrique_3 {
				position: relative;
				float: left;
				margin-left: 27px;
				_margin-left: 20px;
				margin-right: 27px;
				_margin-right: 20px;
				width: 192px;
				height: 192px;
				background-image: url(../images/accueil/rubrique_orange.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				z-index: 100;
				cursor: default;
				}	
			#index_rubrique_4 {
				position: relative;
				float: left;
				margin-left: 27px;
				_margin-left: 20px;
				margin-right: 27px;
				_margin-right: 20px;
				width: 192px;
				height: 192px;
				background-image: url(../images/accueil/rubrique_jaune.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				z-index: 100;
				cursor: default;
				}	
		#index_rubrique_1_titre {
			color: #9ACB0A;
			position: relative;
			float: right;
			top: 8px;
			right: 8px;
			width: 125px;
			height: 40px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
		}

		#index_rubrique_1_detail {
			position: relative;
			float: left;
			top: 25px;
			left: 10px;
			width: 170px;
			height: 108px;
			color: #9ACB0A;
			text-align: left;
			font-family: verdana;
			font-size: 10px;
			font-weight: bold;
			display: block;
		}   

		#index_rubrique_1_detail li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			list-style-type: none;
			background-image: url(../images/accueil/puce.jpg);
			background-repeat: no-repeat;
			background-position: 0% 20%;
			padding-left: 15px;
			height: 18px;
			border-top: 2px dotted #d4d4d4;
		}	
		
		#index_rubrique_1_detail li a {
			color: #999999;
			cursor: pointer;
		}
			
		#index_rubrique_2_titre {
			color: #87B7FD;
			position: relative;
			float: right;
			top: 8px;
			right: 8px;
			width: 125px;
			height: 40px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
		}

		#index_rubrique_2_detail {
			position: relative;
			float: left;
			top: 25px;
			left: 10px;
			width: 170px;
			height: 108px;
			color: #87B7FD;
			text-align: left;
			font-family: verdana;
			font-size: 10px;
			font-weight: bold;
			display: block;
		}   

		#index_rubrique_2_detail li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			list-style-type: none;
			background-image: url(../images/accueil/puce.jpg);
			background-repeat: no-repeat;
			background-position: 0% 20%;
			padding-left: 15px;
			height: 18px;
			border-top: 2px dotted #d4d4d4;
		}	
		
		#index_rubrique_2_detail li a {
			color: #999999;
			cursor: pointer;
		}
			
		#index_rubrique_3_titre {
			color: #FFA54F;
			position: relative;
			float: right;
			top: 8px;
			right: 8px;
			width: 125px;
			height: 40px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
		}

		#index_rubrique_3_detail {
			position: relative;
			float: left;
			top: 25px;
			left: 10px;
			width: 170px;
			height: 108px;
			color: #FFA54F;
			text-align: left;
			font-family: verdana;
			font-size: 10px;
			font-weight: bold;
			display: block;
		}   

		#index_rubrique_3_detail li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			list-style-type: none;
			background-image: url(../images/accueil/puce.jpg);
			background-repeat: no-repeat;
			background-position: 0% 20%;
			padding-left: 15px;
			height: 18px;
			border-top: 2px dotted #d4d4d4;
		}	
		
		#index_rubrique_3_detail li a {
			color: #999999;
			cursor: pointer;
		}
			
		#index_rubrique_4_titre {
			color: #FFCA04;
			position: relative;
			float: right;
			top: 8px;
			right: 8px;
			width: 125px;
			height: 40px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
		}

		#index_rubrique_4_detail {
			position: relative;
			float: left;
			top: 25px;
			left: 10px;
			width: 170px;
			height: 108px;
			color: #FFCA04;
			text-align: left;
			font-family: verdana;
			font-size: 10px;
			font-weight: bold;
			display: block;
		}   

		#index_rubrique_4_detail li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			list-style-type: none;
			background-image: url(../images/accueil/puce.jpg);
			background-repeat: no-repeat;
			background-position: 0% 20%;
			padding-left: 15px;
			height: 18px;
			border-top: 2px dotted #d4d4d4;
		}	
		
		#index_rubrique_4_detail li a {
			color: #999999;
			cursor: pointer;
		}
			

.index_rubrique_titre {
	color: #333333;
	font-family: verdana;
}		
		
#index_accueil_pub1 {
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 202px;
	height: 84px;
/*	border-left: 1px solid #DDDDDD;*/
	/*border: 1px solid red;*/
}

#index_accueil_pub2 {
	float: right;
	position: relative;
	top: 0px;
	right: 30px;
	width: 202px;
	height: 84px;
/*	border-right: 1px solid #DDDDDD;*/
	/*border: 1px solid red;*/
}


#index_accueil_partenaires {
	position: relative;
	float: left;
	top: 30px;
	left: 0px;
	width: 100%;
	z-index: 5;
}

/*########################################################
#    CONSTRUCTION SOUSPAGE                              #
########################################################*/		
				
#feuille {									/* division entre body et /body */
	position: relative;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 100%;
	background-color: #FFFFFF;
	text-align: left;
}
		
#mainLeft {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	min-height: 100%;
	text-align: left;
}

#mainCenter {
	position: relative;
	float: left;
}

#mainRight {
	position: relative;
	float: left;
}

/*########################################################
#    Bandeau supérieur                                   #
########################################################*/
#Chapeau {
	position: relative;
	width: 960px;
	height: 10px;
	background-image: url(../images/chapeau2.jpg);
	background-repeat: no-repeat;
	/*background-position: 0px 0px;*/
	background-position: bottom;
	background-color: #00335A;
}

#Bandeau {
	position: relative;		
	left: 0px;
	width: 960px;
	height: 130px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#bandeau_gauche {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 410px;
	background-image: url(../images/bandeau_gauche2.jpg);
	background-position: 0px;
}

#logo_site {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 390px;
	height: 66px;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(../images/index_logo_new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#phrase_bandeau {
	position: absolute;
	left: 0px;
	top: 103px;
	width: 960px;
	height: 15px;
	color: #333333;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px outset #AAAAAA;
}

#bandeau_droite {
	position: absolute;
	top: 0px;
	left: 410px;
	height: 130px;
	width: 550px;
	background-image: url(../images/bandeau_droite2.jpg);
	background-position: 0px;
}

#logo_slogan {
	position: absolute;
	left: -2px;
	top: 20px;
	width: 550px;
	background-color: #FFFFFF;
	overflow: hidden;
}

/*########################################################
#    Colonne gauche                                      #
########################################################*/

.login {
	position: relative;
	float: left;
	clear:both;
	width: 188px;
	height: 122px;
	margin-bottom:5px;
	font-size: 12px;
	text-align: center;
	color: black;
	background-image: url(../images/accueil/login/login_fond.jpg);
	background-repeat: no-repeat;
	font-family:verdana;
}

#loginTitre {
	position: relative;
	top: 5px;
	left: 0px;
	width: 188px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:8pt;
}

#loginText {
	float: left;
	line-height: 25px;
	height: 40px;
	width: 45px;
	margin-top: 23px;
	font-size:8pt;
	_margin-top: 10px;
}

#loginText p {
	height: 22px;
	margin-left:9px;
}

#loginInput {
	float: left;
	clear:right;
	line-height: 25px;
	height: 40px;
	width: 90px;
	margin-left: 10px;
	margin-top: 23px;
	_margin-top: 10px;
}

#loginInput p {
	height: 22px;
}

#loginOk {
	position: relative;
	float: left;
	clear:right;
	top: 48px;
	_top: 38px;
	left: 14px;
}
#loginInfo {
font-size:7pt;
height:10px;
_height:0px;
position:relative;
clear:both;
top:8px;

width:190px;
}
#lienNormal{
position: relative;
color: #333333;
font-family: verdana;
font-size: 12px;
font-weight: normal;
font-style: normal;
cursor: pointer;
		
}		
.inscription {
    cursor:pointer;
    position:relative;
}

#loginInscription {
position:relative;
text-align:center;
top:10px; 
_top:-10px;		
width:190px;
}

#loginInscription a {
	font-family: verdana;
	font-size: 10px;
	color: black;
	cursor: pointer;
	font-weight: bold;
}

#Bloc_gauche {
	position: relative;
	clear: left;
	top: 10px;
	
	width: 192px;
	min-height: 650px;
	_height: 650px;
	_overflow-y: visible;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}

#gaucheMenuV4 {
	position: relative;
	float: left;
	clear:both;		
	top: 1px;
	width: 188px;
	font-size: 12px;
	text-align: center;
	color: black;
    margin-bottom:7px;
}

			#MenuV4_1 {
				position: relative;
				float: left;
				clear:both;
				width: 188px;
				height: 188px;
				background-image: url(../images/accueil/rubrique_orange.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				}	
			#MenuV4_2 {
				position: relative;
				float: left;
				clear:both;
				width: 188px;
				height: 188px;
				background-image: url(../images/accueil/rubrique_jaune.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				}	
			#MenuV4_3 {
				position: relative;
				float: left;
				clear:both;
				width: 188px;
				height: 188px;
				background-image: url(../images/accueil/rubrique_vert.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				}	
			#MenuV4_4 {
				position: relative;
				float: left;
				clear:both;
				width: 188px;
				height: 188px;
				background-image: url(../images/accueil/rubrique_bleu.jpg);
				background-repeat: no-repeat;
				background-color: #FFFFFF;
				}	
	
		
#MenuV4_contenu {
	position: relative;
	float: left;
	top: 20px;
	left: 6px;
	width: 180px;
}

#MenuV4_titre {
	color: #000000;
	position: relative;
	float: right;
	top: 8px;
	right: 8px;
	width: 125px;
	height: 40px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#MenuV4_contenu li {
	font-family: verdana;
	font-size: 10px;
	text-align: left;
	color: #004F8D;
	list-style-type: none;
	background-image: url(../images/accueil/puce.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1%;
	padding-left: 15px;
	height: 20px;
}

#MenuV4_contenu li a {
	color: #999999;
	cursor: pointer;
}

.MenuV4_actif {
	color: #000000;
	font-weight: bold; 
}

#gaucheRenseignementV4 {
	position: relative;
	float: left;
	top: 20px;
	width: 188px;
	font-size: 12px;
	text-align: center;
	color: black;
}


#gaucheRenseignementV4 table {
	border-collapse: collapse ;
	border: 0px;
}

.gaucheRenseignementCentre li {
	font-family: verdana;
	font-size: 10px;
	color: #004F8D;
	list-style-type: none;
	background-image: url(../images/accueil/puce.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1%;
	padding-left: 10px;
	height: 28px;
	border-top: 2px dotted #d4d4d4;
}

.gaucheRenseignementCentre li a {
	color: #004F8D;
	cursor: pointer;
}

.gaucheRenseignementHaut {
	position: relative;
	width: 188px;
	height: 46px;
	background-image: url(../images/accueil/renseignement/renseignement_haut.jpg);
	background-repeat: no-repeat;
}

.gaucheRenseignementCentre {
	position: relative;
	width: 188px;
	/*height: 83px;*/
	background-image: url(../images/accueil/renseignement/renseignement_centre.jpg);
	background-repeat: repeat-y;
}

.gaucheRenseignementBas {
	position: relative;
	width: 188px;
	height: 55px;
	background-image: url(../images/accueil/renseignement/renseignement_bas.jpg);
	background-repeat: no-repeat;
}

#gaucheRenseignementTitre {
	position: relative;
	float: left;
	top: 0px;
	left: 60px;
	font-family: verdana;
	font-size: 10px;
	color: #004F8F;
	font-weight: bold;
}

.categorie_colonne {
	width: 161px;
	margin: 4px 0px;
	padding: 0px 4px;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
}

.image_titre_colonne {
	margin: 4px 0px;
	text-align: center;
}

/*##########################
 # Flux
 ##########################*/

#bloc_souspage_flux {
	position: relative;
	float: left;
	top: 95px;
	left: 13px;
	width: 590px;
}

#bloc_souspage_flux table {
	border-collapse: collapse;
}

#detail_contenu_flux {
	position: relative;
	float: left;
	top: 5px;
	left: 10px;
	width: 555px;
}

.titre_colonne {
	width: 550px;
	color: #000000;
	font-family: verdana;
	font-size: 10px;
	text-align:justify;
}

.titre_colonne_formulaire {
	width: 163px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #98A8BD;
	color: #FFFFFF;
}

.titre_colonne_formulaire a {
	color: #222222;
}

.titre_colonne a {
	color: #333333;
}

.texte_colonne {
	width: 550px;
	color: #333333;
	font-family: verdana;
	font-size: 10px;
	text-align:justify;
}

.suite_colonne {
	width: 550px;
	font-family: verdana;
	font-size: 10px;
	text-align: right;
	border-bottom: 1px dotted #333333;
}

.suite_colonne a {
	color: #666666;
}

.tous_colonne {
	width: 500px;
	text-align: center;
}

.tous_colonne a {
	color: #000000;
}

/******* Flux *******/
#Flux_titre {
	visibility: visible;
	background-color: #135292;
	color: #FFFFFF;
	font-size: 10pt;
}

#Flux_minititre {
	text-align: right;
	color: #004a85;
	margin-right: 10px;
	font-size: 10pt;
}

/*Puces des titres des outils*/
ul.ul_flux {
	margin:0px;
	padding:0px;
	list-style-type: square;	
	font-size: 10pt;
	text-align: right;
	text-decoration: bold;
	/*font-family: Helvetica;*/
}

a.Flux_Lien_Resume {
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
	text-align: right;
}

a.Flux_Lien_Resume:hover {
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
	text-align: right;
}

a.Flux_Lien_Resume:hover #lienSuite {
	color: #000000;
	text-decoration: underline;
}

/******* Outils *******/
#lienSuite {
	color: #000000;
	text-align: right;
}

ul.ul_outil {
	list-style-type: square;	
	font-size: 12pt;
	text-align: right;
	text-decoration: bold;
	/*font-family: Helvetica;*/
}

#outils_resume {
	/*font-family: Helvetica;*/
	font-size: 10pt;
	text-align:right;
}

a.lien_outil {
	color: #535353;
	text-decoration: none;
}

a.lien_outil:hover #lienSuite {
	text-decoration: underline;
}

/******* Articles *******/
#outils_minititre_journal	{
	font-size: 14pt;
}
		
/*########################################################
#    Colonne droite                                      #
########################################################*/
#Bloc_droite {
	position: absolute;
	top: 0px;
	width:139px;
	/*min-height: 598px; */ /* 500 */
	min-height: 722px;
	_height: 722px;
	_overflow-y: visible;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}

.renseignement {
	position: relative;
	top: 0px;
	left: 0px;
	/*cursor:pointer;*/
	background-image: url(../images/appel_2.jpg);
	background-position: 0px ;
	margin: 4px 0px;
	height: 101px;
	width: 168px;
}

#texte_renseignement {
	position: relative;
	top: 32px;
	left: 16px;
	text-align: center;
}

#accueil_penet {
    background-image: url(../images/bloc_page_accueil.jpg);
    background-repeat:no-repeat;
    height:35px;
    padding-left:50px;
    padding-right:20px;
    padding-top:10px;
    margin-bottom:5px;
}
#accueil_penet a {

    color:#7f7f7f;
    font-size:9pt;
    margin-top:10px;
}
		
.flash {
	margin: 4px 0px;			
}

#gestion_webagoo {
	margin: 4px 0px;			
}

#image_journal_colonne {
	margin: 8px 0px;
}

/******* Appelez-moi *******/
#form_callme {
	margin:0px;
	padding:0px;
}

#callme_tel {
	background-image:url(../images/renseignez-vous.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:100%;
	height: 120px;
	font-size:11px;
	text-align:center;
}

#callme_photo {
	background-image:url(../images/standardiste.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height: 100px;
}

#callme_text {
	width: 85%;
	margin:0px;
	margin-left: auto;  /* CENTRAGE pour IE 6 & FF */
	margin-right: auto;  /* CENTRAGE pour IE 6 & FF */
}

/******* Météo *******/
#titre_meteo {
	text-transform: uppercase;
	font-size: 14pt;
	padding: 2px;	
	color: #996600;
	background-color: #f5dfa2;
	/*background-image: url(../images/index_annuaire.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}

/******* Journal *******/
#lejournal	{
	text-align: justify;
    background-color: #042a79; /* ou #00307a */
	color: #FFFFFF;
	width: 200px;
    margin-left: 175px;
    padding: 10px;
}

#titre_journaldl	{
	/* visibility: visible; */
	text-transform: uppercase;
	font-size: 14pt;
	padding: 2px;	
	color: #996600;
	background-color: #f5dfa2;
	/*background-image: url(../images/index_annuaire.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}
/******** Pub Ruvalis *******/
#titre_rivalis {
	position: absolute;
	width: 165px;
	height: 90px;
	padding-top: 1px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 7pt;
	color: #FFFFFF;
	background-color: #2F6799;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#titre_rivalis img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/******** Pub Droite generique *******/
.titre_pubDroite {
	position: relative;
	float: left;
	top: 0px;
	width: 138px;
	/*height: 100px;*/
	margin-top: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-family: verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
/*border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;*/
}

.titre_pubDroite img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/******* Témoignages *******/
#temoignage_resume {
	font-size: 10pt;
	text-align:justify;	
}

a.lien_temoignage {
	color: #535353;
	text-decoration: none;
}

a.lien_temoignage:hover #lienSuite {
	text-decoration: underline;
}

/******* Chiffres *******/
.lien_chiffre {
	color: #535353;
	text-decoration: none;	
}

.lien_chiffre:hover {
	color: #000000;
	text-decoration: underline;
}

/*########################################################
#    Menu central                                        #
########################################################*/
#Menu_centre {
	position: relative;
	float: left;
	top: 10px;
	left: 0px;
	width: 606px;
	height: 50px;
}	

/*----------------
- Onglets
-----------------*/

#menuOnglet {
  	float:left;
  	width:100%;
  	background-color: #002449;
	text-align: left;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
	font-weight: bold;  
  	color: #000000;
	line-height:normal;
	height: 50px;
  }
#menuOnglet ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#menuOnglet li {
  float:left;
  margin:0;
  padding:0 0 0 35px;
  }
	
			#menuOnglet li.menuOnglet_vert {
				background:url(../images/accueil/onglets/left_vert.gif) no-repeat left top;
				/*padding:0 0 0 30px;*/
				padding:0px 0px 0px 35px;
				height: 38px;
				_height: 43px;
				width: 111px;
				_width: 98px;
			}
			#menuOnglet li.menuOnglet_bleu {
				background:url(../images/accueil/onglets/left_bleu.gif) no-repeat left top;
				/*padding:0 0 0 30px;*/
				padding:0px 0px 0px 35px;
				height: 38px;
				_height: 43px;
				width: 111px;
				_width: 98px;
			}
			#menuOnglet li.menuOnglet_orange {
				background:url(../images/accueil/onglets/left_orange.gif) no-repeat left top;
				/*padding:0 0 0 30px;*/
				padding:0px 0px 0px 35px;
				height: 38px;
				_height: 43px;
				width: 111px;
				_width: 98px;
			}
			#menuOnglet li.menuOnglet_jaune {
				background:url(../images/accueil/onglets/left_jaune.gif) no-repeat left top;
				/*padding:0 0 0 30px;*/
				padding:0px 0px 0px 35px;
				height: 38px;
				_height: 43px;
				width: 111px;
				_width: 98px;
			}
#menuOnglet a {
  	float:left;
  	display:block;
  	background:url(../images/accueil/onglets/right.gif) no-repeat right top;
  	padding:0px 15px 8px 6px;
  	text-decoration:none;
  	font-weight:bold;
	color:#000000;
	height: 30px;
	_height: 35px;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menuOnglet a {float:none;}
/* End IE5-Mac hack */
#menuOnglet a:hover {
  color:#000000;
  } #menuOnglet #ongletcurrent {
  					background-image:url(../images/accueil/onglets/);
  					border-width:0;
					padding:0px 0px 0px 35px;
					height: 40px;
					_height: 45px;
					width: 105px;
					_width: 98px;
  				}
#menuOnglet #ongletcurrent a {
  	background-image: url(../images/accueil/onglets/right_on.gif);
  	color: #000000;
  	padding-bottom: 10px;
}

/*----------------
- Onglets fin
-----------------*/

#ongletDeroule1 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 9px;
	width: 145px;
	_width: 137px;
	height: 120px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	display: none;
}

#ongletDeroule1  a {
  	color: #999999;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
}

#ongletDeroule1 li {
 	padding-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	list-style-type: none;
}


#ongletDeroule2 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 156px;
	_left: 149px;
	width: 145px;
	_width: 137px;
	height: 120px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	display: none;
}

#ongletDeroule2  a {
  	color: #999999;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
}

#ongletDeroule2 li {
 	padding-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	list-style-type: none;
}

#ongletDeroule3 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 302px;
	_left: 288px;
	width: 145px;
	_width: 137px;
	height: 120px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	display: none;
}

#ongletDeroule3  a {
  	color: #999999;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
}

#ongletDeroule3 li {
 	padding-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	list-style-type: none;
}

#ongletDeroule4 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 448px;
	_left: 427px;
	width: 145px;
	_width: 136px;
	height: 120px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	display: none;
}

#ongletDeroule4  a {
  	color: #999999;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
}

#ongletDeroule4 li {
 	padding-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	list-style-type: none;
}

#ongletDeroule_actif a {
	color: #000000;
	font-family: verdana;
	font-size: 10px;
	_font-size: 9px;
	font-weight: bold;
}

	/*########################################################
	#    Colonne centrale                                    #
	########################################################*/
	#Bloc_centre {
		position: relative;
		clear: left;
		
		padding: 0px 0px;
		width: 609px;
		background-color: #FFFFFF;
		min-height: 663px;
		_height: 663px;
		_overflow-y: visible;
	}	

	/*########################################################
	#    Menu haut partie centrale                           #
	########################################################*/

	/*########################################################
	#    Contenu centre                                      #
	########################################################*/
	#presentation {
		position: relative;
		float: left;
		top: 15px;
		left: 0px;
		width: 100%;
	}

	#accroche {
		height: 60px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #135292;
	}

	#introductions { 
		position: relative;
		border-collapse: collapse;
		width: 580px;
		height: 320px;
		left: -10px;
	}
				#introduction_0 { 
					position: absolute;
					border-collapse: collapse;
					width: 145px;
					height: 300px;
					border-right: 1px solid #CCCCCC;
					left: 0px;
					color: #009933;
					/*background-color: #009933;*/
				}

				#introduction_titre_0 {
					height: 15px; 
					/*hauteur-réelle: 25px;*/
					width: 125px;
					left: 10px;
					position: relative;
					font-size: 8px;
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
					padding-top: 10px;
					color: white;
					background-image: url(../images/introduction_titre_0.jpg);
				}

				#introduction_titre_0 a {
					color: #FFFFFF;
				}

				#introduction_temoignage_0 {
					height: 90px; 
					/*hauteur-réelle: 100px;*/
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					padding-top: 10px;
					color: #009933;
					background-image: url(../images/introduction_temoignage.jpg);
				}

				#introduction_temoignage_0 a {
					color: #009933;
				}

				#introduction_photo_methode_0 {
					height: 83px;
					width: 125px;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					background-image: url(../images/introduction_photo_methode_0.jpg);
					background-repeat: no-repeat;
					background-position: 10px 10px;
				}

				#introduction_titre_methode_0 {
					height: 30px;
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 11px;
					font-weight: bold;
					/*font-family: Verdana, Helvetica, sans-serif;*/
					text-align: center;
					color: white;
					background-image: url(../images/introduction_titre_methode_0.jpg);
				}

				#introduction_titre_methode_0 a {
					color: #FFFFFF;
				}
				#introduction_1 { 
					position: absolute;
					border-collapse: collapse;
					width: 145px;
					height: 300px;
					border-right: 1px solid #CCCCCC;
					left: 145px;
					color: #FF6600;
					/*background-color: #FF6600;*/
				}

				#introduction_titre_1 {
					height: 15px; 
					/*hauteur-réelle: 25px;*/
					width: 125px;
					left: 10px;
					position: relative;
					font-size: 8px;
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
					padding-top: 10px;
					color: white;
					background-image: url(../images/introduction_titre_1.jpg);
				}

				#introduction_titre_1 a {
					color: #FFFFFF;
				}

				#introduction_temoignage_1 {
					height: 90px; 
					/*hauteur-réelle: 100px;*/
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					padding-top: 10px;
					color: #FF6600;
					background-image: url(../images/introduction_temoignage.jpg);
				}

				#introduction_temoignage_1 a {
					color: #FF6600;
				}

				#introduction_photo_methode_1 {
					height: 83px;
					width: 125px;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					background-image: url(../images/introduction_photo_methode_1.jpg);
					background-repeat: no-repeat;
					background-position: 10px 10px;
				}

				#introduction_titre_methode_1 {
					height: 30px;
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 11px;
					font-weight: bold;
					/*font-family: Verdana, Helvetica, sans-serif;*/
					text-align: center;
					color: white;
					background-image: url(../images/introduction_titre_methode_1.jpg);
				}

				#introduction_titre_methode_1 a {
					color: #FFFFFF;
				}
				#introduction_2 { 
					position: absolute;
					border-collapse: collapse;
					width: 145px;
					height: 300px;
					border-right: 1px solid #CCCCCC;
					left: 290px;
					color: #FFCC00;
					/*background-color: #FFCC00;*/
				}

				#introduction_titre_2 {
					height: 15px; 
					/*hauteur-réelle: 25px;*/
					width: 125px;
					left: 10px;
					position: relative;
					font-size: 8px;
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
					padding-top: 10px;
					color: white;
					background-image: url(../images/introduction_titre_2.jpg);
				}

				#introduction_titre_2 a {
					color: #FFFFFF;
				}

				#introduction_temoignage_2 {
					height: 90px; 
					/*hauteur-réelle: 100px;*/
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					padding-top: 10px;
					color: #FFCC00;
					background-image: url(../images/introduction_temoignage.jpg);
				}

				#introduction_temoignage_2 a {
					color: #FFCC00;
				}

				#introduction_photo_methode_2 {
					height: 83px;
					width: 125px;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					background-image: url(../images/introduction_photo_methode_2.jpg);
					background-repeat: no-repeat;
					background-position: 10px 10px;
				}

				#introduction_titre_methode_2 {
					height: 30px;
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 11px;
					font-weight: bold;
					/*font-family: Verdana, Helvetica, sans-serif;*/
					text-align: center;
					color: white;
					background-image: url(../images/introduction_titre_methode_2.jpg);
				}

				#introduction_titre_methode_2 a {
					color: #FFFFFF;
				}
				#introduction_3 { 
					position: absolute;
					border-collapse: collapse;
					width: 145px;
					height: 300px;
					border-right: 1px solid #CCCCCC;
					left: 435px;
					color: #990099;
					/*background-color: #990099;*/
				}

				#introduction_titre_3 {
					height: 15px; 
					/*hauteur-réelle: 25px;*/
					width: 125px;
					left: 10px;
					position: relative;
					font-size: 8px;
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
					padding-top: 10px;
					color: white;
					background-image: url(../images/introduction_titre_3.jpg);
				}

				#introduction_titre_3 a {
					color: #FFFFFF;
				}

				#introduction_temoignage_3 {
					height: 90px; 
					/*hauteur-réelle: 100px;*/
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					padding-top: 10px;
					color: #990099;
					background-image: url(../images/introduction_temoignage.jpg);
				}

				#introduction_temoignage_3 a {
					color: #990099;
				}

				#introduction_photo_methode_3 {
					height: 83px;
					width: 125px;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					background-image: url(../images/introduction_photo_methode_3.jpg);
					background-repeat: no-repeat;
					background-position: 10px 10px;
				}

				#introduction_titre_methode_3 {
					height: 30px;
					width: 125px;
					left: 10px;
					position:relative;
					font-size: 11px;
					font-weight: bold;
					/*font-family: Verdana, Helvetica, sans-serif;*/
					text-align: center;
					color: white;
					background-image: url(../images/introduction_titre_methode_3.jpg);
				}

				#introduction_titre_methode_3 a {
					color: #FFFFFF;
				}		
		.introduction_texte_methode {
			height: 60px;
			padding-top: 4px;
			padding-left: 10px;
			padding-right: 10px;
			color: #333333;
		}

		.introduction_titre a, .introduction_titre_methode a {
			color: #FFFFFF;
		}

		.introduction_texte_methode a {
			color: #333333;
		}

		#contenu_centre {
			min-height: 1500px;
			background-color: #FFFFFF;
			color: #333333;
			font-family: verdana;
			font-size: 10px;
		}

		/*####################################
		# Nouveau centre V4 
		####################################*/
		#titreV4_centre {
			position: relative;
			/*float: left;*/
			top: 15px;
			width: 582px;
			height: 208px;
			/*background-image: url(../images/accueil/methode/);*/
			/*background-image: url(../images/accueil/methode/);*/
			/*background-repeat: no-repeat;*/
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		} 		
			#titreV4_imgArticle {
				position: relative;
				float: left;
				top: 15px;
				left: 14px;
				width: 579px;
				height: 150px;
				background-image: url(../images/accueil/methode/);
				background-repeat: no-repeat;			
			}

			#texteV4_centre {
				position: relative;
				float: left;
				top: -180px;
				left: 140px;
				width: 282px;
				height: 62px;
				color: ;
				font-family: verdana;
				font-size: 15px;
				text-align: left;
			}		
		#article1V4 {
			position: relative;
			float: left;
			top: 25px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;
						
		}

		.articleV4_titre {
			position: relative;
			float: left;
			top: 5px;
			left: 6px;
			width: 260px;
			height: 20px;
			color: #333333;
			font-family: verdana;
			font-size: 11px;
			text-align: left;
		}

		.articleV4_resume {
			position: relative;
			float: left;
			top: 25px;
			left: 6px;
			width: 260px;
			height: 50px;
			color: #333333;
			font-family: verdana;
			font-size: 10px;
			text-align:justify;
			text-align: left;
		}

		.articleV4_resume_lien {
			color: #333333;
			font-family: verdana;
		}
		
		.articleV4_resume_lienvide {
			display: none;
		}
		
		#article2V4 {
			position: relative;
			float: right;
			top: 25px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}

		#article3V4 {
			position: relative;
			float: left;
			top: 35px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;			
		}
		
		#article4V4 {
			position: relative;
			float: right;
			top: 35px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}

		#article5V4 {
			position: relative;
			float: left;
			top: 45px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;			
		}
		
		#article6V4 {
			position: relative;
			float: right;
			top: 45px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
		
		#article7V4 {
			position: relative;
			float: left;
			top: 55px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
	
		#article8V4 {
			position: relative;
			float: right;
			top: 55px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
		
		#article9V4 {
			position: relative;
			float: left;
			top: 65px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
	
		#article10V4 {
			position: relative;
			float: right;
			top: 65px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}		
				
		#article11V4 {
			position: relative;
			float: left;
			top: 65px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
	
		#article12V4 {
			position: relative;
			float: right;
			top: 65px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}				
				
		#article13V4 {
			position: relative;
			float: left;
			top: 75px;
			left: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}
	
		#article14V4 {
			position: relative;
			float: right;
			top: 75px;
			right: 12px;
			width: 275px;
			height: 99px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;					
		}				
						
				
		#detailV4_centre {
			position: relative;
			float: left;
			top: 85px;
			left: 15px;
			width: 578px;
            margin-top:10px; 		
		}
		
		#detailV4_centre table {
			border-collapse: collapse;
		}		
		
		.detailV4_centreHaut {
			width: 578px;
			height: 33px;
			background-image: url(../images/accueil/methode/);
			background-repeat: no-repeat;							
		}

		.detailV4_CouleurRubrique {
			position: relative;
			float: left;
			top: 2px;
			left: 8px;
			width: 260px;
			height: 20px;
			font-family: verdana;
			font-size: 11px;
			text-align: left;

			color: #333333;			
		}
		
		.detailV4_centreCentre {
			width: 578px;
			background-image: url(../images/accueil/methode/bloc_long_centre.jpg);
			background-repeat: repeat-y;							
		}

		#detailV4_centreCentreGauche {
			position: relative;
			float: left;
			width: 280px;
			margin-top: 5px;
		}

		#detailV4_centreCentre ul {
			list-style-type: circle;
			list-style-position: outside;
		}

		#detailV4_centreCentreGauche li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			margin-left: 15px;
			height: 28px;

		}

		#detailV4_centreCentreDroite {
			position: relative;
			float: right;
			width: 280px;
			margin-top: 5px;
		}


		#detailV4_centreCentreDroite li {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			margin-left: 15px;
			height: 28px;
		}

		.detailV4_centreCentre li a {
			color: #999999;
			cursor: pointer;
		}

		
		.detailV4_centreBas {
			width: 578px;
			height: 15px;
			background-image: url(../images/accueil/methode/bloc_long_bas.jpg);
			background-repeat: no-repeat;							
		}

		/* Formulaires en SOUSPAGE */

		#formulaireV4_centre {
			position: relative;
			float: left;
			top: 15px;
			left: 15px;
			margin: 0px;
			padding: 0px;
			width: 578px;
		}
		
		#formulaireV4_flash {
			position: absolute;
			float: right;
			top: 0px;
			right: 0px;
			margin: 0px;
			padding: 0px;
			width: 196px;
			height: 206px;
			z-index: 9;
		}

		
		#formulaireV4_centreHaut {
			width: 578px;
			height: 23px;
			/*background-image: url(../images/accueil/methode/);*/
			background-image: url(../images/accueil/methode/bloc_long_haut.jpg);
			background-repeat: no-repeat;
		}

		#formulaireV4_CouleurRubrique {
			position: relative;
			float: left;
			top: 2px;
			left: 8px;
			width: 450px;
			height: 20px;
			font-family: verdana;
			font-size: 11px;
			text-align: left;

			color: #333333;	
		}
		
		#formulaireV4_centreCentre {
			position: relative;
			float: left;
			min-height: 170px;
			_height: 170px;
			overflow-y: visible;
			width: 578px;
			background-image: url(../images/accueil/methode/bloc_long_centre.jpg);
			background-repeat: repeat-y;							
		}

		.formulaireV4_ligne {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			margin-bottom: 8px;
			width: 250px;
		}

		.formulaireV4_ligne a {
			font-family: verdana;
			font-size: 10px;
			color: #999999;
			cursor: pointer;
		}

		#formulaireV4_centreCentre ul {

			list-style-type: circle;
			list-style-position: inside;		
		}

		#formulaireV4_centreCentre li {
			font-family: verdana;
			font-size: 11px;
			color: #999999;
			padding: 0px;
			margin: 0px;
			margin-bottom: 8px;
			margin-left: 15px;		
		}

		#formulaireV4_centreCentre li a {
			color: #004F8F;
			cursor: pointer;
		}

		
		#formulaireV4_centreBas {
			position: relative;
			float: left;
			width: 578px;
			height: 15px;
			background-image: url(../images/accueil/methode/bloc_long_bas.jpg);
			background-repeat: no-repeat;							
		}
		/* Fin des formulaires */

		/*####################################
		# Fin Nouveau centre V4 
		####################################*/

		
		.titre_centre {
			margin: 8px 0px;
			padding: 0px 12px;
			text-align: left;
			color: #333333;
			/*background-color: #000000;
			background-image: url(../images/methode_-1_coin.gif); /* coin bas gauche statique blanc */
			/*background-repeat: no-repeat;
			background-position: bottom left;*/
		}

		.titre_centre_accueil {
			margin: 4px 0px;
			padding: 0px 12px;
			text-align: left;
			color: #333333;
			background-color: #000000;
			background-image: url(../images/index_moteur.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
		}

		.texte_centre, #methode_contenu {
			position: relative;
			float: left;
			margin-top: 0px;
			margin-left: 3px;
			margin-right: 3px;
			color: #333333;
			font-family: verdana;
			font-size: 11px;
			text-align: justify;
		}

		.moteurs {
			width: 560px;			
		}

		.annuaires {
			width: 560px;
		}

		.entete_annuaire {
			width: 50%;
			text-align: center;
			font-size: 16px;
			color: #006699;
		}

		#jaune {
			text-align: left;
		}

		#inverse {
			text-align: center;
		}

		.entete_inverse, .pied_inverse {
			margin: 4px 0px;
		}

		.plans {
			width: 560px;			
		}

		.choix_plan a {
			color: #666666;
		}

		.entete_plan {
			width: 50%;
			text-align: center;				
		}

		#plan_plan {
			width: 100%;
		}

		#plan_dest {
			width: 100%;
		}

		.texte_centre {
			text-align: justify;
		}

		#image_methode_centre {
			margin: 0px 8px 4px 0px;
		}

		.suite_centre {
			text-align: right;
			border-bottom: 1px dotted #333333;
		}

		.suite_centre a {
			color: #666666;
		}

		.tous_centre {
			text-align: center;
		}

		.tous_centre a {
			color: #000000;
		}

		.entete_formulaire {
			margin: 4px 0px;
			color: #333333;
			font-family: verdana;
			font-size: 10px;
			text-align:justify;
			text-align: left;
		}

		.pied_formulaire {
			margin: 4px 0px;			
		}

		.formulaire input,select,textarea {
			background-color: lightyellow;
			color: #333333;
			font-family: verdana;
			font-size: 10px;
			text-align:justify;
			/*text-align: left;*/
		}
		
		.formulaire table {
			color: #333333;
			font-family: verdana;
			font-size: 10px;			
		}

		.formulaire .bouton_envoi {
			background-color: lightgray;
		}

		/******* Repère navigation *******/
		.fil_navigation {
			position: relative;
			/*float: left;*/
			top: 10px;
			left: 0px;
			color: #333333;
			/*display: inline;*/
			margin: 4px;
			width : 98%;
			overflow: hidden;
			white-space: nowrap;
		}

		.fil_navigation a {
			color: #666666;
		}

		/******* Accueil *******/
		/*
		#annuaire_general	{
			position: absolute;
			background-color: #FFFFE5;
			height: 230px;
			width: 560px;
		}

		#annuaire_pj {
			position: absolute;
			left: 0px;
			top: 25px;
			width: 310px;
		}

		#annuaire_inv	{
			position: absolute;
			left: 315px;
			top: 25px;
			width: 230px;
		}

		#annuaire_plan	{
			position: absolute;
			left: 0px;
			top: 235px;
			width: 560px;
		}

		#annuaire_plan a {
			color: #282828;
		}

		div.titre_moteur {
			text-transform: uppercase;
			font-size: 14pt;
			padding: 2px;
			color: #FFFFFF;
			background-color: #135292;
			background-image: url(../images/index_moteur.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		*/
			
		/******* Quiz gauche *******/

		#quizz_fond	{
           
           margin-top:314px;
		}
		#quizquestion, #quizzResultat{		
			margin-top:50px;			
          }
         		
        #quizz_titre{  		
           background-image: url(../images/quizz/quizz_haut.jpg);		
           height: 18px;
           _height:10px;	
           color:#000000;
           padding-bottom:5px;
           padding-left:20px;
           padding-top:25px;
           text-align:center;
           background-repeat: no-repeat;
				

           font-size:9pt;		

       	}	
        #quizz_milieu  { 			
          	background-image: url(../images/quizz/quizz_milieu.jpg);			
          	background-repeat: repeat-y;		
          	text-align:center;
			
       	}
        #quizz_bas{  		
           background-image: url(../images/quizz/quizz_bas.jpg);		
           height: 26px;		
           background-repeat: no-repeat;	
          		
       	}	
       	.gros_titre_quizz{		
       	font-size:8pt;
       	padding:5px 5px;       			
       			
       		
       	}
        /******* menu gauche *******/	
	  .menu_spe{
	  margin-left:2px;
	  
	  
	  
	  }
						
       #boite_titre{  		
           background-image: url(../images/accueil/menu_gauche/haut_bon_plan.jpg);		
           height: 8px;
           _height:10px;	
           color:#000000;
           padding-bottom:15px;
           padding-right:25px;
		   padding-top:7px;
           _padding-bottom:0px;
           _padding-right:0px;
		   _padding-top:0px;

           text-align:center;
           background-repeat: no-repeat;				
           clear:both;
           font-size:9pt;		

       	}	
      .gros_titre_boite{		
       	font-size:8pt;
       	padding:5px 5px;       			
       			
       			
       	}		
       	
       	#bonplan_font	{         
           float:left;
           margin-left:4px;
           margin-top:-2px;
           margin-right:10px;
           _margin-left:3px;
           _margin-top:5px;
           _margin-right:0px;
		}
 			
      .gros_titre_bonplan{		
       	font-size:8pt;
       	padding-top:5px;
       	padding-bottom:5px;      			
       	padding-right:7px;		
       	padding-left:0px;		
       	}
       	
       	#bonplan_titre{  		
           background-image: url(../images/accueil/menu_gauche/haut_bon_plan.jpg);		
           height: 8px;
           _height:10px;	
           color:#000000;
           padding-bottom:15px;
           padding-right:25px;
		   padding-top:7px;
           _padding-bottom:0px;
           _padding-right:0px;
		   _padding-top:0px;
		   font-family: verdana;
           text-align:center;
           background-repeat: no-repeat;				

           font-size:9pt;		

       	}	
        #bonplan_milieu  { 			
          	background-image: url(../images/accueil/menu_gauche/milieu_bon_plan.jpg);			
          	background-repeat: repeat-y;		
          	text-align:left;
			font-family: verdana;
       	}
        #bonplan_milieu  hr { 			
          margin-left:3px;
          margin-right:9px;
		  color:#eeeeee;	
       	}
       	#bonplan_ul {
	    font-family: verdana;
	    list-style-type: circle;
	    margin-left: 15px;
        color:black;
         }
         		
        #bonplan_bas{  		
           background-image: url(../images/accueil/menu_gauche/bas_bon_plan.jpg);		
           height: 24px;		
           background-repeat: no-repeat;	
          		
       	}		
       			
       					
		div.titre_annu	{
			text-transform: uppercase;
			font-size: 14pt;
			padding: 2px;	
			color: #996600;
			background-color: #f5dfa2;
			
			background-repeat: no-repeat;
			background-position: left bottom;
		}

		/* Texte Ctqui.com */
			span.small_text {
			font-size: 9pt;
			color: #666666;
		}

		/* Texte Ctqui.com */
			span.small_text_2 {
			font-size: 8pt;
			color: #999999;
		}

		/* Titre pages jaunes et annuaires inversé */
			span.small_titre	{
			font-size: 14pt;
			color: #006699;
		}			

		/******* Méthode *******/
		#bandeau_titre	{
			position: relative;
			float: left;
			top: 20px;
			/*margin-top: 35px;*/
			width: 100%;
			text-align: left;
		}

		span.titre	{
			margin-left: 0px;
			text-align: left;
			color: #333333;
			font-family: verdana;
			font-size: 15px;
		}

		/* petit titre du bandeau titre */ 
		span.soustitre	{
			margin-left: 50px;
			color: #333333;
			font-family: verdana;
			font-size: 13px;
		}			

		#methode_centre {
			height: 260px;
		}

		#methode_photo {
			position: absolute;
			top: 60px;
			left: 0px;
			width: 150px;
			height: 200px;
			border: 1px #000000 solid;
		}

		#methote_resume {
			position: absolute;
			top: 60px;
			left: 160px;
			width: 390px;
			height: 200px;
			text-align: justify;
		}

		#methote_articles {
			text-align: justify;
		}

		/******* Article *******/
		a.lien_article {
			color: #262626;
			text-decoration: none;
			text-align:justify;
		}

		a.lien_article:hover  #lienSuite {
			text-decoration: underline;
		}

		#methode_voir	{
			text-align: center;
		}

		/******* Réaction *******/
		#article_reaction_fond {
			position: relative;
			float: left;
			top: 20px;
			left: 20px;
			background-color: #EEEEEE; /* fcffdf */
			width:560px;
			height: 250px;
			border: 1px solid black;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

		#article_reaction_fond a {
			color : #282828;
			text-decoration: none;
		}

		#article_reaction_fond a:hover {
			text-decoration: underline;
		}

		#article_reaction_titre {
			color : #333333;
			text-decoration: none;
			margin-left: 5px;
			font-size: 12px;
		}

		#articles_votes {
			position: absolute;
			left:15px;
			width: 260px;
			text-align: center;
			color: #333333;
			font-family: verdana;
			font-size: 9px;			
		}

		#articles_reactions {
			position: absolute;
			left: 260px;
			width:270px;
			text-align: center;
			text-align: center;
			color: #333333;
			font-family: verdana;
			font-size: 9px;			
		}

		/*  */
		#reaction_titre {
			font-size: 12pt;
			text-align: left;
		}

		#reaction_soustitre {
			font-size: 10pt;
			color: #CCCCCC;
		}

		#liste_vote {
			width: 50px;
		}

		/******* Formulaire info *******/
		#formulaire_info_outils_titre_0 {
			background-color: #009933;
			color: #FFFFFF;
		}

		#formulaire_info_outils_titre_1 {
			color: #FFFFFF;
			background-color: #ff6600;
		}

		#formulaire_info_outils_titre_2 {
			color: #FFFFFF;
			background-color: #FFCC00;
		}

		#formulaire_info_outils_titre_3 {
			color: #FFFFFF;
			background-color: #990099;
		}

		/* Pied */		
		#Bloc_TechnoBsp {

/*			position: relative;
			float: left;
			top: 60px;
			left: 15px;
			width: 550px;
			height: 15px;*/
			
			margin-top: 10px;
			color: #000000;
			font-family: verdana;
			font-size: 10px;
			text-align: center;
			background-color: #FFFFFF;
		}

		#Bloc_TechnoBsp a	{
			color: #999999;
		}

		#pied_accueil {
			position: relative;
			float: left;
			top: 60px;
			width: 100%;
			height: 50px;

			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

		#pied_souspage {
			position: relative;
			float: left;
			top: 110px;
			width: 100%;
			height: 50px;

			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}


		/* A classer */
		.saisie	{
			background-color:#FFFFCC;
		}

		a img {
			border: 0px;
		}	

		hr.ligne_dotted	{
			border-top: 1px #bfbfbf dotted;	
		}	

		hr.separation {
			border: none 0;
			border-top: 1px dotted #000000;
			width: 100%;
			height: 1px;
		}

		#contact {
			text-align:center;
		}

		span.soustitre {
			color: #BBBBBB;
		}

		#petit_titre {
			background-color: #000000;
			color: #FFFFFF;	
		}

		#methode_voir a {
			color: #000000;
		}

		a.lien_partenariat {
			color: #000000;
		}

		ul.ul_outil {
			color : #000000;
		}

		a.lien_renseignement {
			color: #000000;
		}

		#outils_minititre_journal {
			background-color: #FFFFFF;
			color : #000000;
		}

		#article_reaction_titre {
			color : #000000;
		}

		div.titre_noir {
			color: #000000; /* ou #000000 */
			font-size:20pt;
			text-decoration: underline;
		}

		#petit_titre { /* Titre des rubriques */
			padding:1px;
		}

		td {
			font-size: 10pt;
		}
				
		.totem_gauche {
           color:#FEDD92;
           font-size:10pt;

		}
		.totem_gauche a {
           color:black;
           font-size:8pt;
           margin-left:20px;
		}
		#totem_menu {
           color:#7F5229;
          	background-image: url(../images/totem/bloc_totem_accueil.jpg);
			background-repeat: no-repeat; 
            height:39px;
            padding-top:15px;
            text-align:center;
		    padding-left:35px;
		}	
		#icone_totem{
           float:left;
          margin-left:7px;
          margin-top:-49px;		  	
				
				
				}			
		#xiti {
			position: relative;
			/*clear: both;*/
			float: left;
			top: 60px;
			width: 20px;
			height: 20px;
		}
		
		#fichePartenaireV4 {
			position: relative;
			top: 40px;
			margin-left: auto;
			margin-right: auto;
			width: 540px;
			height: 560px;
			background-image: url(../images/accueil/fond_fiche_partenaire.jpg);
			background-repeat: no-repeat;
		}

		#fichePartenaireV4_titre {
			display: none;
			position: relative;
			top: 30px;
			left: 25px;
			width: 520px;
			color: #333333;
			font-family: verdana;
			font-size: 15px;
			text-align: left;
		}

		#fichePartenaireV4_logo {
			position: relative;
			top: 65px;
			left: 55px;
			width: 150px;
			color: #333333;
			font-family: verdana;
			font-size: 10px;
			text-align: left;
		}

		#fichePartenaireV4_description {
			position: relative;
			top: 140px;
			left: 25px;
			width: 470px;
			color: #333333;
			font-family: verdana;
			font-size: 9px;
			text-align: justify;
		}

		#fichePartenaireV4_description a {
			color: #888888;
			font-family: verdana;
			font-size: 12px;
			font-weight: normal;
			font-style: normal;		
		}

		#fichePartenaireV4_description ul li {
			list-style-position: inside;
		}
		
		#fichePartenaireV4_lien {
			position: relative;
			top: 160px;
			left: 25px;
			width: 470px;
			color: #333333;
			font-family: verdana;
			font-size: 11px;
			text-align: left;
					display: none;
		}

		#fichePartenaireV4_lien a {
			color: #888888;
			font-family: verdana;
			font-size: 11px;
			font-weight: normal;
			font-style: normal;		
		}
	

		.partenaireAccueilTitre {
			text-align: left;
			font-size: 13px;
			color: #000000;
			text-decoration: none;
			z-index: 5;
		}
		
		#partenaireAccueil {
			width: 550px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}

		#partenaireAccueil table {
			width: 550px;
			border: 0px outset black;
		}

		#partenaireAccueil td {
			width: 174px;
		}

		
		.fondPartenaireHaut {
			position: relative;
			width: 174px;
			padding-top: 8px;
			background-image: url(../images/cadre_haut_partenaire.jpg);
			background-repeat: no-repeat;
		}

		.fondPartenaireBas {
			position: relative;
			width: 174px;
			height: 25px;
			background-image: url(../images/cadre_bas_partenaire.jpg);
			background-repeat: no-repeat;
		}

		


		.partenaireAccueilTitre a:link {
			color: #999999;
			text-decoration: none;
		}

		.partenaireAccueilTitre a {
			color: #999999;
			text-decoration: none;
		}


		.partenaireAccueilTitre a:hover {
			color: #999999;
			text-decoration: none;
			text-align: right;
		}

		#partenaireAccueil a:link {
			color: #999999;
			text-decoration: none;
		}

		#partenaireAccueil a:hover {
			color: #999999;
			text-decoration: none;
			text-align: right;
		}

		#partenaireAccueil a {
			color: #999999;
			text-decoration: none;
		}

		#partenaireAccueil img {
			border: 0px;
		}
		


		#colonne1 {
			width: 960px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		/*****************************************
		* pour garder la meme hauteur de colonne *
		******************************************/
		.clear {
			clear: both;
			display: block;
			height: 1px;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}

		.centrer {
			text-align: center;
		}
		
		.titre_ctqui {
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 150px;
			height: 40px;
			color: #FFFFFF;
			background-color: #004E90;
			border: 1px solid #999999;
		}		

		#bloc_meteo {	
			float: left;
			margin-top: 20px;
			margin-left: 100px;
			width: 140px;
			height: 132px;
			overflow: hidden;
			padding-top: 5px;
			padding-bottom: 3px;
			padding-left: 3px;
			padding-right: 3px;
			border: 1px solid #999999;
		}	
	
		#bloc_ctqui {
			float: left;
			margin-top: 50px;
			margin-left: 50px;
			text-align: center;
			width: 180px;
			height: 100px;
			padding-top: 5px;
			padding-bottom: 3px;
			border: 1px solid #999999;
		}

		#bloc_pjaune {
			clear: left;
			
			width: 370px;
			height: 150px;
			padding-top: 20px;
	
			padding-left: 25%;
		}

		#bloc_convertisseur {
			position: relative;
			float: left;
			left: 50px;
			width: 500px;
			height: 300px;

			margin-left: auto;
			margin-right: auto;
			text-align: center;			
		}

		#devise_from {
			position: relative;
			float: left;
			top: 10px;
			width: 222px;
			height: 70px;
		}

		#devise_to {
			position: relative;
			float: left;
			left: 25px;			
			top: 10px;
			width: 222px;
			height: 70px;
		}

		#UGC_important {
			position: relative;
			float: left;
			top: 60px;
			left: 50px;
			width: 400px;
			height: 50px;
			color: #888888;
			font-family: verdana;
			font-size: 10px;
			font-weight: normal;
			font-style: normal;
			text-align: center;	
		}

		#bloc_salons {
			position: relative;
			float: left;
			left: 150px;
			width: 345px;
			height: 150px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;		
		}

		#confirmation {
			position: relative;
			float: left;
			left: 10px;
			top: 40px;
			width: 587px;
			height: 404px;
		}
		
		#confirmation_img {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 587px;
			height: 404px;
			background-image: url(../images/accueil/confirmation_doigt.jpg);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		#confirmation_txt {
			position: absolute;
			left: 180px;
			top: 15px;
			width: 400px;
			height: 128px;
			color: #888888;
			font-family: verdana;
			font-size: 13px;
			font-weight: normal;
			font-style: normal;
			text-align: justify;
		}

		.retourSite {
			position: relative;
			float: right;
			top: 5px;
			color: #333333;
			font-family: verdana;
			font-size: 11px;
			font-weight: normal;
			font-style: normal;
			text-align: center;
			cursor: pointer;	
		}
				
		 #annuaire, #quizz {
			margin-top: 20px;
			text-align: center;		
		}

        #totem {
            height:830px;
            margin-top:19px;
            text-align:center;
            width:609px;	
            background-image: url(../images/totem/centre_totem.jpg);
  
				}  
 		#totem table {
			margin-top: 33px;
            border-spacing:0px;
			text-align: center;	
			width:609px;	
		}	
								
 		/*#totemPied {
            background-image: url(../images/totem/pied-totem.jpg);	
			height:129px;
            width:609px;
			
			
				}*/
 		#totemDroite{
            background-image: url(../images/totem/bande_droite_totem.jpg);	
			height:830px;
            margin-left:0px;
            margin-top:81px;
            width:139px;
            z-index:5;
			
			
				}							
 		#totemGauche {
            background-image: url(../images/totem/bande_gauche_totem.jpg);	
			height:830px;
            margin-left:0px;
            margin-top:81px;
            width:192px;
			
			
				}							
												     
		/*####################################
		# Annuaire Accueil
		####################################*/

 
 		#annuaire table {
			margin-top: 10px;
            border-spacing:0px;
			text-align: center;		
		}
		
 		
		#annuaireFormulaire
		{
		   width: 90%;
		   margin-top:70px;
           left:30px;
           margin-top:50px;
           position:absolute;
           top:300px;
           width:90%;					
		   								
		}
		#annuaireFormulaireInscript
		{
		   width: 90%;
		   margin-top:70px;
           left:30px;
           margin-top:50px;
           position:absolute;
           top:300px;
           width:90%;					
		   								
		}				
        #FormulaireTotem
		{
        background-image: url(../images/totem/cadre_tribu-patrons.jpg);
      	background-repeat: no-repeat;
    	background-position: center;
		height:406px;
		margin-top:30px;		
				
				
		}     		
        #FormulaireTotemInscrit
		{
        background-image: url(../images/totem/cadre_totem_inscrit.jpg );
      	background-repeat: no-repeat;
    	background-position: center;
		height:975px;
		margin-top:40px;		
				
				
		}        		
         
         				       		
		#annuaireFormulaire p, #annuaireFormulaireInscript p
		{
			margin: 10px 0;
		}

		/* fieldset , legend */
		#annuaireFormulaire fieldset
		{
			margin-bottom: 10px;
            margin-top:230px;
			border: #CCC 1px solid;
		}

		#annuaireFormulaire fieldset legend
		{
			padding: 0 10px;
			font-size: 1.2em;
			color: #999;
			margin-left: 20px;
			background-color: #FFFFFF;
		}
				
        /* fieldset , legend */
		#annuaireFormulaireInscript fieldset
		{
			margin-bottom: 10px;
            margin-top:70px;
			border: #CCC 1px solid;
		}

		#annuaireFormulaireInscript fieldset legend
		{
			padding: 0 10px;
			font-size: 1.2em;
			color: #999;
			margin-left: 20px;
			background-color: #FFFFFF;
		}

		/* Label */
		#annuaireFormulaire label, #annuaireFormulaireInscript label
		{
			background-color: #99cc33;
			display: block;
			width: 40%;
			float: left;
			margin-left: 20px;
			padding-right: 1%;
			text-align: right;
			letter-spacing: 1px;
			margin-top:3px;		
		}

		#annuaireFormulaire label:hover, #annuaireFormulaireInscript label:hover
		{
			font-weight: bold;
		}


		/* Input */
		#annuaireFormulaire input, #annuaireFormulaire select, #annuaireFormulaireInscript input, #annuaireFormulaireInscript select
		{
			margin-left: 1%;
			width: 40%;
			border: #CCC 1px solid;
	        background-color: #99cc33;
	        cursor: default;			
		
		
		}

		#annuaireFormulaire input:hover, #annuaireFormulaire select:hover, #annuaireFormulaire input:focus, #annuaireFormulaire select:focus
		{
			border: #999 1px solid;
			background-color: #CC9966;
			cursor: pointer;		
		}
		#annuaireFormulaireInscript input:hover, #annuaireFormulaireInscript select:hover, #annuaireFormulaireInscript input:focus, #annuaireFormulaireInscript select:focus
		{
			border: #999 1px solid;
			background-color: #CC9966;
			cursor: pointer;		
		}
		#annuaireModif, #annuaireCreer 
		{
			position: absolute;
            left:40px;
            top:530px;
			text-align: center;
			width: 20%;
			border: #663300 1px solid;
			background-color: #CC9966;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	    #annuaireCreerPage2 
		{
			position: absolute;
            left:40px;
            top:370px;
			text-align: center;
			width: 20%;
			border: #663300 1px solid;
			background-color: #CC9966;
			padding-top: 5px;
			padding-bottom: 5px;
		}		
				
		#CreerTotem 
		{
			position: absolute;
            left:40px;
            top:850px;
			text-align: center;
			width: 20%;
			border: #663300 1px solid;
			background-color: #CC9966;
			padding-top: 5px;
			padding-bottom: 5px;
		}		
				
		
		#annuaireModif a, #annuaireCreer a, #infoTotem a, #annuaireLienRecherche a, #annuaireCreerPage2 a, #annuaireLienRecherchePage2  a
		{
			color: #000;
		}
		#infoTotem, #annuaireLienRecherche 		
		{
			position:absolute;
            left:200px;
			text-align: center;
			width: 35%;
			border: #663300 1px solid;
			background-color:#CC9966;
			padding-top: 5px;
			padding-bottom: 5px;
			top:530px;		
					
					
		}
		#annuaireLienRecherchePage2 		
		{
			position:absolute;
            left:200px;
			text-align: center;
			width: 35%;
			border: #663300 1px solid;
			background-color:#CC9966;
			padding-top: 5px;
			padding-bottom: 5px;
			top:370px;		
					
					
		}		
	    #aucunRecherche		
		{				
          color:red;
          left:270px;
          position:absolute;
          text-align:center;
          top:375px;
          width:50%;		
		}		
						
		/*####################################
		# Annuaire Affichage Liste
		####################################*/
        #TexteTotem{
         text-align:justify;		
         margin: 10px 45px; 
         font-size:10pt;  
         }		
         #TexteEtoile{		
         	font-size:8pt;
         		
         }
		#annuaireTitreRecherche {
			width: 92%;
			border-bottom: 1px solid #999;
			margin-bottom: 15px;
		}
        #annuaireTitreRechercheNul {
			width: 80%;

			margin-bottom: 15px;
	        color: #ff0000;
		}
		.annuaireListe {
			clear:left;
			width: 100%;
			height: 20px;
		}

		 .annuaireCp {
			position: relative;
			float: left;
			width: 50px;
		}

		.annuaireNom, .annuaireVille {
			position: relative;
			float: left;
			width: 160px;
		}


		.annuaireActivite {
			position: relative;
			float: left;
			width: 190px;
		}

		.compteur {
			background-color: #BBBBBB;
			border: 0px solid #ffffff;
		}
              		
		#annuaireFormulaire .compteur {
			width: 30px;
		}
		#annuaireFormulaireInscript .compteur {
			width: 30px;
		}
		#form_texte {
			margin-left: 10px;
		}

		#annuaireInfoLogo {
			width: 400px;
			height: 20px;
			padding-left: 40px;
		}
		
		#annuaireInfoImg {
			width: 400px;
			height: 20px;
			padding-left: 40px;
		}
		/*####################################
		# Affichage Aide Inscription totem
		####################################*/				
		#aideTotem1 {
		   left:0px;
		   width:500px;
           font-size:12px;
           height:95px;
           position:absolute;
           text-align:justify;
           top:0px;
           display:none;
           z-index:5;
           background-color: #fedd92;					
		}
		#aideTotem2 {
		   left:0px;	
		   width:500px;
           font-size:12px;
           height:75px;
           position:absolute;
           text-align:justify;
           top:85px;
           display:none;
           z-index:5;	
           background-color: #fedd92;
		}
		#aideTotem3 {
		   left:0px;
		   width:500px;
           font-size:12px;
           height:120px;
           position:absolute;
           text-align:justify;
           top:108px;
           display:none;
           z-index:5;				
           background-color: #fedd92;
		}
		#aideTotem4 {
		   left:0px;
		   width:500px;
           font-size:12px;
           height:135px;
           position:absolute;
           text-align:justify;
           top:128px;
           display:none;
           z-index:5;	
           background-color: #fedd92;
		}
		#aideTotem5 {
		   left:0px;
		   width:500px;
           font-size:12px;
           height:105px;
           position:absolute;
           text-align:justify;
           top:333px;
           display:none;
           z-index:5;	           	
           background-color: #fedd92;	
		}
		 #aideTotem6 {
		   left:0px;
		   width:500px;
           font-size:12px;
           height:45px;
           position:absolute;
           text-align:justify;
           top:680px;
           z-index:5;		
           display:none;
           background-color: #fedd92;
		}
		
		
		#aide {
            margin-bottom:0px; 
				}
		
		
		
		/*####################################
		# Annuaire Affichage Fiche
		####################################*/
				           		
        .carre {
        background-image: url(../images/totem/carre_totem.jpg);
      	background-repeat: no-repeat;
    	background-position: center; 
        text-align:center;		
       	margin:0px;
   		padding:0px;
    	position:relative;
  		width:100%;
        height:128px;
        text-align:center;
        display:table-cell;
        vertical-align:middle;		
        }
        		
        #annuaireFiche table tbody tr{
         vertical-align:middle;		
        }	
        		
        div.carre img{
         position:absolute;			
        }				
        		        		
        #imgException{
       	   background-color: #BBBBBB;	
       	}
       		
        .rectangle {
        	background-image: url(../images/totem/rectangle_totem.jpg);			
            background-repeat: no-repeat;
			background-position: center;
			height:107px;
   		}
        .hautRectangle {
        	background-image: url(../images/totem/HautRectangleExten.jpg);			
            background-repeat: no-repeat;
			background-position: top;

   		}   				
        .basRectangle {
        	background-image: url(../images/totem/bas_rectangle.jpg);			
            background-repeat: no-repeat;
			background-position: center;
            height:24px;

   		}   				
        .milieuRectangle {
        	background-image: url(../images/totem/milieu_gr_rectangle.jpg);			
            background-repeat: no-repeat;
			background-position: center;


   		}
   				   				
   	    .sloganRectangle {
        	background-image: url(../images/totem/bloc_slogan.jpg);			
            background-repeat: no-repeat;
			background-position: center;

   		} 		
   				 				
         #totemAdresse {
		
			font-size: 10px;
			margin-left: 20px;
			margin-top: 5px;
		}
				
		#mascotteTotem {
		    float: right;
			font-size: 12px;
		    padding-top:528px;
            width:200px;
		}
		
		 #annuaireFicheSlogan {
			height:30px;
			text-align: center;					
			font-size: 14px;
			margin:15px 73px;
		}

		#annuaireFicheTexte {
		    text-align: center;
			font-size: 10px;
            text-align: left;
            margin-top:20px;
            margin-right:170px;		
            margin-left:170px;			
            min-height:65px;	
		}
			
		.aide{	
		
		cursor:pointer;	
		padding-left: 5px;
		}
				
				
		#annuaireFicheEnregistrer {
				float: left;
				width: 200px;
				height: 20px;
			    margin-top:-175px;
				margin-left: 20px;
				text-align: center;
				border: #663300 1px solid;
			    background-color: #CC9966;
		}

		#annuaireFicheEnregistrer a, #annuaireFicheRetour a {
			color: #333333;
		}

		#annuaireFicheRetour {
				float: right;
				width: 200px;
				height: 20px;
				margin-right: 20px;
				margin-top: -175px;
				text-align: center;
				border: #663300 1px solid;
			    background-color: #CC9966;
		}
		#rechercheTotemHaut {
        	background-image: url(../images/totem/haut_formulaire.jpg);			
            background-repeat: no-repeat;
			background-position: top;
			height:182px;
			margin-top:50px;		

   		}
   				
   		#rechercheTotemMilieu {
        	background-image: url(../images/totem/milieu_formulaire.jpg);			
            background-repeat: repeat-y;
			_height:100px; 

   		} 
   		
   		#annuaireAffichageListe {
          
           left:30px;
      	   position:relative;
           width:100%;
		}  				
   									
        #rechercheTotemBas {
        	background-image: url(../images/totem/bas_formulaire.jpg);			
            background-repeat: no-repeat;
			background-position: center;
			height:73px;
	
   		}
    	
    	#actinium{
   		    background-image: url(../images/logo_partenaires/actinium_icone.jpg);			
            background-repeat: no-repeat;
            width:105px;
            height:44px;
            color:white;
            font-size:9pt;		
            text-align:center;
            margin-top:11px;
            padding-left:34px;
            padding-top:10px;
   		}	
   		#actinium a {
   		  color:white;
   		  width:140px;
   		  cursor:pointer;
   		}  		
   					
		/*####################################
		# QUIZ
		####################################*/

/*     #quiz {
				float: left;
				margin-left: 20px;
				margin-top: 70px;
				text-align: center;

		}


    	#quizpoint {
				float: left;
				margin-left: 20px;
				margin-top: 70px;
				text-align: center;

		}

		#quizzquestion {
				float: left;
				margin-left: 20px;
				margin-top: 70px;
				text-align: center;

		}*/





