
/* ========== Balises HTML ========== */
html {
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color:#D1D3D4; /*Contour gauche*/
	scrollbar-darkshadow-color: #ffffff; /*Ombre droite*/
	scrollbar-3dlight-color: #ffffff; /*Ombre Gauche*/
	scrollbar-arrow-color: #EB6D15; /*fleche*/
	scrollbar-track-color: #cbd0d0; /*fond*/
	scrollbar-darkshadow-color: #D1D3D4; /*contour droit*/
}



body {
	margin: 0;
	padding: 0;
	font: 70% "Verdana",Arial, Trebuchet MS, Trebuchet,  Helvetica, sans-serif ;/**/
	color: #333333;	
	background: #f7f6f4 url(../img/bg_page.jpg);
	background-repeat:repeat-x;
}

p {
	margin: 0;
	padding: 0;

}

div {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Verdana, Geneva, arial, sans-serif;
	text-align: left;
}

li {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0 0 0 20px;
	padding: 0;
}

img {
	border: none;
}




a {
	color: #FF3200;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}



.textfield {
	padding: 4px 3px 2px 3px;
	height: 15px;
	font-size: 1em;
	color: #666666;
	border: 1px solid #C7C7C7;
	background: #FFFFFF url(../img/background_input_02.gif) repeat-x center top;
}

.radio {
	width: auto;
	border: none;
}

.textarea {
	padding: 3px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #C7C7C7;
	background: #FFFFFF url(../img/background_input_02.gif) repeat-x center top;
}

select {
	font-size: 1em;
	padding: 3px 0 3px 3px;
	color: #666666;
}






 /* ========== Size ========== */

.txt_10 {
	font-size:10px;
}
 


 /* ========== COULEURS ========== */
 
 
 


.txt_violet {
	color:#990bc2;
}
 
 
 .txt_bleu{
	color:#1679f4;
}
 
.txt_orange {
	color:#e98221;
}




.txt_rouge {
	color:#c00707;
}



.txt_bleu_vert {
	color:#1aaba1;
}


.txt_vert {
	color:#64b00c;
}














/* =================== STYLES HOME PAGE =============== */


#flash_home {
	position:relative;
	float:left;
	padding:0px 0px 15px 11px;
	/*background-color:#DAFAFC;*/	
	
}


#flash_content {
	position:relative;
	display:block;
	float:left;
	clear:both;
}




#ombre_flash_home {
	position:relative;
	float:left;
	width:290px;
	height:25px;
	/*clear:both;*/
	background-image:url(../img/ombre.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	/*background-color:#DAFAFC;*/	
	
}



#home_liens_refs{
	position:relative;
	display:block;
	float:right;
	padding:10px 10px 0px 0px;
	/*clear:both;*/	
}


#home_liens_refs a {
	position:relative;
	float:left;
	display:block;
	padding:5px;
	color:#1aaba1;
	font-weight:bold;
	border:1px solid #d3d2d3;
	/*clear:both;*/	
}

#home_liens_refs a:hover {
	color:#FF3200;
}




/* LAYERS FLASH */

#block_infos_flash0{
	position:absolute;
	display:block;
	top:10px;
	left:20px;
	/*background-color:#3CF;
	padding:80px;*/
}


#block_infos_flash1{
	position:absolute;
	display:none;
	top:10px;
	left:20px;
}

#block_infos_flash2{
	position:absolute;
	display:none;
	top:10px;
	left:20px;
}


#block_infos_flash3{
	position:absolute;
	display:none;
	top:10px;
	left:20px;

}



.infos_flash{
	 /* position			: absolute; Supprimer pour daire fonctionner A href*/
	width					: 188px; /*208px - padding */
	/* min-height				: 287px !important;   taille minimal pour les moteur gecko et IE7 */
	/* height					: auto !important; on remet à la normal pour gecko et IE7 */
	/* height					: 287px; taille max pour IE6 */
	background-image		: url(../img/bg_infos_flash.png);
	background-repeat		: no-repeat;
	padding					: 20px 10px 60px 10px;
	/*z-index					: 2;*/
}



.infos_flash h4{
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	color:#1aaba1;
}


.infos_flash a{
	position			: absolute; /*DEBUG*/
	font-weight:bold;
	color:#1aaba1;
	padding:4px 6px 4px 6px;
	margin:20px 0px 0px 0px;
	background-color:#FFF;
}

.infos_flash a:hover{
	color:#c00707;
}




.infos_flash .lien_img a{
	position			: absolute; /*DEBUG*/
	top:0px;
	left:220px;
	width:370px;
	height:265px;
	padding:0 !important;
	margin:0 !important;
	background:none !important;
	/*background-color:#FFF;*/
}



.ombre_infos_flash{
	clear:both;
}



	
	








.post_article_home {
	float:left;
	padding:10px 18px 0px 18px;
	/*background-color:#9FC; */	
}


.post_content {
	line-height:16px;
	text-align: justify;
	padding:0px 0px 0px 0px;
}



/*
#main .post_article_home .post_content {
	position:relative;
	float:left;
	line-height:16px;
	text-align: justify;
	padding:0px 3px 0px 3px;
}
*/	




/* = HOME PAGE BLOCK DROIT */

.block_hp_droit {
	position:relative;
	float:left;
	padding:0px 0px 6px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/bottom_hp_droit.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


.block_hp_droit .post_header {
	position:relative;
	float:left;
	width:276px;
	height:32px;
	padding:0;
	margin:0;
	background-image:url(../img/top_post_header_home.gif);
	background-repeat:no-repeat;
	background-position:top;

}


.block_hp_droit .post_header h2 {
	position:relative;
	float:left;
	display:block;
	font-size:20px;
	color:#757678;
	padding:3px 3px 0px 50px;
	margin:0;
}



.block_hp_droit .post_content {
	position:relative;
	float:left;
	width:256px;/*276px - padding */
	padding:10px 10px 8px 10px;;
	margin:0px 0px 0px 0px;
	background-image:url(../img/bg_filet_hp_droit.gif);

}


.block_hp_droit .post_content h3 {
	font-size:14px;
	color:#f09d1d;
	margin:0px;
	padding:0px 0px 8px 0px;
}



.post_footer_hp_droit {
	position:relative;
	float:left;
	height: 20px;
	width:276px;	
	margin:2px 0px 0px 0px;
	background-image:url(../img/ombre.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}










/* ========== Eléments de mise en forme ========== */

.col {
	clear: both;
	margin:0px 0px 15px 0px;
	/*zoom: 1;  Pour faire fonctionner tout ça sur cette s... de IE6 ! */
	/* background-color:#CF3;*/
}




.col .post_footer {
	height: 40px;
	clear: both;
	background-image:url(../img/ombre.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;	
}




.col_left_50_50 {
	float: left;
	width: 50%;
}

.col_right_50_50 {
	float: right;
	width: 50%;
}


.col_footer {
	clear: both;
}




.plus_right{
	position:relative;
	float:right;
	display:block;
	width:21px;
	height:21px;
	background-image:url(../img/plus.gif);
	background-repeat:no-repeat;
	
}


.plus_left{
	position:relative;
	float:left;
	display:block;
	width:21px;
	height:21px;
	background-image:url(../img/plus.gif);
	background-repeat:no-repeat;
	
}
























/* ============================ CONTAINER COMMUN ======================= */




#page {
	width: 912px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}





/* ========== header =========== */



#header {
	position:relative;
	/*width: 912px; */
	float:left;
	clear:both;
	margin:0px 0px 15px 0px;
}








.filet_top {
	position:relative;
	float:left;
	width: 912px;
	height:5px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}






/* ========== top ========== */


#top {
	position:relative;
	float:left;
	display:block;
	clear:both;
	width:912px;
	padding:8px 0px 0px 0px;
	/* background-color:#036;*/
}


#logo_insert{
		
	position:relative;
	float: left;
	padding:0;
	margin:0; 
}


#logo_insert a{
	position:relative;
	float: left;
	display:block;
	/*margin: 3px 3px 8px 5px;*/
	width:344px !important;
	height:69px !important;
	padding: 3px 3px 8px 5px;
	margin: 0px 0px 0px 0px;
}








#slogan {
	
	position:relative;
	float:left;
	line-height:25px;
	width:460px;
	/*background-color:#006;*/ 
}


#slogan h1 {
		
	float:right;
	padding: 0px 0px 0px 0px;
	color: #9fa3a8;
	font-style:italic !important;
	font: 3em Trebuchet MS, "Verdana", Arial, Helvetica, sans-serif;
	/*background-color:#36C; */
}


#slogan h1 span{

	padding: 0px 0px 0px 0px;
	font-style:italic;
	color:#91959b;
	font:25px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#36C; */
}




#slogan h2 {

	float:right;
	padding:0px 18px 8px 0px;
	font-weight:normal;
	font-size: 35px;
	font-family:"Century Gothic", Verdana, Arial, Trebuchet MS;
	color: #bdc0c3;
	clear:both;
	/*background-color:#6FF; */
}





/* ========== BT NAV OUTILS ========== */


#nav_outils {
	float:right;
	width:80px; 
	/*line-height: 35px; */
	margin:49px 0px 7px 0px;
	padding:0px 0px 0px 0px;

}


#nav_outils table{
	float:right;
	margin:0;
	padding:0;
	/* border:1px solid #036;*/
	}
	
	
#nav_outils table td{
	padding:0px 0px 0px 10px;
	}
	


#nav_outils img{
	position:relative;
	float:right;
}










#tools {
	position:relative;
	float:left;
	/*width:200px;*/
	color: #999999;
	/*background-color:#03C;*/
}




.bt_accueil {
	position: relative;
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	width: 100px;	/*80-padding*/
	height: 22px;	
	color:#CCC;
	/*background-image:url(../img/bt_accueil.png);
	background-repeat:no-repeat;
	border:solid 1px #FFF;*/
}



#page .bt_accueil a {
	color:#aeb1b3;
}


#page .bt_accueil a:hover {
	color:#FFF;
	text-decoration:none;
}

#page .bt_accueil img {
	vertical-align:middle;
	margin:0px 0px 0px 0px;
}







/* ========== search ========== */



#search {
	position:relative;
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url(../img/background_search.gif) no-repeat center center;*/

}

#search table {
	margin: 0px 0 0 0px;
}

#search td {
	vertical-align: middle;
}

#search .textfield {
	padding: 2px;
	margin: 0 5px 0 0;
	width: 180px;
	/*height: 15px;*/
	border: 1px solid #C7C7C7;
	background: #FFFFFF url(../img/background_input_02.gif) repeat-x center top;
}

#search .bt_search {
	float: right;
	width: 30px;
	height: 23px;
	border: none;
	background: url(../img/bt_rechercher.gif) no-repeat;
	cursor: pointer;
}
















/* ========== chemin ========== */

#chemin {
	position:relative;
	float:left;
	width:613px;
	font-size:10px;
	padding: 0px 5px 0px 10px;
	/*margin-bottom:10px;*/
	color: #666;
	/*line-height:1px;*/
	/*background-color:#F30;*/	
}


#chemin a {
	color:#666;
	text-decoration: none;
}

#chemin a:hover {
	color: #FF3200;
	text-decoration: underline;
}






#bg_container {
	position:relative;
	float:left;
	background-image:url(../img/bg_filet_container.gif);
}



#container {

	background-image:url(../img/bg_container.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height				: 920px !important;   /*taille minimal pour les moteur gecko et IE7*/
	height					: auto !important;  /*on remet à la normal pour gecko et IE7 */
	height					: 920px;  /*taille max pour IE6 */
}











/* ========== sidebar ========== */


#containeur_sidebar{
	position:relative;
	float: right;
	width: 284px;
	padding:0px 0px 0px 0px;
}




#top_sidebar {
	position:relative;
	float: right;
	display:block;
	width: 276px;
	padding:0px 0px 0px 0px;
	height:6px;
	line-height:1px;
	background-image:url(../img/top_sidebar.gif);
	background-repeat:no-repeat;
}







#sidebar {
	position:relative;
	float: right;
	width: 276px; 
	/*min-height				: 800px !important;   taille minimal pour les moteur gecko et IE7*/
	/*height					: auto !important;  on remet à la normal pour gecko et IE7 */
	/*height					: 800px;  taille max pour IE6 */
	padding:0px 0px 0px 0px;
	color: #BFBFBF;


}


.sidebar_content {
	position:relative;
	float:left;
	clear:both;
	width: 256px; 
	padding:0px 10px 0px 10px;
}




#sidebar h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font: bold 1.3em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: 1px dashed #BFBFBF;
}

#sidebar h3 {
	margin: 0 0 5px 0;
	color: #7F7F7F;
	font: bold 1.2em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

#sidebar h3 a {
	color: #7F7F7F;
	text-decoration: underline;
}

#sidebar h3 a:hover {
	color: #FF3200;
	text-decoration: none;
}

#sidebar h4 {
	font: bold 1em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}








/* ========== TAGS CLOUDS ========== */


.tags_clouds{
	position:relative;
	float:left;
	width:236px;/* 256px-padding*/
	clear:both;
	text-align:center;
	font-weight:bold;
	line-height:28px;
	padding:30px 10px 8px 10px;
}

.tags_clouds a{
	text-decoration:none;
}


.tags_clouds a:hover {
	filter				: alpha (opacity=50);/*INCOMPATIBLE IE SI APPLIQUE SUR LES IMAGES */
	-moz-opacity		: 0.5;
	opacity				: 0.5;
	cursor				: hand;
}






/* ========== BT AGENCE ========== */

.bt_agence{
	position:relative;
	clear:both;
	float:left;
	width:248px;/* 256-padding */
	height:65px;/* 72-padding */
	display:block;
	text-align:right;
	color:#FFF;
	margin:65px 0px 15px 0px;
	padding:7px 8px 0px 0px;
	text-decoration:none;
	background-image:url(../img/bt_agence.jpg);
	background-repeat:no-repeat;
}

.bt_agence span{
	font-weight:bold;
}


.titre_bt_agence{
	display:block;
	clear:both;
	font-size:18px;
	text-align:right;
	color:#e9f7f6;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}



.bt_agence:hover{
	filter				: alpha (opacity=70);/*INCOMPATIBLE IE SI APPLIQUE SUR LES IMAGES*/ 
	-moz-opacity		: 0.7;
	opacity				: 0.7;
	cursor				: hand;
	
	
	/* opacity:.5;
  filter:Alpha(opacity=50, style=0);*/ 

}








/* ========== TOP main ========== */

#top_main {
	position:relative;
	float: left;
	width: 628px;/* ====== 628px - padding ====== */
	height:6px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:1px;
	background-image:url(../img/top_main.gif);
	background-position:top;
	background-repeat:no-repeat;
}






/*#bg_main {
	position:relative;
	float: left;
	width: 628px; ====== 628px - padding ====== 
	padding:0px 0px 0px 0px;*/
	/*background-color:#FFF;
	background-image:url(../img/bg_main.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}*/


















/* ========== main ========== */

#main {
	position:relative;
	float: left;
	width: 628px;/* ====== 628px - padding ====== */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*padding:10px 1px 0px 1px;Pour BG filet + Txt
	background-image:url(../img/bg_filet_main.gif);
	background-color:#FFF;
	border-bottom:1px solid #999;*/
}







/* ========== Titre page ========== */



/* === Vert ==== */

 h2.titre_vert  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#7cdd0a;
	padding:4px 8px 5px 33px;
	margin:10px 48% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_vert a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_vert a:hover {
	color: #ffffff;
}


 h3.sous_titre_vert {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#7cdd0a;
	padding:4px 8px 4px 14px;
	margin:0% 18% 18px 6%;
}

 h3.sous_titre_vert a {
	color: #ffffff;
	text-decoration: none;
}

 h3.sous_titre_vert a:hover {
	color: #ffffff;
}






/* === Bleu Vert ==== */

 h2.titre_bleu_vert  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#1aaba1;
	padding:4px 8px 5px 33px;
	margin:10px 48% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_bleu_vert a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_bleu_vert a:hover {
	color: #ffffff;
}


 h3.sous_titre_bleu_vert {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#1aaba1;
	padding:4px 8px 4px 14px;
	margin:0% 18% 18px 6%;
}


 h3.sous_titre_bleu_vert a {
	color: #ffffff;
	text-decoration: none;
}


 h3.sous_titre_bleu_vert a:hover {
	color: #ffffff;
}







/* === Violet ==== */



 h2.titre_violet  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#990bc2;
	padding:4px 8px 5px 33px;
	margin:10px 48% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_violet a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_violet a:hover {
	color: #ffffff;
}


 h3.sous_titre_violet {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#990bc2;
	padding:4px 8px 4px 14px;
	margin:0% 13% 18px 6%;
}


 h3.sous_titre_violet a {
	color: #ffffff;
	text-decoration: none;
}


 h3.sous_titre_violet a:hover {
	color: #ffffff;
}







/* === Orange ==== */



 h2.titre_orange  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#e98221;
	padding:4px 8px 4px 33px;
	margin:10px 40% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_orange a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_orange a:hover {
	color: #ffffff;
}


 h3.sous_titre_orange {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#e98221;
	padding:4px 8px 4px 14px;
	margin:0% 8% 18px 6%;
}


 h3.sous_titre_orange a {
	color: #ffffff;
	text-decoration: none;
}


 h3.sous_titre_orange a:hover {
	color: #ffffff;
}







/* === BLEU ==== */



 h2.titre_bleu  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#1679f4;
	padding:4px 8px 4px 33px;
	margin:10px 40% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_bleu a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_orange a:hover {
	color: #ffffff;
}


 h3.sous_titre_bleu {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#1679f4;
	padding:4px 8px 4px 14px;
	margin:0% 8% 18px 6%;
}


 h3.sous_titre_bleu a {
	color: #ffffff;
	text-decoration: none;
}


 h3.sous_titre_bleu a:hover {
	color: #ffffff;
}








/* === ROUGE ==== */



 h2.titre_rouge  {
	position:relative;
	clear:both;
	display:block;
	color:#FFF;
	font-size:18px;
	background-color:#c00707;
	padding:4px 8px 4px 33px;
	margin:10px 37% 0% 0px;
	background-image:url(../img/puce_titre_extension.gif);
	background-position:8px 6px;
	background-repeat:no-repeat;
}

 h2.titre_rouge a {
	color: #ffffff;
	text-decoration: none;
}


 h2.titre_rouge a:hover {
	color: #ffffff;
}


 h3.sous_titre_rouge {
	position:relative;
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	background-color:#c00707;
	padding:4px 8px 4px 14px;
	margin:0% 8% 18px 6%;
}


 h3.sous_titre_rouge a {
	color: #ffffff;
	text-decoration: none;
}


 h3.sous_titre_rouge a:hover {
	color: #ffffff;
}













/* -- PAGE INTERIEURE -- */

.post_article_1col{
	position:relative;
	width:592px; /*592px - padding */
	float:left;
	padding:18px 18px 0px 18px;
	/*background-color:#9FC; */	
}


.post_article {
	position:relative;
	width:390px; /*429px - padding */
	float:left;
	padding:18px 21px 0px 18px;
	/*background-color:#9FC; */	
}


h2.titre_post {
	position:relative;
	float:right;

	display:block;
	clear:both;
	color:#62676c;
	font-size:18px;
	text-align:right;
	padding:0px 0px 25px 0px;
	margin:0px 0px 0px 0px;
}



.post_article .post_content {
	position:relative;
	float:left;
	width:390px;
	line-height:16px;
	text-align: justify;
	padding:0px 0px 0px 0px;
}


.post_article .post_content h3 {
	display:block;
	font-size:13px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px ;
}


.post_article .post_content img {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
}




.col_droite {
	position:relative;
	float:left;
	width:180px; /*180px - padding */
	color:#666;
	line-height:16px;
	padding:0;
	margin:0;
}

.col_droite_liens{
	position:relative;
	display:block;
	width:127px;
	float:right;
	background-color:#fbfafa;
	padding:3px 6px 3px 6px;
	border:1px solid #CCC;	
}

.col_droite_liens:hover{
	background-color:#ffffff;

}


.col_droite img {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
	margin:0px 0px 0px 5px;
}

.col_droite a:hover img {
	filter				: alpha (opacity=70);/*INCOMPATIBLE IE SI APPLIQUE SUR LES IMAGES */
	-moz-opacity		: 0.7;
	opacity				: 0.7;
	cursor				: hand;
}


.post_col_droite {
	position:relative;
	float:left;
	width:146px; /*180px - padding */
	padding:18px 18px 18px 16px;
	margin:18px 0px 0px 0px;
	background-image:url(../img/bg_col_droite.gif);
	background-repeat:no-repeat;
	background-color:#f5f5f5;
	background-color:#f5f5f5;
}




.footer_col_droite {
	position:relative;
	float:left;
	width:180px;
	height:20px;
	margin:5px 0px 0px 0px;
	background-image:url(../img/ombre_col_droite.png);
	background-repeat:no-repeat;
	background-position:10px;
}













.bottom_page {
	position:relative;
	float:left;
	width:592px;/* 628px - padding */
	padding:0px 18px 0px 18px;
	margin:50px 0px 0px 0px;

}


.bottom_page h3 {
	display:block;
	font-size:18px;
	color:#8a8f95;
	padding:8px 0px 8px 0px;
	margin:0px 0px 10px 0px;
	border-top:1px dashed #CCC;
}




.post_bottom_page {
	position:relative;
	float:left;
	clear:both;
	line-height:16px;
	width:592px;
	margin:0px 0px 25px 0px;
}


.post_bottom_page h4 {
	font-size:12px;
}

.post_bottom_page h4 a:hover {
	text-decoration:underline;
}


.post_footer {
	clear: both;
}












/* -- PAGE REF -- */




.post_article_ref {
	position:relative;
	width:592px; /*592px - padding */
	float:left;
	padding:18px 18px 0px 18px;
	/*background-color:#9FC; */	
}


.post_article_ref .post_content {
	background-color:#f7f7f7;
	margin:8px 0px 8px 0px;
}


.post_article_ref .post_content img {
	background-color:#f7f7f7;
	margin:8px 0px 8px 0px;
}




/*-- Lien TXT --*/	
.post_article_ref .post_content a {
	display:block;
	color:#333;
	/**/padding:0px 0px 0px 10px;
	text-decoration:none;
	/*background-color:#009;*/

}

.post_article_ref .post_content a:hover {
	display:block;
	color:#c00707;
}




#page .post_article_ref .post_content a:hover img {

	filter				: alpha (opacity=60);/*INCOMPATIBLE IE SI APPLIQUE SUR LES IMAGES */
	-moz-opacity		: 0.6;
	opacity				: 0.6;
	cursor				: hand;
}



/*-- EFFET OVER POUR FF + IE7 --*/	
.post_article_ref .post_content:hover {
	display:block;
	background-color:#ffffff;
}




.post_article_ref .post_content img {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
}



.post_article_ref .post_content span {
	position:relative;
	text-align:right;
	display:block;
	font-weight:bold;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	background-color:#ffffff;
}


.post_article_ref .post_content a:hover span {
	text-decoration:underline;
}


.ref_sous_titre {
	position:relative;
	text-align:right;
	display:block;
	font-weight:normal!important;
	color:#666;
	font-size:10px!important;
	margin: 0px 0px 6px 0px;
	padding: 0px 3px 3px 3px !important;
	background-color:transparent!important;

	
}



.post_article_ref .post_footer {
	border-bottom:1px dashed #999;
}

































/* -- titre + sous-titres + textes sur 2 colones (.post_2_col) -- */

.post_2_col{
	padding:0px 10px 0px 10px;
}


.post_2_col .post_col_left {
	padding:0px 5px 0px 0px;
	float: left;
	width: 48%;
}

.post_2_col .post_col_right {
	padding:0px 5px 0px 5px;
	float: right;
	width: 48%;	
}













.bt_top {
	position:relative;
	display:block;
	clear:both;
	text-align: right;

}

.bt_top a {
	position:relative;
	float:right;
	clear:both;
	display:block;
	padding: 4px;
	margin: 5px 10px 10px 10px;
	color: #7F7F7F;
	border:1px solid #999;
	text-decoration: none;
	background: url(../img/bt_top.gif) no-repeat right center;
}



















/* ========== footer ========== */


#footer_bg {
	position:relative;
	float:left;
	width: 912px;
	clear:both;
	margin:8px 0px 0px 0px;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:repeat-x;
	background-color:#f2f2f3;
	border:1px solid #b5b6b9;
}








#footer {
	position:relative;
	float:left;	
	width: 896px;/*912 - border*/
	padding: 0;
	text-align: center;
	/*color: #7F7F7F;*/
	border:8px solid #ffffff;
}


#footer a {
	color: #7F7F7F;
	text-decoration: none;
}

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






/* --- NAV FILET --- */


.nav_filet {
	padding:4px;
}


.nav_filet h1 {
	font-size:11px;
	font-weight:bold;
	padding:3px 3px 3px 5px;
	background-color:#ffffff;
	margin:4px 4px 8px 4px;
}


.nav_filet td{
	vertical-align:top;
	line-height:18px;
	text-align:left;
}


.nav_filet a{
	text-decoration:none;
}

















.logo_footer {
	position:relative;
	float:left;
	text-align:left;
	width:896px;
	height:50px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/logo_footer.gif);
	background-repeat:no-repeat;
	background-position:665px center;
}
/*
.logo_footer img {
	float:left;
	text-align:left;
	padding: 15px 0px 0px 12px;
}
*/











.menu_h {
	float:right;
	margin: 0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	color:#FFF;
}


ul.menu_h a {
	font-weight:bold;
	color:#FFF !important;

}



ul.menu_h, ul.menu_h li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu_h li {
	display: inline;
}

.menu_h .separateur {
	padding: 0 3px 0 3px;
}















#copyright{
	position:relative;
	float:left;
	width:876px;/* 896px - padding */
	display:block;
	margin: 0px 0px 0px 0px;
	padding:9px 10px 9px 10px;
	font-size: 11px;
	color:#FFF;
	background-color:#b9b9b9;
}


















/* ========== MOTEUR DE RECHERCHE ========== */


html #search input {
	padding:3px 3px 3px 3px !important;	
	font-size:10px !important;
	color:#666 !important;
	margin:0px 0px 0px 0px !important;
}



html #search .bt_rechercher {
	height:22px !important;
	border:1px solid #fff !important;
	background-color:#e98221 !important;
	color:#ffffff !important;
	font-weight:bold !important;

}






/* ====== RESULTAT MOTEUR DE RECHERCHE ====== */

html .cse-overlay {
	position:absolute!important;
	margin: 0 auto !important;
	top:119px !important;
	text-align: left;
	padding:20px 20px 20px 20px !important;
	width: 870px;
	background-color: #ffffff;
	font-size: 12px !important;

}





/*SIGNATURE GOOGLE*/
html .td.gsc-branding-text div.gsc-branding-text{
	display:none !important;

}

html .img.gsc-branding-img, img.gsc-branding-img-noclear {
	display:none !important;

}



html .cse-closeResults{
	position:absolute !important;
	right:10px !important;
	top:20px !important;
}



html .cse-closeResults a{
	color:#FFF!important;
	background-color:#900!important;
	padding:3px 3px 3px 3px!important;
	
}


/*CENTRE RESULTATS*/
html .cse-resultsContainer {
	/*background-color:#9F3!important;*/

}



/*FORM RESULTATS*/
html form.gsc-search-box{
	padding:40px 0px 0px 0px;
}



html .titre{
	position:absolute;
	top:20px;
	left:20px;
	font-size:18px!important;
	color:#000!important;

}




html .gsc-webResult{

	padding:10px 0px 0px 0px !important;
	/*background-color:#CCC !important;
	border:1px solid #000 !important;*/
	}
	
	


html .gs-title{
	color:#c00707 !important;
	padding:0px 0px 7px 0px !important;
	font-size:13px !important;
	font-weight:bold !important;
	}



html .gs-visibleUrl {

	color:#999 !important;
	padding:5px 0px 0px 0px !important;
	font-size:10px !important;
	font-weight:bold !important;
	}


.gsc-results .gsc-trailing-more-results{
	display:none !important;

}











