/* INITIALISATION ----------------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; }
	html { height: 100%; }
	img { border: 0; margin: 0; }
	form { margin: 0; padding: 0; }
	ul { margin-left: 0px; }
	body {
		background-color: #D3E3E8;
		color: #323232;
		font-family: Arial, Helvetica, Trebuchet MS, Verdana;
		font-size: 11px;
		height: 100%;
		margin: 0;
		padding: 0;
		}
	
	.input
	{
		 border: 1px solid #999999;
		 font-family: Arial;
		 font-size: 11px;
		 color: #999999;
		 padding: 2px;
	}

	.textarea
	{
		 border: 1px solid #999999;
		 font-family: Arial;
		 font-size: 11px;
		 color: #999999;
		 padding: 2px;
	}

	ul
	{
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 35px;
	}

	ol
	{
		list-style-type: decimal;
		list-style-position: outside;
		margin-left: 35px;
	}

	.sansPuce
	{
		list-style: none;
		margin-left: 0px;

		border-right: dotted 2px #B4B4B4;
		padding-right: 15px;
		text-align: left;
	}
	
	.sansPuce li a
	{
		text-decoration: none;
	}

/* STRUCTURE GÉNÉRALE ----------------------------------------------------------------------------------- */
	.global{
		width: 999px;
		background: url(../images/global_bg.gif) repeat-y;
		margin: 0 auto;
		}
	.header {
		height: 127px;
		background: url(../images/header_bg.png) no-repeat right top;
		margin: 0px 10px;
		width: 979px;
		}
	.contenu {
		margin: 0px 10px;
		width: 979px;
		background: url(../images/contenu_bg.png) no-repeat right top;
		}
		.gauche {
			width: 727px;
			margin-left: 7px;
			margin-top: -3px;
			float: left;
			}
		.droite {
			width: 226px;
			margin-left: 740px;
			padding-top: 13px;
			background: url(../images/droite_bg.png);
			}
	.footer {
		height: 66px;
		margin-top: -31px;
		width: 999px;
		background: url(../images/footer_bg.png) no-repeat left bottom;
		clear: both;
		}

/* HEADER ----------------------------------------------------------------------------------- */
	.headerAnim { float: right }
	.logo {
		display: block;
		padding: 12px 0px 0px 30px;
		color: #4D477B;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		/*width: 320px;*/
		height: 74px;
		float: left;
		/*background: url("../images/logo.png") top left no-repeat;*/
		}
	/*.recherche {
		float: left;
		margin: -32px 0px 0px 530px;
		position: relative;
		line-height: 20px;
		padding: 0px 10px;
		background: url(../images/recherche_bg.png) no-repeat;
		width: 178px;
		height: 20px;
		color: #9591A0;
		}*/
	.recherche {
		float:left;
		position: relative;
		margin: -32px 0px 0px 530px;
		width:250px;
	}
	.recherche  .champRecherche
	{
		position: absolute;
		/*line-height:20px;*/
		padding: 3px 10px;
		background: url(../images/recherche_background.png) no-repeat;
		margin-left:0px;
		width: 165px;
		height: 20px;
		color: #9591a0;
		font-size:11px;
		border:0px;
	}
	.recherche .boutonRecherche
	{
		position: absolute;
		left:165px;
		/*margin-left:-30px;*/
		/*position: relative;*/
		line-height: 20px;
		padding: 0px 10px;
		/*background: url(../images/recherche_bouton.png) no-repeat;*/
		width: 23px;
		height: 20px;
	}

/* COLONNE GAUCHE ----------------------------------------------------------------------------------- */
	.blocTitre {
		width: 721px;
		height: 54px;
		background: url(../images/home_bloc-accueil.png) no-repeat;
		padding: 6px 0px 0px 6px;
		}
		.blocTitre h1 { margin-top: 26px; }

	.blocContenu {
		width: 693px;
		background: url(../images/bloc-contenu_bg.png) repeat-y;
		padding: 16px 10px 10px 22px;
		text-align: justify;
		float:left;
		/*height:1050px;*/
		/*min-height: 1050px;
        height: auto !important;*/
		/*min-height: 1050px;*/
		/*max-height:1050px;*/
		overflow:auto;
		overflow-x: hidden;
		}

	.blocContenu .menu { margin-left: -6px; /*height:78px;*/}
	.blocContenu .menu img { float: left; }
	.blocContenu .article { margin-top: 30px; }
	.blocContenu .article img { float: left; width: 180px; }
	.blocContenu .article p { margin: 0px 0px 0px 205px; }
	.blocContenu .article ul { list-style-position: outside; margin: 7px 0px 7px 240px; }
	.blocContenu .article .lePlus { color: #4D477B; font-weight: bold; }

	.blocContenu .article .titre {
		color: #C63842;
		font-weight: bold;
		font-size: 13px;
		margin-left: 15px;
		}
		.blocContenu .lienVoirTous { font-size: 13px; font-weight: bold; color: #C63842; }
		.blocContenu .lienVoirTous a { color: #C63842; text-decoration: none; }

	.blocContenuBottom {
		float:left;
		width: 727px;
		height: 11px;
		background: url(../images/bloc-contenu_bottom.png);
		}

	.retourAccueil {
		display: block;
		position: relative;
		width: 54px;
		height: 54px;
		float: left;
		margin-right: 10px;
		background-image: url(../images/btn_retour.png);
		}
		.retourAccueil span { display: none; }

	.soustitre {
		clear: both;
		padding-top: 15px;
		border-bottom: dotted 2px #d9d9d9;
		margin: 0px 0px 10px -6px;
		width: 695px;
		}
	.soustitre h2 { font-size: 19px; }

	.intro {color: #4D477B; font-weight: bold; font-size: 12px; }

	.carre1 { display: block; float: right;border: solid 1px #FFFFFF; background-color: #50AA55; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px;  }
	.carre2 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #506482; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre3{ display: block; float: right; border: solid 1px #FFFFFF; background-color: #872346; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre4 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #E6644B; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre5 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #A9C800; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre6 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #D1C8C3; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre7 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #0059A9; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre8 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #E19677; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre9 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #96B4BE; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre10 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #008AB4; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre11{ display: block; float: right; border: solid 1px #FFFFFF; background-color: #FFDC46; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre12 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #A2DAF4; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre13 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #A00064; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre14 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #CC80AF; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre15 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #F69F00; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre16 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #F3C8DC; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }
	.carre17 { display: block; float: right; border: solid 1px #FFFFFF; background-color: #DA0023; height: 10px; width: 10px; margin:5px 0px 0px 3px; font-size: 1px; }

	.btnVoirListe {
		display: block;
		/*background-image: url(../images/btn_voir-liste.png);
		width: 190px;
		height: 38px;
		line-height: 38px;
		color: #FFFFFF;
		text-align: center;
		position: absolute;
		margin: -13px 0px 0px 530px;*/
		font-weight: bold;
		color: #C63842;
		font-size: 13px;
		}

	.compteur {	margin: -13px 10px 0px 0px; color: #C63842; font-size: 13px; font-weight: bold; float: right; clear: both;}
	.compteurBas {	margin: 10px 10px 0px 0px; color: #C63842; font-size: 13px; font-weight: bold; float: right; }
	.compteur .lien, .compteurBas .lien { color: #E8AFB3; text-decoration: none; float: left; border-right: solid 1px #E8AFB3; padding: 0px 5px; }
	.compteur .lien:hover, .compteurBas .lien:hover { text-decoration: underline;}
	.compteur span, .compteurBas span { float: left; border-right: solid 1px #E8AFB3;  padding: 0px 5px;}
		.btnPrevious {
			display: block;
			background-image: url(../images/btn_previous.gif);
			width: 7px;
			height: 10px;
			float: left;
			margin-top: 3px;
			}
		.btnNext {
			float: left;
			background-image: url(../images/btn_next.gif);
			width: 7px;
			height: 10px;
			margin: 3px 0px 0px 5px;
			}
			.btnPrevious span, .btnNext span { display: none; }
			.btnPrevious:hover, .btnNext:hover { background-position: -7px top; }
	.lienRetourBas {	margin: 10px 10px 0px 0px; color: #C63842; font-size: 13px; font-weight: bold; clear:left;float: left; }
	.lienRetourBas .lien { color: #E8AFB3; text-decoration: none; float: left; padding: 0px 5px; }
	.lienRetourBas .lien:hover { text-decoration: underline; cursor:pointer;}
	.lienRetourBas span { float: left; padding: 0px 5px;}

	.blocsCouleurs { float: left; width: 705px; margin: 10px 0px 0px -10px; font-size: 12px; text-align: left; text-decoration: none; border-bottom: dotted 2px #d9d9d9;}
	.blocsCouleurs a img { float: right; margin: 5px -10px 0px 0px;}
	.blocsCouleurs a .date { color: #787878; font-size: 13px; margin-top: 15px; display: block; text-decoration: none; }
	.blocsCouleurs a .titre { color: #000000; font-weight: bold; text-decoration: none; }
	.blocsCouleurs a .texte { display: block; height: 47px; overflow: hidden; text-decoration: none; }
	.blocsCouleurs a .zone { color: #FFFFFF; display: block; text-decoration: none; }
	.blocCouleur1 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur1_bg.png); color: #505050; float: left; }
	.blocCouleur2 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur3_bg.png); color: #505050; float: left; }
	.blocCouleur3 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur5_bg.png); color: #505050; float: left; }
	.blocCouleur4{ text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur7_bg.png); color: #505050; float: left; }
	.blocCouleur5 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur9_bg.png); color: #505050; float: left; }
	.blocCouleur6 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur11_bg.png); color: #505050; float: left; }
	.blocCouleur7 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur13_bg.png); color: #505050; float: left; }
	.blocCouleur8 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur15_bg.png); color: #505050; float: left; }
	.blocCouleur9 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur17_bg.png); color: #505050; float: left; }
	.blocCouleur10 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur2_bg.png); color: #505050; float: left; }
	.blocCouleur11 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur4_bg.png); color: #505050; float: left; }
	.blocCouleur12 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur6_bg.png); color: #505050; float: left; }
	.blocCouleur13 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur8_bg.png); color: #505050; float: left; }
	.blocCouleur14 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur10_bg.png); color: #505050; float: left; }
	.blocCouleur15 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur12_bg.png); color: #505050; float: left; }
	.blocCouleur16 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur14_bg.png); color: #505050; float: left; }
	.blocCouleur17 { text-decoration: none; width: 204px; padding: 0px 15px; height: 117px; margin-bottom: 10px; background: url(../images/bloc-couleur16_bg.png); color: #505050; float: left; }



/* COLONNE GAUCHE HOMEPAGE ----------------------------------------------------------------------------------- */
	.blocAccueil {
		width: 713px;
		height: 213px;
		background: url(../images/home_bloc-accueil.png) no-repeat;
		padding: 35px 0px 0px 14px;
		}
		.blocAccueil h1 { margin: 0px 0px 25px 56px; }
		.blocAccueil h3 { width: 220px; text-align: right; margin: 0px 8px 10px 0px; }
		.blocAccueil p { width: 220px; text-align: right; font-size:12px; color: #505050; margin-right: 8px; }
	.lienBlocAccueil1 {
		background: url(../images/btn_bloc-accueil1.png) no-repeat left top ;
		display: block;
		float: left;
		height: 78px;
		margin: -5px 0px 10px 0px;
		padding: 10px 10px 10px 14px;
		position: relative;
		text-decoration: none;
		width: 134px;
		/*color: #323232;*/
		color:#ffffff;
		}
	.lienBlocAccueil2 {
		background: url(../images/btn_bloc-accueil2.png) no-repeat;
		display: block;
		float: left;
		height: 78px;
		margin: -5px 0px 10px 0px;
		padding: 10px 10px 10px 14px;
		position: relative;
		text-decoration: none;
		width: 134px;
		/*color: #323232;*/
		color:#ffffff;
		}
	.lienBlocAccueil3 {
		background: url(../images/btn_bloc-accueil3.png) no-repeat;
		display: block;
		float: left;
		height: 78px;
		margin: -5px 0px 10px 0px;
		padding: 10px 10px 10px 14px;
		position: relative;
		text-decoration: none;
		width: 134px;
		/*color: #323232;*/
		color:#ffffff;
		}
	.lienBlocAccueil4 {
		background: url(../images/btn_bloc-accueil4.png) no-repeat;
		display: block;
		float: left;
		height: 78px;
		margin-top: -5px;
		padding: 10px 10px 10px 14px;
		position: relative;
		text-decoration: none;
		width: 134px;
		/*color: #323232;*/
		color:#ffffff;
		}
	.lienBlocAccueil5 {
		background: url(../images/btn_bloc-accueil5.png) no-repeat;
		display: block;
		float: left;
		height: 78px;
		margin-top: -5px;
		padding: 10px 10px 10px 14px;
		position: relative;
		text-decoration: none;
		width: 134px;
		/*color: #323232;*/
		color:#ffffff;
		}
		.lienBlocAccueil1:hover, .lienBlocAccueil2:hover, .lienBlocAccueil3:hover, .lienBlocAccueil4:hover, .lienBlocAccueil5:hover { background-position: -158px top; }
		.lienBlocAccueil1 span, .lienBlocAccueil2 span, .lienBlocAccueil3 span, .lienBlocAccueil4 span, .lienBlocAccueil5 span {
			color: #FFFFFF;
			font-size: 21px;
			font-weight: bold;
			font-family: Trebuchet MS, Verdana;
			letter-spacing: -1px;
			}
		.listeAccueil {
			display: block;
			float: left;
			height: 120px;
			margin: 0px 0px 0px 4px;
			padding: 3px 10px 10px 10px;
			position: relative;
			width: 140px;
			color: #505050;
			border-left: dotted 2px #D9D9D9;
			}
			.listeAccueil span{ font-weight: bold; }
			.listeAccueil a {  color: #505050; line-height: 17px; }

	.blocSavoir
	{
		width: 727px;		
	}
		/*.blocSavoir p { margin-left: 240px; float:left; }*/
		.blocSavoir .contenu_bloc_accueil { margin-left: 5px; float:left;width:450px; }
		.blocSavoir span { color: #4D477B; font-weight: bold; font-size: 12px; }
		.blocSavoir .photo { margin: 0px 5px 50px 0px;  float: left;width:230px;}
	
	.blocSavoirHaut
	{
		background: url(../images/home_bloc-savoir_haut.png) no-repeat;
		width: 727px;
		height: 20px;
	}

	.blocSavoirMilieu
	{
		background: url(../images/home_bloc-savoir_milieu.png) repeat-y;
		width: 727px;		
	}

	.blocSavoirMilieuContenu
	{
		padding: 0px 0px 0px 14px;
		/*border: 1px solid transparent;*/
	}

	.blocSavoirBas
	{
		background: url(../images/home_bloc-savoir_bas.png) no-repeat;
		width: 727px;
		height: 20px;
	}

	#blocAccueil_1, #blocAccueil_2, #blocAccueil_3 {
		}

		.btnAccueilOn {
			width: 229px;
			height: 68px;
			display: block;
			background: url(../images/btn_accueil_on.png);
			position: relative;
			float: left;
			}
			.btnAccueilOn:hover { background-position: -229px top; }

		.btnAccueilOn span
		{
			padding: 10px 10px 10px 15px;
			display: block;
			color: #fff;
			width: 175px;
			font-size: 14px;
			height: 41px;
			overflow: hidden;
		}

		.btnAccueilOff {
			width: 229px;
			height: 52px;
			display: block;
			background: url(../images/btn_accueil_off.png);
			position: relative;
			float: left;
			}
		
		.btnAccueilOff span
		{
			padding: 10px 10px 10px 15px;
			display: block;
			color: #162a63;
			height: 23px;
			overflow: hidden;
		}
		
			/*.btnFinancer span, .btnVolontariat span, .btnEvolutions span { display: none; }*/

		.lienSiteEen {
			width: 207px;
			height: 45px;
			display: block;
			background: url(../images/btn_EEN.png);
			position: relative;
			}
			.lienSiteEen:hover { background-position: -207px top; }

		.lienNewsletter {
			width: 207px;
			height: 45px;
			display: block;
			background: url(../images/btn_newsletter.png);
			position: relative;
			}
			.lienNewsletter:hover { background-position: -207px top; }

		.lienPublication {
			width: 207px;
			height: 45px;
			display: block;
			background: url(../images/btn_espace-presse.png);
			position: relative;
			}
			.lienPublication:hover { background-position: -207px top; }
		
		.lienVoir { display: block; color: #C63842; text-align: right; border-bottom: dotted 2px #d9d9d9; margin: -20px 6px 0px 190px;}
		.lienVoir a { color: #C63842; font-weight: bold; /*background-color: #FFFFFF;*/ padding-bottom: 2px;}

		.ligneActu {
			border-bottom: dotted 2px #d9d9d9;
			margin: 18px 6px 0px 6px;
			padding-bottom: 8px;
			float: left;
			}
		.actu {
			width: 210px;
			margin: 0px 5px;
			float: left;
			}
		.actu .date{
			color: #4D477B;
			font-size: 10px;
			}
		.actu .titre{
			font-weight: bold;
			}
		.actu .suite{
			font-size: 10px;
			color: #C63842;
			float: right;
			}
		.actu img {
			float: left;
			margin-right: 7px;
			}
			
		.actuGrand {
			width: 600px;
			margin: 0px 8px;
			float: left;
			}
		.actuGrand .date{
			color: #4D477B;
			font-size: 10px;
			}
		.actuGrand .titre{
			font-weight: bold;
			}
		.actuGrand img {
			float: left;
			margin-right: 7px;
			}
			
		.actuAction
		{
			float:left;
			margin-top:20px;
		}
			


/* COLONNE DROITE ----------------------------------------------------------------------------------- */

	.droite .titre {
		color: #C63842;
		font-weight: bold;
		font-size: 15px;
		}
	.droite a { position: relative; }


	.droiteBloc, .droiteBlocActions {
		margin: 0px 13px 13px 13px;
		border-bottom: dotted 2px #B4B4B4;
		padding-bottom: 11px;
		color: #C63842;
		}
	.droiteBlocActions a {
		padding-left: 3px;
		color:#505050;
		height: 23px;
		display: block;
		margin-bottom:6px;
		font-size: 9px;
		}

		.lienAction1 { float: left; border-left: solid 23px #50AA55; width: 42%; line-height: 20px;}
		.lienAction2 { float: left; border-left: solid 23px #506482; width: 32%; line-height: 20px; }
		.lienAction3 { float: left; border-left: solid 23px #872346; width: 42%; line-height: 20px; }
		.lienAction4 { float: left; border-left: solid 23px #E6644B; width: 32%; line-height: 20px;}
		.lienAction5 { float: left; border-left: solid 23px #A9C800; width: 42%; line-height: 20px; }
		.lienAction6 { float: left; border-left: solid 23px #D1C8C3; width: 32%; line-height: 20px;}
		.lienAction7 { float: left; border-left: solid 23px #0059A9; width: 42%; }
		.lienAction8 { float: left; border-left: solid 23px #E19677; width: 32%; line-height: 20px;}
		.lienAction9 { float: left; border-left: solid 23px #96B4BE; width: 42%; }
		.lienAction10 { float: left; border-left: solid 23px #008AB4; width: 32%; line-height: 20px; }
		.lienAction11 { float: left; border-left: solid 23px #FFDC46; width: 42%;}
		.lienAction12 { float: left; border-left: solid 23px #A2DAF4; width:32%;}
		.lienAction13 { float: left; border-left: solid 23px #A00064; width: 42%;}
		.lienAction14 { float: left; border-left: solid 23px #CC80AF; width: 32%;}
		.lienAction15 { float: left; border-left: solid 23px #F69F00; width: 42%; }
		.lienAction16 { float: left; border-left: solid 23px #F3C8DC; width: 32%; line-height: 20px;}
		.lienAction17{ float: left; border-left: solid 23px #DA0023; width: 86%; line-height: 20px; }
		
		.droiteBlocActions .lienDroite { display: block; color: #C63842; text-align: right; font-size: 11px; }
		.droiteBlocActions .lienDroite a { color: #C63842; font-weight: bold; text-align: right; margin-bottom:0px; font-size: 11px; display: inline; }
	
	.lienDroite { display: block; color: #C63842; text-align: right; }
	.lienDroite a { color: #C63842; font-weight: bold; }

	.droiteBlocLast {
		/*margin: 13px;*/
		/*margin-top: 10px;
		padding-top:10px;
		border-top: dotted 2px #B4B4B4;*/
		padding-bottom: 8px;
		margin-left: 10px;
		}
	.droiteBottom {
		width: 226px;
		height: 8px;
		line-height: 1px;
		background: url(../images/droite_bottom.png);
		}
	
/* Styles pour le calendrier */	
#divcalendar
{	/*padding: 10px 10px;*/
	width: 200px;
	background-color:#ffffff;
}

#calendrierAccroche
{	font-size: 10px;
}

#calendrier
{
	height: 135px;
}

#calendar
	{
		margin-top: 5px;
	}
	
#calendarTable
{	/*background-image: url('/images/fond-calendar-table.png');*/
	background-color:#ffffff;
	background-repeat: repeat-y;
	font-size: 10px;
	width: 100%;
}
#calendarTable td
{	
	border-right:1px dashed #d5d5d5;
	padding: 1px;
}

	
#moisCourant
{	font-family: 'Verdana';
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color:#b1cdd4;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

#moisCourant a
{	font-family: 'Verdana';
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color:#b1cdd4;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

#moisCourant a img
{	vertical-align: middle;
	margin: 0px 10px;
}

#calendarMilieu
{	background-color: #F0F0F1;
	padding: 2px;
}

.jourCalendar
{	text-align: center;
	font-weight: bold;
	color:#000000;
	font-size:12px;
}

.jourCalendarWE
{	
	text-align: center;
	font-weight: bold;	
	color:#000000;
	font-size:12px;
}

.jourInactifCalendar, .ajdJourCalendar, .jourActifCalendar
{	text-align: center;
	color:#000000;
	text-decoration:none;
}

.jourInactifCalendarWE, .ajdJourCalendarWE, .jourActifCalendarWE
{	text-align: center;	
	color:#000000;
}

.jourActifCalendar, .jourActifCalendarWE
{	
	background-image: url('/images/calendrier_fond_actif.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: #b65573;
	/*background-color: #d3e3e8;*/

}
.jourActifCalendar a, .jourActifCalendarWE a
{
	color: #b65573;
	text-decoration:none;
}

#divAfficheInfoCalendrier
{	background-color: #FFFFFF;
	margin: 2px;
	font-family: "Verdana";
	font-size: 10px;
	color: #636467;
	padding: 2px;
}
/* Fin de styles pour le calendrier */

	
.btn_contenu1
{
	width: 138px;
	height: 46px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu1.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu1:hover
{
	background-position: top right;
}

.btn_contenu1on
{
	width: 138px;
	height: 78px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu1on.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu1on:hover
{
	background-position: top right;
}

.btn_contenu2
{
	width: 138px;
	height: 46px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu2.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu2:hover
{
	background-position: top right;
}

.btn_contenu2on
{
	width: 138px;
	height: 78px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu2on.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu2on:hover
{
	background-position: top right;
}


.btn_contenu3
{
	width: 138px;
	height: 46px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu3.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu3:hover
{
	width: 138px;
	float:none;
	background-position: top right;
}

.btn_contenu3on
{
	width: 138px;
	height: 78px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu3on.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu3on:hover
{
	background-position: top right;
}

.btn_contenu4
{
	width: 138px;
	height: 46px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu4.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu4:hover
{
	width: 138px;
	float:none;
	background-position: top right;
}

.btn_contenu4on
{
	width: 138px;
	height: 78px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu4on.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu4on:hover
{
	background-position: top right;
}

.btn_contenu5
{
	width: 138px;
	height: 46px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu5.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu5:hover
{
	width: 138px;
	float:none;
	background-position: top right;
}

.btn_contenu5on
{
	width: 138px;
	height: 78px;
	display: block;
	float:none;
	background-image: url('/images/btn_contenu5on.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.btn_contenu5on:hover
{
	background-position: top right;
}



/* FOOTER ----------------------------------------------------------------------------------- */
	.footerMenu {
		background: url(../images/footer_menu.png) no-repeat;
		width: 723px;
		height: 32px;
		margin-left: 21px;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 13px;
		line-height: 32px;
		}
		.footerMenu a {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			margin: 0 10px;
			}
			.footerMenu a:hover { text-decoration: underline; }

		.signature { float: right; margin: 5px 25px 0px 0px; }
		

/* TYPOS ----------------------------------------------------------------------------------- */

	h1 { color: #C63842; font-size: 28px; letter-spacing: -1px; }
	h2 { color: #C63842; font-size: 24px; margin-left: 6px; }
	h3 { color: #4D477B; font-size: 15px; }
	h4 { color: #C63842; font-size: 15px; margin-left: 4px; }


/* TINY ----------------------------------------------------------------------------------- */

.texteBleu
{
	font-family: Arial, Helvetica, Trebuchet MS, Verdana;
	font-size: 12px;
	color: #425c8f;
	text-decoration: none;
	font-weight: normal;
}

.texteRouge
{
	font-family: Arial, Helvetica, Trebuchet MS, Verdana;
	font-size: 12px;
	color: #C63842;
	font-weight: normal;
}

.texteGrisBold, .texteGrisBold a
{
	font-family: Arial, Helvetica, Trebuchet MS, Verdana;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}

/* STYLES TABLEAU CAFES INTERNATIONAL ------------------------------------------------------------ */
.tabCafeInternat
{	
}

.tabCafeInternat td
{
	border-bottom: solid 1px #111111;
	margin: 0px 10px 0px 10px; 
	padding: 0px 10px 0px 10px;
}

.tabCafeInternat .legende
{
	background-color: #c63842;
	color: #ffffff;
	text-align:center;	
}

.tabCafeInternat .tdVille
{
	background-color: #e5e0d2;	
}


/* FORMULAIRE PREINSCRIPTION ACTION ------------------------------------------------------------- */

#formulaire-action
{
	position:absolute;
	width:350px;
	height:150px;
	border:1px solid #CCC;
	background-color:#FFF;
	top: 250px;
	margin-left:290px;
	z-index:100;	
	display:none;
	padding: 5px;
}

#confirm-formulaire-action
{
	position:absolute;
	width:250px;
	height:100px;
	border:1px solid #CCC;
	background-color:#FFF;
	top: 250px;
	margin-left:290px;
	z-index:100;	
	display:none;
	padding: 5px;
}

a{
	text-decoration:underline;
}

#bloc-cgv
{
	position:absolute;
	width:680px;
	height:480px;
	border:3px solid #999;
	background-color:#FFF;
	top: 0px;
	margin-left:0px;
	z-index:100;	
	display:none;
	padding: 5px;
	overflow: auto;
}


/* STYLES IE 6 ----------------------------------------------------------------------------------- */

/** html 	.recherche {
		float: left;
		margin: -33px 0px 0px 265px;
		position: relative;
		background: url(../images/recherche_bg.png) no-repeat;
		width: 198px;
		height: 20px;
		}*/
		
/** html .recherche {
		float:left;
		margin: -33px 0px 0px 265px;
	}
	* html .recherche  input
	{
		float: left;
		position: relative;
		line-height: 20px;
		padding: 3px 10px;
		background: url(../images/recherche_background.png) no-repeat;
		width: 165px;
		height: 20px;
		color: #9591a0;
		font-size:11px;
		border:0px;
	}
	* html .recherche .boutonRecherche
	{
		margin-left: -10px;
		line-height: 20px;
		width: 23px;
		height: 20px;
		color: #9591A0;
	}*/
	
	* html .recherche {
		float:left;
		position: relative;
		margin: -33px 0px 0px 265px;
		width:250px;
	}
	* html .recherche  .champRecherche
	{
		position: absolute;
		/*line-height:20px;*/
		padding: 3px 10px;
		background: url(../images/recherche_background.png) no-repeat;
		margin-left:0px;
		width: 165px;
		height: 20px;
		color: #9591a0;
		font-size:11px;
		border:0px;
	}
	* html .recherche .boutonRecherche
	{
		position: absolute;
		left:165px;
		/*margin-left:-30px;*/
		/*position: relative;*/
		line-height: 20px;
		padding: 0px 10px;
		/*background: url(../images/recherche_bouton.png) no-repeat;*/
		width: 23px;
		height: 20px;
	}
	
* html .gauche { margin-left: 6px; }

* html .gauche .blocAccueil, * html .gauche .blocTitre {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bloc-accueil.png', sizingMethod='crop');
		}

* html .gauche .blocContenu {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-contenu_bg.png', sizingMethod='scale');
		}
* html .gauche .blocContenuBottom {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-contenu_bottom.png', sizingMethod='crop');
		}
* html .lienBlocAccueil1 {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_bloc-accueil1.png', sizingMethod='crop');
		cursor: pointer;
		}
* html .lienBlocAccueil2 {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_bloc-accueil2.png', sizingMethod='crop');
		cursor: pointer;
		}
* html .lienBlocAccueil3 {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_bloc-accueil3.png', sizingMethod='crop');
		cursor: pointer;
		}
* html .lienBlocAccueil4 {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_bloc-accueil4.png', sizingMethod='crop');
		cursor: pointer;
		}
* html .lienBlocAccueil5 {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_bloc-accueil5.png', sizingMethod='crop');
		cursor: pointer;
		}
* html .blocSavoir {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bloc-savoir.png', sizingMethod='crop');
		}
* html .droite {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/droite_bg.png', sizingMethod='crop');
		}

* html .footer { margin-top: -35px; }
* html .blocsCouleurs { float: left; width: 705px; margin: 0px 10px 0px -5px; font-size: 12px; padding-bottom: 10px;text-align: left; text-decoration: none; border-bottom: dotted 2px #d9d9d9;}
* html .blocCouleur1 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur1_bg.png', sizingMethod='crop');}
* html .blocCouleur2 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur3_bg.png', sizingMethod='crop');}
* html .blocCouleur3 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur5_bg.png', sizingMethod='crop');}
* html .blocCouleur4 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur7_bg.png', sizingMethod='crop');}
* html .blocCouleur5 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur9_bg.png', sizingMethod='crop');}
* html .blocCouleur6 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur11_bg.png', sizingMethod='crop');}
* html .blocCouleur7 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur13_bg.png', sizingMethod='crop');}
* html .blocCouleur8 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur15_bg.png', sizingMethod='crop');}
* html .blocCouleur9 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur17_bg.png', sizingMethod='crop');}
* html .blocCouleur10 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur2_bg.png', sizingMethod='crop');}
* html .blocCouleur11 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur4_bg.png', sizingMethod='crop');}
* html .blocCouleur12 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur6_bg.png', sizingMethod='crop');}
* html .blocCouleur13 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur8_bg.png', sizingMethod='crop');}
* html .blocCouleur14 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur10_bg.png', sizingMethod='crop');}
* html .blocCouleur15 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur12_bg.png', sizingMethod='crop');}
* html .blocCouleur16 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur14_bg.png', sizingMethod='crop');}
* html .blocCouleur17 { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bloc-couleur16_bg.png', sizingMethod='crop');}

* html .blocSavoirHaut
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bloc-savoir_haut.png', sizingMethod='crop');
}

* html .blocSavoirMilieu
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bloc-savoir_milieu.png', sizingMethod='scale');
}

* html .blocSavoirBas
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bloc-savoir_bas.png', sizingMethod='crop');
}

* html .lienSiteEen
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_EEN.png', sizingMethod='crop');
	cursor:pointer;
}

* html .lienNewsletter
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_newsletter.png', sizingMethod='crop');
	cursor:pointer;
}
* html .lienPublication
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_espace-presse.png', sizingMethod='crop');
	cursor:pointer;
}


