/*************************************************************/
/* REGLES GENERALES */ 
/*************************************************************/
html, body, table, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-color: #C9D46E;
}

legend {
	font-family: "Arial Black";
    font-size: 14px;
	font-stretch: condensed;
	color: #999999;
}


td {
	vertical-align:top;
}
/* Exception */
td.retraitTXT  {
	text-indent: 10px;
	}
#retraitTXT90 {margin-left:90px;}

a {text-decoration : none;}
a:hover {
text-decoration: underline;
background: none; /* correction d'un bug IE */
}


p {	text-align: justify; margin-right:10px;}

.pasdespace {display:block;}


/* Couleurs de fond des titres */
.blocVert {background-color:#C9D46E; padding: 4px 0 4px 6px;}
.blocBleu {background-color:#CFEBF3; padding: 4px 0 4px 6px;}
.blocRouge {background-color:#A55352; padding: 4px 0 4px 6px;}
.blocJaune {background-color:#FED200; padding: 4px 0 4px 6px;}
.blocRose {background-color: #ecdedd; padding: 4px 6px 4px 6px;}
.blocInfos1 {background-color: rgb(148, 21, 20); padding: 4px 0 4px 6px;}
.blocInfos2 {background-color: rgb(169, 55, 54); padding: 4px 0 4px 6px;}
.blocInfos3 {background-color: rgb(171, 73, 71); padding: 4px 0 4px 6px;}
.blocInfos4 {background-color: rgb(194, 123, 122); padding: 4px 0 4px 6px;}
.blocInfos5 {background-color: rgb(214, 158, 156); padding: 4px 0 4px 6px;}
.blocInfos6 {background-color: rgb(228, 191, 190); padding: 4px 0 4px 6px;}	

/* Couleurs des textes */
.txtVert {color:#94B335;}
.txtBleu {color:#4BB0CD;}
.txtRouge {color:#993300;}
.txtJaune {color:#FDBA3F;}
.txtBlanc {color: white;}
.txtNoir {color: black;}
.txtGris {color:#999999;}

/* les changements de couleurs au survol selon le module */
.rollVert {background: #C9D46E;}
.rollBleu {background: #B5DAE6;}
.rollRouge {background: #CF9797;}
.rollJaune {background: #F2C800;}

/*************************************************************/
/* ORGANISATION DE LA PAGE : COLONNES ET ENTETES */ 
/*************************************************************/


/* CONTENEUR GENERAL */
/*************************************************************/
#content {
	margin : 20px auto 20px auto; 
	width : 992px ; 
	height : auto ;	
}


/* EN HAUT DE PAGE */
/*************************************************************/

/* entête composée de header 1 et 2  */
#header1 {
	width : 992px ;
	height : 22px ; 
	background : url(images/header1.jpg);
}
 
#header2 {
	width : 992px ;
	height : 108px ;
	background : url(images/header2.jpg);
}
 
#bandoNoir { /* Présent aussi en bas de page : lien vers messagerie */
	clear: left;
	background: url(images/header3.jpg) no-repeat;
	width: 992px;
	height: 22px;
	padding-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: White;
	font-size: 9px;
	font-weight: bold;
	font-stretch: ultra-expanded;
	text-align:center;	
}

#bandoNoir a {color : White; }
#bandoNoir a:hover {color : #C9D46E; }

/* Menu de navigation */

#container {
	clear : left ;
	width: 969px;
	margin-left: 11px;
	padding:0;
	border-bottom: 1px solid #000000;
	font: 8pt/14pt verdana, arial, sans serif;
}

#container h5 {	margin: 0;
border-bottom:1px solid #111111;
}

#container h5 a, #container h5 a:link, #container h5 a:visited {
	padding: 0 52px;
	display: block;
	color: #000000;
	text-decoration: none;
}

#container h5 a:hover, #container h5 a:active {
	background: #000000 url(images/fd_bandonoir2.jpg) no-repeat;
	color: #FFFFFF;
}

#container .stretcher {
	background: #fff url(images/ombre_navig.gif) repeat-x top left;
	font: 8pt/14pt verdana, arial, sans serif;
	padding-left: 72px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px;
}

#container .stretcher a {
	text-decoration: none;
	color: #222222;
}
#container .stretcher a:hover {
	color:#CCCCCC;

}
/* fin Menu de navigation */



/* AU CENTRE : LES COLONNES */
/*************************************************************/

/* colonne 1 : carrés de couleur */
#deco{ 
	margin: 0 0 0 11px;
	float: left;
	width: 21px;
	height:100%;
	background-color:#FAF9CB;
	padding: 0;
	}

/* colonne 2 : lieu du contenu */
#gauche{
	margin: 0 0 0 30px;
	float: left;
	width: 480px;
	height:auto;
	padding: 0 0 100px 0;
	border-right: 1px solid rgb(204, 204, 204);
}

/* colonne 3 : date, actualités, contacts */
#milieu{
	margin-left: 8px;
	float: left;
	width: 165px;
	padding: 0 0 100px 0;
	color: #777777;
}

/* colonne 4 : la plus à droite */
#droite {
	margin : 0 12px 0 8px ; 
	float : right ; 
	width : 225px  ; 
	padding : 10px 10px 100px 0px;
}

/* Exception : la page d'accueil qui ne comporte que 3 colonnes */
#colonneAccueil{
	float: left; 
	width: 700px; 
	padding:0;
	margin:0;
}

/* EN BAS DE PAGE */
/*************************************************************/
#infos {
	clear: left;
	width: 992px;
	height: 20px;
	background : url(images/bas_centre.jpg) no-repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: italic;
	padding-top:4px;
	padding-bottom:4px;
}


/*************************************************************/
/* LES TEXTES */ 
/*************************************************************/


/* Les titres */
h1 { 
	font-family: "Arial Black";
    font-size: 24px;
	font-stretch:ultra-condensed;
    }
	
h2 { 
	font-family: "Arial Black";
	font-size: 20px;
    }

h3 {
/* pour colonne de droite */
    font-family: "Arial Black";
    font-size: 18px;
    font-weight: bold;
}

h4 { /* Les titres gris */
	font-family: "Arial Black";
    font-size: 14px;
	font-stretch: condensed;
	color: #999999;
	}

h5 { /* pour le menu de navigation et les sous-titres surlignés */
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* EFFET DE TITRE AVEC LIGNE GRISE */
#ligneDeTitre{
	background: url(images/ligne_tit.gif) repeat-x;
	width:100%;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}
/* couplé à un span qui encadre le texte */
.fond_blanc{
	background:#FFFFFF;
	padding-right:6px;
}

/* --------------------------------- pour les autres textes --------------------------------------- */	
  .legende { 
  	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight:bold;
	font-stretch:expanded;    
    }
	
  .txtCondense { 
  	font-family: Arial;
    font-size: 12px;
	font-weight:bold;
    }
	
  .miro {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-stretch: expanded;
	color: #999999;
}


/*************************************************************/
/* DIVERS */ 
/*************************************************************/
.QuePourIE {display:none !important; display:block;}
.clear{padding:0px; margin:0px;}

/* Gestion du "Lire la suite" */
#cache1 {display:none}
#cache2 {display:none}
#cache3 {display:none}
	
/* PAGE HISTOIRE */
/*************************************************************/

#divHist1 {display:none}
#divHist2 {display:none}
#divHist3 {display:none}
#divHist4 {display:none}
#divHist5 {display:none}

/* PAGE D'ACCUEIL */
/*************************************************************/

#actu{/* la zone actu de la page d'accueil */
	margin: 0 0 0 30px;
	float: left;
	width: 640px;
	padding: 0 0 100px 0;
}

#colonneAccueil{
	float: left; 
	width: 700px; 
	padding:0;
	margin:0;
}

/* MENU DE LA PAGE INFOS PRATIQUES */
/*************************************************************/

  #masterdiv { /* le calque du menu des Infos Pratiques */
  	float:left;
	width:105px; 
    }

  .menuinfos { /* pavé contenant les titres */
	border: 1px solid rgb(0, 0, 0);
	padding: 2px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(255, 255, 255);
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
    }	

  .submenu { 
  	margin-bottom: 5px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
	font-stretch: condensed;
    font-weight: bold;
    }

/*************************************************************/
/* MARGES ET BORDURES */ 
/*************************************************************/

.marge10gauche {
	padding-left: 10px;
}
.marge10droite {
	padding-right: 10px;
}

/* ENCADREMENT DE BLOCS DE TEXTE */	
  fieldset {
	border: 1px solid #AAAAAA;
	margin: 10px 10px 10px 0px;
	padding: 4px 0px 4px 40px;
}	

/* BORDURES */	
td.bordureHBDG {
	border: 1px solid rgb(204, 204, 204);
	padding:6px;
    }

td.bordureBDG { 
    border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	padding:6px;
    }

td.bordureHB { 
	border-top: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
	padding:6px;
    }

td.bordureB { 
	border-bottom: 1px solid rgb(204, 204, 204);
	padding:6px;
    }
	
.bordureNoireSansMarge { /* Pour les encadrés de la colonne 4 */
	border: 1px solid #000000;
	padding:0;
	margin:0;
	}
	
.bordureGriseSansMarge { /* Pour le bandeau de vignettes */
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	border-top: 1px solid rgb(204, 204, 204);
	margin: 0;
	padding: 0;
}

.bordureGriseAvecMarge { /* Pour le bandeau de vignettes */
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	border-top: 1px solid rgb(204, 204, 204);
	margin: 0;
	padding: 6px;
}

/*************************************************************/
/* LES IMAGES */ 
/*************************************************************/

img {border:none}

.ImgMag {
	float: left;
	margin: 0 20px 0 0;
	width: 170px;
	height: 258px;
}


/* -------------- les images de fond -------------------------*/

/* Pour la météo */
td.fd_meteo{
background-image:url("images/fd_meteo.gif");
}

/* ------------- L'alignement par rapport au texte ---------- */	
.margeImg4 {
	float: left;
	margin: 0 4px 4px 0;
}
.margeImg20 {
	float: left;
	margin: 0 20px 4px 0;
}
.margeAgenda {
	padding-top: 40px;
}

	
/* -------------- l'effet d'opacité au rollover ------------- */	

a.opacite img {
opacity: 1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;  
  }
  
a.opacite:hover img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}

.diapofestiv{
background-image:url(images/festiv_fdSlide.gif);
background-repeat:repeat-x;
}