/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Kanpe
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 10 juin 2010
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
html, body, form { height: 100%; }
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 62.5%; /* 10px par défaut */
	color:#564f37;
	background:#ffffe6;
}
p { margin: 0 0 15px 0; }
a { color:#f26c53; text-decoration: none; }
a:hover { text-decoration: underline; }
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }
div.hr { border-top:1px solid #cfba8a; margin-top:12px; padding-bottom:12px; }
div.hr hr { display:none; }

/*- Styles communs à toutes les pages -----------------------------------------*/
#Push { height: 65px; }
#Wrapper {
	width: 924px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -65px;
}

/*- Entete ----*/
#Entete {
	position:relative;
	height:182px;
	z-index:999;
}
#Logo { position:absolute; top:35px; left:20px; }
#NavFixe {
	position:absolute;
	top:0px;
	left:132px;
	background:url(/images/Bg_NavFixe.png) repeat-x top left;
	height:35px;
	width:658px;
}
	#NavFixe ul.Liens { float:left; margin:8px 0 0 18px; display:inline; }
	#NavFixe ul.Liens li {
		float:left;
		border-left:1px solid #cfba8a;
		padding:0 8px;
	}
	#NavFixe ul.Liens li.PremierItem { border:0px; padding-left:0px; }

	#NavFixe a {
		text-transform:uppercase;
		font-size:0.9em;
		color:#7d7555;
	}
	
	/* Medias Sociaux */
	#NavFixe ul.MediasSociaux { float:right; padding-right:18px; }
		#NavFixe ul.MediasSociaux li { float:left; width:21px; height:21px; margin-right:5px; }
		#NavFixe ul.MediasSociaux li a { 
			display:block; 
			width:21px; height:21px; 
			overflow:hidden; text-indent:-9999px;
			background-repeat:no-repeat;
			background-image:url(/images/Picto_MediasSociaux.png);
		}
		#NavFixe ul.MediasSociaux li a.Facebook { background-position:top left; }
			#NavFixe ul.MediasSociaux li a.Facebook:hover  { background-position:bottom left; }
		#NavFixe ul.MediasSociaux li a.Twitter { background-position:top right; }
			#NavFixe ul.MediasSociaux li a.Twitter:hover { background-position:bottom right; }
	
	/* Boite infolettre */
	#Infolettre { 
		float:right;
		width:245px;
		padding-left:10px;
		margin-right:17px;
		height:35px;
		background:url(/images/Bg_Infolettre.png) repeat-x top left;
		position:relative;
	}
		#Infolettre label { 
			text-transform:uppercase;
			font-size:9px; float:left;
			line-height:19px;
			margin:5px 5px 0 0;
		}
		#Infolettre input { 
			background-color:#ffffe6;
			font-size:9px;
			color:#7d7555;
			width:145px;
			border:0px;
			padding:4px 5px 3px;
			margin-top:5px;
			float:left;
		}
		#Infolettre a { 
			display:block;
			width:17px; height:19px;
			text-indent:-9999px; overflow:hidden;
			background:url(/images/Btn_Fleche.png) no-repeat top left;
			margin:5px 0 0 1px;
			float:left;
		}
		#Infolettre .TxtMsg {
			font-size:1.1em;
			font-weight:bold;
			display:block;
			margin:5px 5px 0 0;
		}
		#Infolettre .TxtErreur { 
			width:245px;
			height:35px;
			background:#FF0000;
			color:#FFF !important;
			position:absolute;
			top:40px;
			right:20px;
		}

#Slogan {
	color:#b6a275;
	font-size:2.1em;
	line-height:1.0em;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	position:absolute;
	top:75px;
	right:148px;
}
#BtnDonnez {
	background:url(/images/Bt_Donnez.png) no-repeat top left;
	display:block;
	position:absolute;
	top:34px;
	right:14px;
	width:99px;
	height:64px;
	text-align:center;
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
	padding:39px 3px 0 0;
}
#BtnDonnez:hover { text-decoration:none; background-position: bottom left; }

/*- Corps ----*/
#Corps {
	padding:12px 0 40px;
}
#Contenu {
	/*
	padding:15px 130px 0 0;
	width:658px;
	*/
	padding:15px 0 0 0;
	width:788px;
	float:right;
}
#BarreLaterale { 
	float:left;
	width:130px;
}

/*- Pied de page ----*/
#PiedPage {
	background-color:#fdf7bc;
	border-bottom:5px solid #7d754d;
	
}
#PiedPage div.Conteneur {
	width:924px;
	margin:0 auto;
	overflow:hidden;
	height: 60px;
	position:relative;
}
#PiedPage p { position:absolute; width:360px; bottom:8px; margin:0px; }
#PiedPage p.Copyright { left:0px; width:450px; }
#PiedPage p.Copyright a { color:#564F37; text-decoration: none; }
	#PiedPage p.Copyright a:hover { text-decoration: underline; }
#PiedPage p.HautPage { right:0px; text-align:right; }
#PiedPage p.HautPage a {
	color:#7d7555;
	padding-right:18px;
	background:url(/images/Puce_HautPage.png) no-repeat center right;
	text-transform:uppercase;
	
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Contenu {
	width:788px;
	padding:0px;
}
body.Accueil #Corps { padding-top:16px; }

/* Caroussel */
#CarousselWrap {
	position:relative;
	z-index:5;
	background:url(/images/Bg_Caroussel.png);
	width:788px; height:330px;
	margin:0 -6px 5px -2px;
	padding:0 6px 0 2px;
}
ul#CarousselAcc {
	display:block; position:relative; overflow:hidden;
	width:788px; height:320px;
}
ul#CarousselAcc li {
	display:block;
	position:absolute;
	width:788px; height:320px;
	overflow:hidden;
}
.AbsoCaroussel-CarousselAcc-Precedent, .AbsoCaroussel-CarousselAcc-Suivant {
	width:25px; height:24px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background:url(/images/Btn_Caroussel.gif) no-repeat;
	position:absolute;
	top:148px;
}
/* Navigation */
.AbsoCaroussel-CarousselAcc-Precedent { background-position:0 0; left:2px; }
	.AbsoCaroussel-CarousselAcc-Precedent:hover { background-position:0 s-24px; }
.AbsoCaroussel-CarousselAcc-Suivant { background-position:-25px 0; right:3px; }
	.AbsoCaroussel-CarousselAcc-Suivant:hover { background-position:-25px -24px; }

.AbsoCaroussel-CarousselAcc-Status { 
	position:absolute; bottom:25px; left:20px;
	font-weight:bold;
	font-size:25px;
	line-height:18px;
}
.AbsoCaroussel-CarousselAcc-Status strong { color:#dc4c03; }
.AbsoCaroussel-CarousselAcc-Status a { color:#706749; text-decoration:none; }
.AbsoCaroussel-Aucun, .AbsoCaroussel-Inactif { display:none; }

/* Bloc Accueil */
div.BlocAccueil {
	float:left;
	background-color:#fdf7d0;
	padding:5px 12px 0 12px;
	margin-left:10px;
	display:inline;
	width:166px;
}
div.BlocAccueil h3 {
	font-size:1.6em;
	line-height:1.1em;
	padding-bottom:3px;
	font-weight:bold;
	color:#7d7555;
	text-transform:uppercase;
	border-bottom:1px solid #cfba8a;
	margin-bottom:12px;
}
div.BlocAccueil h2 {
	font-size:1.2em;
	line-height:1.3em;
	color:#000000;
	font-weight:bold;
}
div.BlocAccueil h2 a { color:#000000; }
div.BlocAccueil p {
	font-size:1.1em;
	line-height:1.4em;
	color:#56533f;
}
div.BlocAccueil a { font-weight:bold; font-size:0.9em; }

div.BlocAccueil img.ImageBloc {
	width:150px;
	height:92px;
	display:block;
	background:url(/images/Bg_NouvelleAcc.gif) repeat-x top left;
	margin:-13px -12px 8px -12px;
	padding:0 28px 0 12px;
}

/* Nouvelle */
#Nouvelle {
	width:364px;
	margin:0px;
}
#Nouvelle div.Conteneur {
	background:url(/images/Bg_NouvelleAcc.gif) no-repeat top left;
	margin-left:-11px;
	padding:0 0 0 206px;
}
#Nouvelle div.Conteneur img {
	margin-left:-195px;
	float:left;
	width:185px;
}
#Nouvelle p.Date {
	font-size:9px;
	color:#b49a4b;
	margin:3px 0 5px;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
h1.TitrePage span {
	color:#80795e;
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#fdf7c0;
	min-width: 261px;
	width: auto !important;
	width: 261px;
	height:36px;
	padding:16px 132px 0 132px;
	display:inline-block;
}
#FilAriane {
	background:#fdf7c0 url(/images/Bg_FilAriane.png) repeat-x top left;
	height:18px;
	padding:6px 30px 3px 30px;
	overflow:hidden;
	margin:-9px 0 0 102px;
	display:inline-block;
}
#FilAriane li { 
	float:left;
	background:url(/images/Puce_FilAriane.png) no-repeat center left;
	padding:0 4px 0 10px;
}
#FilAriane li.PremierItem { padding-left:0px; background:none; }
#FilAriane li, #FilAriane li a { 
	color:#80795e;
	font-size:9px;
	font-style:italic;
	text-transform:uppercase;
}

/*-- Page Conseil -----*/
body.AccordListe #Contenu {
	padding-right:0px;
	width:790px;
}
body.AccordListe div.AccordionContenu, div.NouvListContenu {
	padding:22px 0 15px 130px;
	border-top:1px solid #cfbb89;
	border-bottom:1px solid #cfbb89;
}
div.NouvListContenu {
	position:relative;
	overflow:hidden;
}
body.AccordListe h2.AccordionEntete,
h2.NouvListEntete {
	width:365px; height:57px;
	padding:15px 0 0 160px;
	margin:20px 0 0 0;
	background-color:#fdf9bb;
	background-position:top left;
	background-repeat:no-repeat;
	color:#7d7555;
	font-size:1.2em;
	text-transform:none;
	border:0px;
}
h2.NouvListEntete { width:auto; }
body.AccordListe h2.AccordionEntete strong, 
h2.NouvListEntete strong {
	color:#3e3925;
	font-size:1.16em;
	text-transform:uppercase;
	display:block;
}
body.AccordListe h2.AccordionEntete.On,
body.AccordListe h2.AccordionEntete.Hover {
	background-color:#eced84;
	cursor:pointer;
}
body.AccordListe h2.AccordionEntete span, h2.NouvListEntete span { background:none; padding:0px; }

/* Impliquez-vous */
body.Impliquezvous table.ContenuDeuxCols td {
	border-bottom:0;
}
body.Impliquezvous div.ContenuEditeur h3 {
	margin:0 0 10px 0;
}

body.Impliquezvous td > p {
	margin:0; padding:7px 10px;
	border-top:2px solid #fdf7d0; 
	background-color:#fbefa1;
}

	body.Impliquezvous td p.Checkbox,
	body.Impliquezvous td p.RadioBtn {
		border:0; padding:0 0 5px 20px;
		
	}
		body.Impliquezvous td p.Checkbox label,
		body.Impliquezvous td p.RadioBtn label {
			margin:0 0 0 10px;
			width:275px;
		}
			
	body.Impliquezvous td label {
		display:block;
		margin:0 0 3px 0;
		font-size:1.2em;
		padding:0 3px;
	}
	
	body.Impliquezvous td input.TxtBox,
	body.Impliquezvous td textarea,
	body.Impliquezvous td select {
		width:320px;
		border:3px solid #fbefa1;
	}
	body.Impliquezvous td input.Erreur,
	body.Impliquezvous td textarea.Erreur,
	body.Impliquezvous td select.Erreur {
		border-color:#f26c53;
	}
	body.Impliquezvous td input.Focus,
	body.Impliquezvous td textarea.Focus,
	body.Impliquezvous td select.Focus {
		border-color:#e9da76;
		color:#000;
		background-color:#fff;
	}
	body.Impliquezvous td a.Submit {
		display:block;
		width:210px;
		margin:83px auto 0 auto;
	}
		body.Impliquezvous td a:hover.Submit {
			text-decoration:none;
			background-color:#e9da76;
		}
		
	body.Impliquezvous table.ContenuDeuxCols td.LoneSubmit {
		border-right:0;
	}
	body.Impliquezvous td.LoneSubmit  a.Submit {
		margin-top:10px;
	}


/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	height:24px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:924px;
	display:block;
}
#MenuPrincipal li {
	width:132px;
	float:left;
	height:24px;
}
#MenuPrincipal li a {
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	line-height:23px;
	padding:0 10px;
	width:112px;
	height:24px;
}
#MenuPrincipal li a:hover {
	text-decoration:none;
}

/* Sous-menu */
#MenuPrincipal li ul {
	display:none;
	position:absolute;
}
	#MenuPrincipal li ul li {
		float:none; position:relative; 
		width: 132px;
		height:auto;
		margin:0;
	}
	#MenuPrincipal li ul li a {
		border-top:1px solid #FFFFE6;
		width: 112px;
		height:auto;
		line-height:1.1em;
		padding:5px 10px;
	}
/* Sous-sous-menu */
#MenuPrincipal li ul li ul { position:absolute; top:0px; overflow:hidden;  }
#MenuPrincipal li ul li ul li { border-left:1px solid #FFFFE6; }

/* Dernier item */
#MenuPrincipal li.DernierItem ul {
	right:0px;
}
#MenuPrincipal li.DernierItem ul ul {
	border-right:1px solid #FFFFE6;
}
#MenuPrincipal li.DernierItem ul li ul li { border-left:0px; }

/* Couleur du menu */
.Apropos a { background-color:#cbdb2a; }
.Programme a { background-color:#90cc88; }
.ZoneAction a { background-color:#16beda; }
.Partenaire a { background-color:#d686b9; }
.ImpliquezVous a { background-color:#d64c64; }
.Ambassadeur a { background-color:#f99d1c; }
.Media a { background-color:#f26c53; }

/* Hover */
.Apropos a:hover { background-color:#b2c821; }
.Programme a:hover { background-color:#6eb363; }
.ZoneAction a:hover { background-color:#31a2c6; }
.Partenaire a:hover { background-color:#c06199; }
.ImpliquezVous a:hover { background-color:#c22d40; }
.Ambassadeur a:hover { background-color:#ec791a; }
.Media a:hover { background-color:#e44630; }

/*- Styles pour Plan du site --------------------------------------------------*/
body.PlanDuSite #Contenu {
	background:#fdf7d0 url(/images/Bg_TitreSansFilAriane.gif) no-repeat top left;
	padding:35px 0 20px 0;
	margin:-9px 130px 0 0;
	position:relative;
	z-index:5;
	display:inline;
	width:662px;
}
ul#PlanSite { margin:0 0 0 17px; }
ul#PlanSite li {
	width:645px;
	border-top: 1px solid #dbcc9c;
	clear:left;
}
ul#PlanSite li a {
	width:152px;
	display:block;
	float:left;
	color:#564f37;
	text-transform:uppercase;
	font-size:1.3em;
	padding:3px 5px;
}
ul#PlanSite li a:hover { background-color:#FFFFE6; text-decoration:none; }
ul#PlanSite li a.PremierItem { border:0px; }
ul#PlanSite li ul {
	width:482px;
	border-top: none;
	float:left;
	margin-bottom:20px;
}
ul#PlanSite li ul li {
	width:482px;
	border-top: none;
}
ul#PlanSite li ul li a {
	width:231px;
	border-top: 1px solid #dbcc9c;
	font-size:1.1em;
	padding-right:5px;
}
ul#PlanSite li ul li ul {
	width:241px;
	margin-bottom:0px;
}
ul#PlanSite li ul li ul li { width:235px; }
ul#PlanSite li ul li ul li a { float:none; font-size:1.0em;  }

/*- Styles pour Nouvelles ------------------------------------------------------*/
h2.TitreNouvelle {
	float:left;
	width:650px;
}
div#BoutonPartage {
	float:right;
	padding-top:5px;
}
div.ContenuEditeur h4.Date {
	margin-bottom:15px;
}

/*- Styles pour Erreur Popup ---------------------------------------------------*/
#ErreurBox { overflow:hidden; }
#ErreurBox p {
    padding:15px;
    border:3px solid #f26c53;
}
#ErreurBox a.BtnClose {
    text-transform:uppercase;
    color:#7d7555;
    font-size:9px;
}
#ErreurBox a.BtnClose span {
    color:#f26c53;
    font-size:11px;
    font-weight:bold;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p {

}
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
.Formulaire p label small {
	
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 12px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}
.TxtBox {
	color:#666;
	padding: 2px 3px;
	background-color:#ffffe6;
}
.TxtArea {
	color:#666;
	padding: 2px 3px;
	background-color:#ffffe6;
}
.SelectList {
	color:#706749 ;
	padding: 2px 3px;
	background-color:#ffffe6;
}
p.Checkbox {
	overflow:hidden;
}
p.Checkbox label {
	display: inline;
	position:relative; 
	float: left;
	top:-2px;
	margin: 0 0 0 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {
	overflow:hidden;
}
p.RadioBtn label {
	display: inline;	position:relative; 	float: left;
	top:-2px;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}

.Submit {
	padding: 8px 12px;
	font-size:1.2em; color:#706749; font-weight:bold; text-align:center;
	background-color:#fbefa1;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
div.ContenuEditeur p {
	font-size: 1.1em;
	line-height:1.65em;
}
div.ContenuEditeur p.TextePlusGrand {
	font-size: 1.3em !important;
	line-height:1.4em !important;
}
div.ContenuEditeur p .TextePlusGrand {
	font-size: 1.2em;
	line-height:1.3em;
}

div.ContenuEditeur a {
	background-color:#ffffe6;
	color:#dc4e00;
}
div.ContenuEditeur a:hover {
	text-decoration:underline;
}

/*- Classes pour les titres ----*/
div.ContenuEditeur h2 {
	font-size: 2.2em;
	line-height:1.1em;
	color:#2f2a1a;
	margin-bottom:10px;
}
div.ContenuEditeur h3 {
	font-size: 1.4em;
	line-height:1.2em;
	font-weight:bold;
	color:#2f2a1a;
	margin-bottom:10px;
}
div.ContenuEditeur h4, div.ContenuEditeur h5, div.ContenuEditeur h6 {
	font-size: 1.2em;
	line-height:1.1em;
	font-weight:bold;
	color:#2f2a1a;
	margin-bottom:4px;
}

/*- Classes pour les images ----*/
div.ContenuEditeur img.ImageContour {
	border:5px solid #FFF;
}
/*div.ContenuEditeur img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
div.ContenuEditeur img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}*/

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
div.ContenuEditeur ul {
	font-size: 1.1em;
	margin: 0 0 12px 15px;
	padding: 0;
}
div.ContenuEditeur ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
div.ContenuEditeur ol {
	font-size: 1.1em;
	margin: 0 0 12px 24px;
	padding: 0;
}
div.ContenuEditeur ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/* Gabarit de contenu */
table.ContenuDeuxCols {
	width:100%;
	margin-bottom:12px;
	background-color:#fdf7d0;
	border:22px solid #fdf7d0;
	border-collapse:separate;
}
table.ContenuDeuxCols td {
	width:50%;
	vertical-align:top;
	border-bottom:1px solid #fbefa1;
	padding:0 22px 22px 22px;
}
table.ContenuDeuxCols td:first-child {
	padding-left:0px;
}
table.ContenuDeuxCols td:last-child {
	border-left:1px solid #fbefa1;
}
div.ContenuBoite {
	margin-bottom:12px;
	background-color:#fdf7d0;
	padding:22px 22px 5px 22px;
}

/* Accordion */
div.AccordionWrapper {
	margin:15px 0;
}
div.ContenuEditeur h2.AccordionEntete {
	font-size:1.8em;
	line-height:normal;
	text-transform:uppercase;
	color:#7e7556;
	border-bottom:1px solid #cfbb89;
	cursor:pointer;
	padding:4px 5px;
	margin:0px;
}
h2.AccordionEntete.PremierItem {
	border-top:1px solid #cfbb89;
}
h2.AccordionEntete span {
	background:url(/images/Puce_FlecheAccordion.gif) no-repeat center right;
	padding-right:32px;
}
div.AccordionContenu {
	display:none;
	position:relative;
	overflow:hidden;
	padding:10px 5px;
	border-bottom:1px solid #cfbb89;
}
div.NouvListContenu a.BtnFermer,
div.AccordionContenu a.BtnFermer {
	position:absolute;
	bottom:0; right:0;
	color:#7e7554;
	font-size:1em;
	text-transform:uppercase;
	background:#fdf8c1 url(/images/Puce_FermerAccordion.gif) no-repeat 90% 50%;
	padding:4px 20px 4px 6px;
	display:block;
	cursor:pointer;
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div.ContenuEditeur p p, div.ContenuEditeur li li, table.Tableau li, table.Tableau p {
	font-size:1em !important;
}