/********************************************* COMMUN ***********************************/

/* commun */
html, body {
	background-color:#E68A18;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.82em;

}

*{
	margin:0;
	padding:0;
}

/******** LIENS *********/
a{
	outline: none;
}

.a_red
{
	color:#FF0000;
	padding: 0 0px 0 0;
}

.a_bold_red
{
	color:#FF0000;
	padding: 0 0px 0 0;
        font-weight:900;
        text-decoration:none;
        font-size:12px;
}

.a_home
{
	color:#877570;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	text-decoration:underline;
	float: right;

}
/*************************/

img
{
	outline: none;
	margin: 0;
	padding: 0;
	border: none;
}

ul
{	
	list-style-type:none;
	list-style-position:outside;
	list-style-image:url(/chrome/default/images/puce_rouge.gif);
	margin:0 0 10px 20px;
	padding: 0 7px 0 7px;
	
}

li
{
	
	/*padding-left: 5px;*/
	margin: 5px 0 5px 0;
		
}

li a
{
	_margin-left:6px; /* IE */
}

hr
{	
	display: none;
}

.hidden
{
	display:none;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

.center
{
	text-align: center;
}

.uppercase
{
    text-transform: uppercase;
}
/************************************ TEXTES & LIENS *******************************/
h1, h3, h4, h5, h6
{
	color: #1B2F61; /* bleu marine */
}

h2
{
	font-size: 2em;
	color: #9B948A;
	height: 24px;
	width: 445px;
	padding: 0 0 6px 0;
	background:url(/chrome/default/images/pointille-rouge.gif) repeat-x left bottom;
	margin: 24px 0 20px 0;
	/* experimental word-wrap */
	/*white-space: pre-wrap; /* css-3 */
/*white-space: -moz-pre-wrap ;/*!important; /* Mozilla, since 1999 */
/*white-space: -pre-wrap; /* Opera 4-6 */
/*white-space: -o-pre-wrap; /* Opera 7 */
/*word-wrap: break-word; /* Internet Explorer 5.5+ */
/*white-space: pre;
white-space: -hp-pre-wrap; /* HP Printers */
/*white-space: pre-line;
	/*************************/
	
}	

/*
.module_header
{
	color: #9B948A;
	height: 24px;
	width: 200px;
	background:url(/chrome/default//images/pointille-rouge.gif) repeat-x left bottom;
	margin: 0 0 20px 0;
	
}
*/

.hr_red_dots
{
	background:url(/chrome/default//images/pointille-rouge.gif) repeat-x left bottom;
	height: 20px;
	margin: 0 0 10px 0;
}

a
{
	color: #1B2F61; /* bleu marine */
	text-decoration:underline;
}

/*** effets polices ***/
.bold
{
	font-weight:bold;
}

.tresgras
{
	font-weight:900;
}

.maigre
{
	font-weight:lighter;
}
/*** couleurs d'écritures ***/
.txt_gris_clair
{
	color: #CCCCCC;
}

.txt_orange
{
	color: #DA9A23;
}

.txt_blanc
{
 color: #FFFFFF;
}

.txt_vert
{
	color: #009933;
}

.txt_bleu_marine
{
	color: #1B2F61; /* bleu marine */
}


/*** fonds ***/
.bg_gris_fonce
{
	background-color:#666666;
}

.bg_gris
{
	background-color:#AAAAAA;
}

.bg_gris_leger
{
	background-color:#EEEEEE;
}

.bg_orange
{
	background-color: #E68A18;	
}

.bg_orange_clair
{
	background-color:#FFCC66;
}

.bg_abricot
{
	background-color: #EDCC8C;
}

.bg_vert
{
	background-color: #5FA841;
}

.bg_vert_pomme
{
	background-color: #C7DC30; /*#D3E261*/
}


.div_list_ctrl
{
	width: 8px;
	height: 8px;
	margin: 0px 4px 0 4px;
	/*border: solid 1px black;*/
	/*background:url(/chrome/default/images/list_closed.gif) no-repeat left;*/
	float: left;
}

/*********************************** BORDURES ******************************/
.border_top_1px
{
	border-top-width: 1px;
	border-top-style:solid;
	border-top-color:#000000;
}

/* bleu select recherche: #61B9DD */
/* medias #FCE6C6 */
/* q & r #EBE9E6; */
/* texte vert : #009933 */
/* bleu marine : #1B2F61;
/* rouge : #D30020; */
/* titre news : #9B948A */

/************************************ BLOCS PRINCIPAUX **********************************/

#conteneur {
	width:870px;
	margin:0 auto;
	/*background-color:#FFFFFF;*/
	background-image:url(/chrome/default/images/fonds/fondblc-2traitsnoirs.gif);
	/*background-repeat: repeat-y;*/
	background-repeat: repeat-y ;
	min-height: 900px;
	_height: 900px;
	
}

/*** TOOTIP ***/
div#tooltip {
	div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#CCCCFF;/* #FFEEC7*/
   border:1px dotted #555555;
   padding:0.2em;
   font-size:0.8em;
}
}

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

/****************************************************************************************************/
/*													EN-TETE											*/
/****************************************************************************************************/
/* conteneur bandeau */
#header {
	height: 111px;
	margin-left: 170px;
	_margin-left: 170px;
	width: 527px;

}

/* bandeau logo */
#logo
{
	height: 111px;
	width: 100%;
	/*background:url(/chrome/default/images/bando-haut-int.jpg) no-repeat center;*/
}

/* bloc navigation */
#nav_top
{
	position: absolute;
	float: left;
	margin: 10px 0px 0 685px;	 /* all */
	_margin: 10px 0px 0 515px;	/* IE only */
	width: 170px;
	text-align: center;
	z-index:10000;
	font-size: .8em;
}

#nav_top a
{
	text-decoration: none;
}

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

#nav_top ul li
{
	display: inline;
	padding-left: 8px; /* all */
	_padding-left: 2px; /* IE */
}

.bg_puce_noire
{
	background:url(/chrome/default//images/puce_noire.gif) no-repeat left center;
}

/****************************************************************************************************/
/*												COLONNE GAUCHE										*/
/****************************************************************************************************/
#gauche {
	float:left;
	width: 170px;
	/* header=191 + arrondi=23 = 214px */
	margin:-111px 0 0 0;  /* all */
	_margin:-114px 0 0 0; /* IE */
	padding:0 0 30px 0;
	/*background-color:#FFFF99;*/

}
/*** portrait fille ***/
#visage
{
	background:url(/chrome/default/images/portrait-fille-int.jpg) no-repeat center;
	width: 170px;
	height:	288px;
	/*
	margin:-73px 0 0 0; /* all */
	/*_margin:-73px 0 0 0; /* only IE */
	padding:0;	
}

/*** espace p�dagogique ***/
#espace_pedago
{
	
}

#bonsreflexes_liens_1
{
	margin:0 0 10px 20px;
	padding: 0 7px 0 7px;
}

#bonsreflexes_liens_2
{
	margin:0 0 10px 20px;
	padding: 0 7px 0 7px;

}


/*** logo r�publique fran�aise ***/
#rf
{
	margin:0 0 10px 0;
	padding: 0 7px 0 7px;
	size: .7em;
}

#rf_logo
{
	text-align:center;
}

/****************************************************************************************************/
/*												COLONNE CENTRALE									*/
/****************************************************************************************************/
#centre {
	/*background-color:#FFFFFF;*/
	margin-left: 170px;
	margin-right: 170px;
	/*background:url(/chrome/default/images/fonds/bg_centre_507px.gif) repeat-y;*/
	/*
	min-height: 700px;
	_height: 700px;
	*/
}

/*** div de l'arrondi haut ***/
#arrondi_haut
{	
	background:url(/chrome/default/images/arrondi-528-int.gif) no-repeat top left;
	/*background-color:#99CCFF;*/
	/*border-top: solid 1px black;*/
	height: 23px;
	width: 528px;
	margin: 0px 0 0 0; /* all */
	_margin: -3px 0 0 0; /* IE */
	padding: 0;
	
	left: 0;
	float: left;	
}

/*** div de contenu principal de la colonne centrale ***/
#centre_content
{
	padding: 15px 15px 15px 15px;
}

/*** news ***/
#news_list
{
	width: 480px;
	margin: 0 0 0px 0;
}

#news_list_item
{
	margin: 0 0 20px 0;
}

#news_list_item h3
{
	font-size: 14px;
}

#news_list_item img
{
	float: left;
	margin: 0 8px 0 0;
}

#news_a_view_article
{
	text-align:right;
	margin-right: 0;
}

#news_link_all_news
{
	text-align: right;
	width: 480px;
	margin: 0px 0 20px 0;
}

.medias_item_control
{
	width: 490px; /* also present in medias.css */
}	

/*** partenaires ***/
#partenaires
{
	border: none;
}

#partenaires td
{
	vertical-align:middle;
}

#partenaires img
{
	padding: 10px 10px 10px 0;
}

/*** liens (statiques) ***/
#ul_liens 
{
	list-style-position: outside;
	margin: 10px 0 0px 10px;
}

#ul_liens li
{
	margin: 0 0 10px 0;
}

/****************************************************************************************************/
/*												COLONNE DROITE										*/
/****************************************************************************************************/
#droite {
	margin:-85px 0 0 0;
	float:right;
	width: 170px;
	/*background-color:#66FF99;*/
}

/* bloc bons r�flexes (image) */
#bonsreflexes_img
{
	min-height: 70px; /* all */
	_height: 70px; /* IE */
	text-align: center;
	margin: 0 0 15px 0;
}

/* bloc s�lection commune */
.select_bassins
{
	background-color: #61B9DD;
	color: #FFFFFF;	
}

.select_commune
{
	font-size: .8em;
	background-color: #61B9DD;
	color: #FFFFFF;	
}

#deroulants h3
{
	color:#FFFFFF;
	font-weight:bold;
}

/* commun aux blocs */
#block_content
{
	padding: 4px 10px 4px 10px;
}

.block
{
	width:157px;
	margin:0 7px 10px 7px;
	padding: 0 0 0 0px;
}


.debug
{
	position: fixed;
	top: 98%;
	margin-bottom:0px;
        display:none;
}

b.dtop, b.dbas{display:block;background:#FFFFFF; font-size:1px; }
b.dtop b, b.dbas b{display:block;height: 1px; font-size:1px;
    overflow: hidden; }
b.r1{margin: 0 5px ; font-size:1px;}
b.r2{margin: 0 3px ; font-size:1px;}
b.r3{margin: 0 2px ; font-size:1px;}
b.dtop b.r4, b.dbas b.r4{margin: 0 1px;height: 2px; font-size:1px;}	

/* bloc support & m�dias */
#bloc_medias
{	
	
}

.rounded_bloc_medias {  background:#FCE6C6}
.rounded_bloc_medias #corner { background:#FCE6C6; }

#bloc_numero_vert img
{
	margin: 5px 0 0px 0px;
}

.rounded_no_vert {  background: transparent; }
.rounded_no_vert #corner { background:transparent; }


/* bloc questions et r�ponses */
#bloc_faq
{

}

.rounded_faq {  background: #EBE9E6; }
.rounded_faq #corner { background:#EBE9E6; }

#bloc_faq img
{
	float: left;
	margin-right: 3px;
	
}

#bloc_bassins
{

}

.rounded_bassins {  background: #61B9DD; }
.rounded_bassins #corner { background:#61B9DD; }


/****************************************************************************************************/
/*												PIED DE PAGE										*/
/****************************************************************************************************/
#pied {
	/*float: left;*/
	/*position: absolute;*/
	bottom: 0px;
	width: 870px;
	/*height: 200px;*/
	margin: 0px auto;
	text-align:center;
	background-color:#E68A18;
	font-size: .8em;
	font-family:arial;
}

#pied #copyright
{
	/*background-color:#FFFFFF;*/
}

#pied #magazine
{
	
	padding: 0 0 5px 0;
	_padding: 0 0 0px 0;
	text-align: right;
	border: 1px solid #E68A18;
	/*height: 30px;*/
	width: 100%;
	height: 12px;
	vertical-align:middle;
}

#benchmark
{
	position: fixed;
	top: 98%;
	margin-bottom:0px;
	color:#EE9221;	
}