@charset "utf-8";
/*body {font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #fffaea; font-size: 10pt}*/

body {
	margin: 1px;
	padding: 1px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/fond.gif) repeat-x #5E1D64;
	text-align: center; /* centrage du bloc => pour corriger le bug de centrage IE<6  => VOIR #conteneur ave text-align: left (utile pour que le texte ne soit pas centre)*/
}
table {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border-width : 0;
	border-spacing : 0;
}
.table1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width : 980px;
	background-color : #ffffff;
	border-width : 0;
	border-spacing : 0;
}
.table2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : #e1d0e2;
	border-width : 1px;
	border-spacing : 0;
}
.table3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : #e0d906;
	border-width : 1px;
	border-spacing : 0;
}
.table4 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width : 980px;
	border-width : 1px;
	border-spacing : 0;
} 
td {font: 8pt Verdana, Arial, Helvetica, sans-serif}
.td_c {font: 8pt Verdana, Arial, Helvetica, sans-serif; text-align: center}
.td_d {font: 8pt Verdana, Arial, Helvetica, sans-serif; text-align: right}
.td_j {font: 8pt Verdana, Arial, Helvetica, sans-serif; text-align: justify}
.td_cg {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; text-align: center}
.td1 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#F9B600}
.td2 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E1D0E2}
.td2_c {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E1D0E2; text-align: center}
.td2_d {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E1D0E2; text-align: right}
.td3 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000}
.td3_c {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: center}
.td3_j {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: justify}
.td4 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#630D68}
.td4_c {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#630D68; text-align: center}
.td4_d {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#630D68; text-align: right}
.td5 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; background-color:#630D68; color:#FFFFFF}
.td5_c {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; background-color:#630D68; color:#FFFFFF; text-align: center}
.td5_d {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; background-color:#630D68; color:#FFFFFF; text-align: right}
.td6 {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF}
.td6_d {font: bold 8pt Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align: right}
.td7 {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#E0D906;}
.td7_c {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#E0D906; text-align: center}
.td7_r {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#E0D906; text-align: right}
.td8_c {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: center}
.td8_r {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: right}
.td9 {font: 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E0D906}
.td9_c {font: 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E0D906; text-align: center}
.td9_d {font: 8pt Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: #E0D906; text-align: right}

p {font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: justify}
h1 {font: bold 16pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left}
h2 {font: bold 12pt Verdana, Arial, Helvetica, sans-serif; color: #E0D906; text-align: left}
h5 {font: bold 12pt Verdana, Arial, Helvetica, sans-serif; color: #E0D906; text-align: center}
.h2_sans_saut_deligne {
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #E0D906;
	text-align: left;
}
h3 {font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left; text-decoration: underline}
h4 {font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left}

a {
	color: #630D68;
	font:  normal 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none ;
}
a:hover {
	text-decoration: underline
}
.a_coul1 {color: #FFFFFF; font: normal 8pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.a_coul2 {color: #FFFFFF; font: bold 8pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #E1D0E2 }
.a_coul3 {color: #66668C; font:  normal 8pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none ;}
.a_coul4 {color: #E0D906; font:  bold 8pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none ;}

/* Styles de textes */
.source { font: normal 7pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left}
.copy { font: normal 7pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: right}
.text { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; text-align: justify}
.text-surli { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #E1D0E2; text-align: justify} 
.text-surli-c { font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #E1D0E2; text-align: center}
.text2 {font: bold 12pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: center}
.text3 {font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color: #824D87}
.text4 { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: justify}
.text5 {
	color : #630d68;
	text-align : center;
}
.text6 { font: 7pt Verdana, Arial, Helvetica, sans-serif; color: #000000}
.text7 { font: bold 12pt Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center}
.text8 { font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color: #630D68}
.text9 { font: bold 8pt Verdana, Arial, Helvetica, sans-serif; color: #E1D0E2}
.text10 { font: bold 14pt Verdana, Arial, Helvetica, sans-serif; color: #630D68}
.text11 {font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left; text-decoration: underline} /*equivalent a h3 sans le saut de ligne */
.text12 {font: 9pt Verdana, Arial, Helvetica, sans-serif; color: #630D68; text-align: left;}
/* Styles d'en-tete de tableaux */
.tab-tete-g {font-weight:bold; color: #000000; text-align: left}
.tab-tete-c {font-weight:bold; color: #000000; text-align: center}
.tab-tete-d {font-weight:bold; color: #000000; text-align: right}

/* Styles de textes de tableaux */
.tab-text-g {
	color: #000000;
	text-align: left;
}
.tab-text-d-i {
	font-style:italic;
	color: #000000;
	text-align: right;
}
.tab-text-surli-g {
	color: #000000;
	background-color: #E1D0E2;
	text-align: left;
}
.tab-text-surli-c {
	color: #000000;
	background-color:#E1D0E2;
	text-align: center;
}
.tab-text-surli-g2 {
	color: #000000;
	background-color: #F8F8C3;
	text-align: left;
}
/* Styles numï¿½riques de tableaux */
.tab-num {
	color : #000000;
	text-align : right;
} 
.tab-num-i {
font-style : italic;
color : #000000;
text-align : right;
}
.tab-num-c {
color : #000000;
text-align : center;
}
.tab-num-gras {
color : #000000;
text-align : right;
}
.tab-num-surli {
color : #000000;
background-color : #e1d0e2;
text-align : right;
}
.tab-num-surli-c {
color : #000000;
background-color : #e1d0e2;
text-align : center;
} 
.tab-num-surli-d2 {
color : #000000;
background-color : #f8f8c3;
text-align : right;
}

/* Styles de fond de tableaux */
.tab-fond-general {background-color: #FFFFFF; width: 970px}
.tab-fond-interieur {background-color: #FFFFFF; width: 970px}
.tab-fond {background-color: #FFFFFF; width: 960px}
.tab-simp {width:970px}
.tab-menu {background-color: #CCD9E6}
.tab-surli {background-color: #E1D0E2}
/*************************************************************
	CHIFFRES CLES
**************************************************************/
.table_chiffres_cles{
	margin: 0px;
    padding: 0px;
	width: 100%;
	border-width : 0px;
	border-spacing : 0px;
}
.tr_coul1_chiffres_cles{
	background-color: #F3F49E;
}
/********************************
	7 COLONNES
*********************************/
.td7col_1_chiffres_cles{
	width: 25%;
}
.td7col_2_chiffres_cles{
	width: 15%;
}
.td7col_3_chiffres_cles{
	width: 10%;
}
.td7col_4_chiffres_cles{
	width: 15%;
}
.td7col_5_chiffres_cles{
	width: 10%;
}
.td7col_6_chiffres_cles{
	width: 15%;
}
.td7col_7_chiffres_cles{
	width: 10%;
}
/********************************
	6 COLONNES
*********************************/
.td6col_1_chiffres_cles{
	width: 40%;
}
.td6col_2_chiffres_cles{
	width: 15%;
}
.td6col_3_chiffres_cles{
	width: 15%;
}
.td6col_4_chiffres_cles{
	width: 15%;
}
.td6col_5_chiffres_cles{
	width: 15%;
}
.td6col_6_chiffres_cles{
	width: 15%;
}
/********************************
	5 COLONNES
*********************************/
.td5col_1_chiffres_cles{
	width: 40%;
}
.td5col_2_chiffres_cles{
	width: 15%;
}
.td5col_3_chiffres_cles{
	width: 15%;
}
.td5col_4_chiffres_cles{
	width: 15%;
}
.td5col_5_chiffres_cles{
	width: 15%;
}
/********************************
	4 COLONNES
*********************************/
.td4col_1_chiffres_cles{
	width: 40%;
}
.td4col_2_chiffres_cles{
	width: 20%;
}
.td4col_3_chiffres_cles{
	width: 20%;
}
.td4col_4_chiffres_cles{
	width: 20%;
}
/********************************
	3 COLONNES
*********************************/
.td3col_1_chiffres_cles{
	width: 60%;
}
.td3col_2_chiffres_cles{
	width: 20%;
}
.td3col_3_chiffres_cles{
	width: 20%;
}
/********************************
	2 COLONNES
*********************************/
.td2col_1_chiffres_cles{
	width: 70%;
}
.td2col_2_chiffres_cles{
	width: 30%;
}
/*************************************************************
**************************************************************/
/*calque pour le moteur de recherche */
.image_flottante_droite {
 float:right;
 /* position: absolute;*/
 /*width: 150px;height: 20px;*/
  overflow: visible;
 /* background-color: yellow;*/
  /*border-color: black;*/
}
.image_flottante_gauche {
 float:left;
}
.spacer{
  clear:both;
}
.bloc_larg1{
  width:100%;
}
.animation{
  position: absolute;
  overflow: visible;
}
/*************************************************************
	PUBLICITE
**************************************************************/
div#pub{
	position:absolute;
	left: 45%;/*left:45%;*/
	top: 200px;/*top:200px;*/
	visibility:visible;
}
div#bouton_fermer{
	position:absolute;
	left:80%;
	top:3px;
	visibility:visible;
}
/*****************************/
div #pub2 {
	position: absolute;
	left: 62%;
	top: 160px;
	visibility:visible;
	background: url(images/pub_coul1.gif) no-repeat;/* mauve */
	width: 357px;
	height: 222px;
	margin: auto;
}
div #pub2_texte{
	position: relative;
	margin: 10px;
	padding: 0px;
	visibility:visible;
	display:block;
}
/*******************
appeler <div class='pub2_bouton_fermer'>
apres <div class='pub2_texte'>
*******************/
div #pub2_bouton_fermer{
	position: absolute;
	left: 79%;
	top: -5px;
	visibility: visible;
}
/*****************************/
div#pub3 {
	position: absolute;
	left: 62%;
	top: 160px;
	visibility:visible;
	background: url(images/pub_coul1.gif) no-repeat;/* mauve */
	/*background: url(images/pub_coins_arrond_coul3.gif) no-repeat;*/ /* jaune */
	width: 357px;
	height: 222px;
}
#pub3_texte {
	position: relative;
	display:inline;
	left: 10px;
	top: 10px;
	width: 330px;
	height: 180px;
	visibility:visible;
	color: #630D68;
	display:block;	
}
#pub3_texte_g{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
	text-align:justify;
}
#pub3_texte_d{
	float: right;
	width: 25%;
	margin: 0;
	padding: 0;
}
#pub3 h1{
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #630D68;
	text-align: left;
}
/*************************************************************
	BOITE CONNEXION EXTRANET
**************************************************************/
div #boite_connexion_extranet {
	position: relative;
	visibility:visible;
	background: url(images/boite_connexion_extranet.gif) no-repeat;/* mauve */
	width: 304px;
	height: 124px;
	margin: auto;
}
.boite_connexion_extranet_texte_col_gauche {
	float: left;
	width: 48%;
	margin: 2px auto auto 10px;
	visibility:visible;
	text-align: left;
	color: #630D68;
}
.boite_connexion_extranet_texte_col_droite {
	float: left;
	width: 48%;
	margin: 2px auto 10px auto;
	visibility:visible;
	text-align: left;
}
div #boite_connexion_extranet_bouton{
	position: relative;
	margin: auto 20px 0px auto;
	visibility:visible;
	text-align: right;
}
.boite_connexion_extranet_champs {
	width: 120px;
}
/*************************************************************
 conteneur vide
 a utiliser pr positionner une img tt en bas de la page par ex
 =>
 <div class="conteneur">
   <div id="contact" style="position:absolute;left:0em;bottom:0em;visibility:visible">
	<img src="images/contact.jpg" alt="Contact CODE 30 - Caroline SEIGNEURET - 04 66 879 964">
  </div>
 </div>
**************************************************************/
.conteneur{
  position: relative;
}
/***********************************************************************************************************
 NOUVEAUX STYLES (10/06/09)
************************************************************************************************************/
#separateur {
	clear: both;
    visibility: hidden;
}
.separat{
	clear: both;
    visibility: hidden;	
}
#conteneur_principal{
    position: relative;
    width: 970px;
    margin: 5px auto auto auto;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
	text-align: left; /* pour corriger le bug de centrage IE<6 */	
}
#conteneur {
    position: relative;
    width: 980px;
    margin: 0px auto auto auto;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
	text-align: left; /* pour corriger le bug de centrage IE<6 */
}
#conteneur1 {
    position: relative;
    width: 100%;
    margin: 0px;
	padding: 0px;
    background-color: #FFFFFF;
}
#conteneur2 {
	/* utilise ds sel_com */
    position: relative;
    width: 860px;
    margin: 0px;
	padding: 0px;
    background-color: #FFFFFF;
	margin: 0 40px;
}
/**********************************************************
	POSITIONNEMENT FLOTTANT
***********************************************************/
.col_gauche {
    float: left;
}
.col_droite {
    float: right;
}
.col_gauche_10 {
    float: left;
    width: 9%;/* <50 a cause des marges */
	margin: 0px 5px 0px 5px;
    padding: 0px;
}
.col_gauche_50{
    float: left;
    width: 47%;/* <50 a cause des marges */
	margin: 5px 2px 5px 5px;
    padding: 0px;
}
.col_droite_50{
    float: right;
    width: 47%;/* <50 a cause des marges */
	margin: 5px 5px 5px 3px;
    padding: 0px;
}
.col_gauche_60{
    float: left;
    width: 57%;
	margin: 0px 5px 0px 5px;
    padding: 0px;	
}
.col_droite_40{
    float: right;
    width: 37%;
	margin: 0px 5px 0px 5px;
    padding: 0px;
}
.col_30{
	float: left;
	width: 33%;
	margin: 0px;
	padding: 0px;
}
/**********************************************************
	POSITIONNEMENTS FLOTTANT - BORDS ARRONDIS
	EX :
		<div class="col_droite_40 fond1">
			<div class="haut_droit"></div><div class="haut_gauche"></div>
			<div class="margin3">
				
			</div>
			<div class="bas_droit"></div><div class="bas_gauche"></div>
		</div>
	
***********************************************************/
.coin_arrondi_haut_gauche, .coin_arrondi_haut_droit, .coin_arrondi_bas_gauche, .coin_arrondi_bas_droit {
	height: 18px;
	width: 18px;
	background-repeat: no-repeat;
	/* correction d'un bug IE */
	font-size: 1px;
}
/* propriétés spécifiques à chaque coin */
.coin_arrondi_haut_gauche {
	background: url(images/coin_haut_gauche4.jpg);
}
.coin_arrondi_haut_droit {
	float: right;
	background: url(images/coin_haut_droite4.jpg);
}
.coin_arrondi_bas_gauche {
	background: url(images/coin_bas_gauche4.jpg);
}
.coin_arrondi_bas_droit {
	float: right;
	background: url(images/coin_bas_droite4.jpg);
}
/**********************************************************
POSITIONNEMENTS FLOTTANT - ATTRIBUTS
***********************************************************/
.gras {
	font-weight: bold;
}
.centre {
	text-align: center;
}
.droite {
	text-align: right;
}
.gauche {
	text-align: left;
}
.margin0 {
	margin: 0px;
    padding: 0px;
}
.margin1{
	margin: 0px 0px 0px 10px;
	padding: 5px;
}
.margin3{
	margin: 5px;
}
.bordure1 {
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-color: #C7ADC8;
    margin: 0px;
	padding: 0px;
    background-color: #FFFFFF;
}
.bordure2 {
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-color: #E1D0E2;
    margin: 0px;
	padding: 0px;
    background-color: #FFFFFF;
}
.fond1 {
	background-color: #C7ADC8;
}
.fond2 {
	background-color: #E1D0E2;
}
.fond3{
	
}
.saut_de_ligne1 {
	margin: 10px 0px 10px 10px;
	padding: 10px 0px 10px 10px;
}
#col_gauche_50_bordure{
    float: left;
    width: 48%;/* si 50% => mettre margin-right margin-left a 0*/
    padding: 0px;
	margin: 5px 2px 5px 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #C7ADC8;
    background-color: #FFFFFF;
}
#col_droite_50_bordure{
    float: right;
    width: 48%;/* si 50% => mettre margin-right margin-left a 0*/
 	margin: 5px 5px 5px 3px;
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #C7ADC8;
    background-color: #FFFFFF;
}
#col_gauche_25{
    float: left;
    width: 23%;
	margin: 0px;
    padding: 10px 5px 0px 5px;
}
#col_droite_75{
    float: right;
    width: 72%;
	margin: 0px;
    padding: 10px 5px 0px 5px;
}
/**********************************************************
	TABLES
	=> 3 OU 4 COL / 1 LIGNE SUR 2 EN COULEUR
	=> MARGIN et PADDING = 0 (sinon  tableau trop aere)
***********************************************************/
#table_col_gauche_30 {
	float: left;
	width: 30%;
	margin: 0px;
    padding: 0px;
}
#table_col_gauche_30_titre {
	float: left;
	width: 30%;
	margin: 0px;
    padding: 0px;
	font-weight: bold;
	text-align: center;
}
#table_col_gauche_30_centre {
	float: left;
	width: 30%;
	margin: 0px;
    padding: 0px;
	text-align: center;
}
#table_col_gauche_30_fond1 {
	float: left;
	width: 30%;
	margin: 0px;
    padding: 0px;
	background-color: #E1D0E2;
}
#table_col_gauche_30_fond2 {
	float: left;
	width: 30%;
	margin: 0px;
    padding: 0px;
	background-color: #D2B6D4;
}
#table_col_gauche_20 {
	float: left;
	width: 20%;
	margin: 0px;
    padding: 0px 0px 0px 5px;
	text-align: right;
}
#table_col_gauche_20_fond1 {
	float: left;
	width: 20%;
	margin: 0px;
    padding: 0px 0px 0px 5px;
	background-color: #E1D0E2;
	text-align: right;
}
#table_col_gauche_50 {
	float: left;
	width: 50%;
	margin: 0px;
    padding: 0px;
}
#table_col_gauche_50_fond0 {
	float: left;
	width: 50%;
	margin: 0px;
    padding: 0px;
	background-color: #FFFFFF;
}
#table_col_gauche_50_fond1 {
	float: left;
	width: 50%;
	margin: 0px;
    padding: 0px;
	background-color: #E1D0E2;
}
#table_col_gauche_60_fond1 {
	float: left;
	width: 60%;
	margin: 0px;
    padding: 0px;
	background-color: #E1D0E2;
}
.titre_col {
	font-weight: bold;
	text-align: center;
}
/**********************************************************
	FORMULAIRES
***********************************************************/
.bouton0 {
	background-color: #E1D0E2;
	border-color: #FFFFFF;
	border-style: none;
}
.bouton1 {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	border-style: none;
}
.bouton_file {
	background-color: #FFFFFF;
	border-color: #E0D906;
	border-style: solid;
}
.input_text0 {
	width: 50px;
}
.input_text1 {
	width: 80px;
}
.input_text2 {
	width: 200px;
}
/*********************************
	INPUT TYPE="FILE"
**********************************/
#conteneurFile #divFile {
	position : relative;
	width : 290px;
	text-align : right;
}
#conteneurFile .inputFile {
	opacity : 0; /* for !IE */
	filter : alpha(opacity=0); /* for IE */
	position : absolute;
	right : 0;
	top : 0;
}
#conteneurFile .inputText {
	border : none;
	padding : 0px 6px;
	background : #def;
	width : 180px;
	background: transparent url("http://bormat2.free.fr/image/input.png");
}
#conteneurFile span {
	padding : 1px 10px;
	background: transparent url('http://www.code30.cci.fr/images/bouton_selectionnez.gif');
}
/*********************************
**********************************/

/**********************************************************
    BANDEAU
**********************************************************/
#header {
    height: 114px;
    width: 970px;
    /*background: url(images/tetiere.gif) center bottom no-repeat;*/
    margin: 6px 5px 0px 0px;
    padding-bottom: 0px;
	padding-top: 6px;
	padding-left: 2px;
}
/*
#header1 {
    width: 804px;
    height: 18px;
    background: url(images/tetiere1.gif) center bottom no-repeat;
    margin: 6px 0px 0px 0px;
    padding-bottom: 0px;
	padding-top: 6px;
	padding-left: 2px;
}
#header2 {
    width: 86px;
    height: 18px;
    background: url(images/tetiere2.gif) center bottom no-repeat;
    margin: 6px 0px 0px 0px;
    padding-bottom: 0px;
	padding-top: 6px;
}
#header3 {
    width: 80px;
    height: 18px;
    background: url(images/tetiere3.gif) center bottom no-repeat;
    margin: 6px 5px 0px 0px;
    padding-bottom: 0px;
	padding-top: 6px;
}
#header4 {
    width: 970px;
    height: 96px;
    background: url(images/tetiere.gif) center bottom no-repeat;
    margin: 0px 5px 0px 0px;
    padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 2px;
}
*/
#header h1{
    text-indent: -5000px;
    margin: 0;
    padding-bottom: -10em;
    line-height: 0;
}
#conteneur_header {
    position: relative;
    width: 980px;
    margin: 0px 0px 0px 0px;
    padding: 6px 3px 0px 0px;
    background-color: #ffffff;
	text-align: right;
}
#conteneur_header img {
    border-width: 0;
    border-style: none;
}
/**********************************************************
	MENU
***********************************************************/
#conteneur_menu {
    position: relative;
    width: 960px;
    margin: 5px 5px 0px 5px;
    padding: 5px 0px 0px 0px;
    background-color: #ffffff;
}
ul .header{
    text-align:center;
    display: inline;
    margin: 2px;
    list-style-type: none;
    background-color: #000000;
}
.header li {
    margin: 0px 0px 0px 0px;
}
/*.header a:link, a:visited, a:hover, a:active  {*/
.header a {
    color: #ffffff;
}
/**********************************************************
	ACCUEIL - PIED DE PAGE
***********************************************************/
#conteneur_footer {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 0px;
    padding: 1px 0px 3px 0px;
    background-color: #000000;
    text-align: center;
}
#conteneur_logo_stats{
    position: relative;
    width: 980px;
    margin: 0px auto 0px auto;
	background-color: #000000;
}
#logo_stats {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    float: right;
}
ul .footer{
    text-align:center;
    display: inline;
    margin: 0px 20px 0px 0px;
	padding: 0px;
    list-style-type: none;
    background-color: #000000;
}
.footer li {
    margin: 0px 0px 0px 0px;
	padding: 0px;
}
/*.footer a:link, a:visited, a:hover, a:active  {*/
.footer a {
    color: #ffffff;
}
/**********************************************************
	ACCUEIL - ACTU STAT
***********************************************************/
div #actu_stat_haut {
    height: 61px;
    width: 209px;	
	background: url(images/actu_stat_haut.gif) no-repeat;
    padding: 0px;
	margin: 0px;
}
div #actu_stat {
    width: 208px;
    background-color: #DCCC00;
    border-width: 0px;
	padding: 10px 0px 0px 10px;
	margin: -1px 0px 0px 1px;
    text-align: left;
}
/**********************************
	HACK CSS SPECIFIQUE A FIREFOX
	firefox considere que le padding
	est compris au width
	ex : pr un bloc de 208px de larg
	avec des padding-left et right de 5px
	-> width : 198px
	-> padding: 0px 5px 0px 5px;
***********************************/
div #actu_stat_firefox {
    width: 198px;/* 195px - 1px (marge gauche) */
    background-color: #DCCC00;
    border-width: 0px;
	padding: 10px 0px 0px 10px;
	margin: -1px 0px 0px 1px;
    text-align: left;
}
div #actu_stat_bas {
    height: 15px;
	width: 209px;
    background: url(images/actu_stat_bas.gif) no-repeat;/* #FFCD03;*/
	border-width: 0px;
    padding: 0px;
	margin: -1px 0px 0px 0px;
}
.actu_stat_texte1 {
    font: 10pt Arial bold;
    color: #ffffff;
    text-align:left	
}
.actu_stat_texte2 {
    font:20pt bold;
    color: #000000;
    text-align:left	
}
.actu_stat_texte3 {
    font:12pt bold;
    color: #000000;
    text-align:left	
}
.actu_stat_texte4 {
    font: 7pt Arial bold;
    color: #ffffff;
    text-align:left	
}
/**********************************************************
***********************************************************/
#pointilles{
    display: block;
    /*width: 100%;*/
    height: 1px;
    margin: 20px 0px 20px 20px;
    padding: 0;
    color: #C0C0C0;
    border-style: dashed;
}
/**********************************************************
	LISTES
***********************************************************/
li {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	list-style: square;
}
.li_puce {
	list-style-image: url(images/puce_3pix_bordeau.gif);
}
/* Accueil - Nouveautes */
.li_disq1 {
	color: #5D005F;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	list-style: disc;
	line-height: 14pt;
	margin-left: 12px
}
.li_disq2 {
	color: #66668C;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	list-style: disc;
	line-height: 14pt;
	margin-left: 12px
} /* Accueil - Services en ligne */
.li_disq3 {
	color: #000000;
	list-style: disc;
}
/* Accueil - Titre Nouveautes sans indentation */
.li_sanspuce1 {
	color: #5D005F;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	line-height: 14pt;
	text-indent: -20px
}
 /* Accueil - Titres Services en ligne sans indentation */
.li_sanspuce2 {
	color: #66668C;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	line-height: 14pt;
	text-indent: -20px
}
.li_accueil1{
    margin-top: 8px;
	margin-left: 0px;
    padding-left: 0;
    list-style-image: url(images/puce1.gif);
}
.li_accueil2{
    margin-top: 8px;
    margin-left: 0px;
    padding-left: 0;
    list-style-image: url(images/puce2.gif);
}
.li_accueil1 a:link, .li_accueil1 a:visited, .li_accueil1 a:active {
	color: #000000;
	font:  normal 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.li_accueil1 a:hover {
	color: #000000;
	font:  normal 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.li_accueil2 a:link, .li_accueil2 a:visited, .li_accueil2 a:active {
	color: #000000;
	font:  normal 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.li_accueil2 a:hover {
	color: #000000;
	font:  normal 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.li_mentions_leg {
    margin-top: 8px;
    margin-left: 0px;
    padding-left: 0;
    list-style-image: url(images/puce2.gif);
	text-align: left;/* sinon les elements sont centres => ??? */
}
/**********************************************************
	COLONNES
***********************************************************/
#colonne100pc {
	float: left;
	width: 100%;
	padding: 10px 20px 20px 20px;
}
div #colonne_gauche{
    float: left;
    width: 20%;
    /*height: 100%;*/
    padding: 10px 10px 0px 20px;
}
div #colonne_centre{
    /*height: 100%;*/
    padding: 10px 10px 0px 10px;
}
div #colonne_droite{
    float: right;
    width: 20%;
    /*height: 100%;*/
    padding: 10px 10px 0px 10px;
}
/**********************************************************
	COLONNES
***********************************************************/
a img {
    border-width: 0;
    border-style: none;
}
/**********************************************************
***********************************************************/
.aides_terr_col1{
	float: left;
	width: 60%;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}
.aides_terr_col2{
	float: left;
	width: 36%;
	padding: 10px 10px 0px 10px;
	margin: 0px;	
}
.bords_arrondis1{
	/*-moz-border-radius: 10px;//css3pie => ne fonctionne pas avev IE<9
	-webkit-border-radius: 10px;//css3pie => ne fonctionne pas avev IE<9 */
	border-radius: 10px;
	/*behavior: url(css3pie/PIE.htc);//css3pie => ne fonctionne pas avev IE<9 */
}
