/* CSS Document */
/**

	BODY : 
		uni bleu foncé : #303F60
		bleu "passé" de la texture : #40527B
		lignes de la texture : #536388

	HEADER :
		couleur de fond : #303F60
		
	MAIN INTERFACE :
		couleur de fond : #333333
	
	SECTION 01 : découvrir & visiter
		fond du contenu : #83AE00
		couleur foncée dégradé : #336600
		couleur claire colonne : #A9E100
		
	Notes :
		- la police ArialBlack n'étant pas très grâcieuse pour de l'affichage en HTML, on préférera substituer des images à la place tout en continuant d'écrire l'intitulé du lien dans le code HTML.

*/
/*
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}*/

body {
	background:url("../charte/fondBody.gif") #40527B;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

form {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	width:100%
}

td {	vertical-align:top; }

h1 {
	height:17px;
	margin:0;
	padding:12px;
}

h1 span, a span {display:none}

/* mises en pages générales */
	/* interface horizontale sous les onglets */
	.underTabs {
		padding:4px 12px 4px 12px;
		height:auto;
	}

	
	
	
/* liste des liens et leur menu déroulant */
#menuList, #menuList ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menuList a,
#menuList a:visited {
	display: block;
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding-left:23px;
	padding-right:22px
}

#menuList li { float: left;}
		/* 
			1/ utilisation de left plutôt du display:none pour les lecteurs d'écrans
			2/ la largeur doit ête fixée pour forcer les retours à la ligne
		*/
		#menuList li ul {
			position: absolute;
			width:160px;
			left: -999em;
			border:1px solid;
			border-top:3px solid;
			background-color:#FFFFFF
		}
		#menuList li ul li {
			width:160px;
		}
			#menuList li ul li a, 
			#menuList li ul li a:visited {
				color:#000000;
				font-weight:normal;
				font-size:11px
			}
			/*#menuList ul li  {float:none;padding:0;margin:0}  empêcher l'héritage du flottement*/
		#menuList li:hover ul,
		#menuList li.sfhover ul {
			left: auto;
		} /* listes imbriquées sous les items de listes survolés */
		
		
		
		
		
		
/* traceur d'étapes */
.wayPath {
	clear:both;
	margin-bottom:4px;
	border-bottom:1px solid
}
		

/* modèle en 3 colonnes */
.container3Blocks {width:950px;padding:0;margin:0;margin-left:auto;margin-right:auto;}
			.container3Blocks .column1 {width:648px;}
			.container3Blocks .column2 {width:290px;}
			.container3Blocks .column3 {width:16px;}
			
			.container3Blocks .row1 {}
			.container3Blocks .row2 {}
			.container3Blocks .row3 {}
			.container3Blocks #rightColumn {width:290px;background-image:none}
			
			.container3Blocks .files {margin-left:13px;margin-right:22px;overflow:auto}
			.container3Blocks .files h1 {padding:0;margin:0;height:18px}
			.container3Blocks .files .container {float:none;padding:10px;padding-left:16px;padding-right:16px;width:auto;}
	
	/* container de textes */
	.column {width:316px;float:left}
			.container {width:290px;float:left;padding-left:13px;padding-right:13px;padding-bottom:14px;overflow:auto;}
			.wideContainer	{padding-left:13px;padding-right:13px;padding-bottom:12px;} /* container utilis? pour les contenus en une seule colonne, notamment les articles, les propri?t?s des balises int?rieures sont souvent modifi?ees aussi*/
			.wideContainer h1 {font-size:24px;line-height:24px;font-weight:bold;margin:0px;padding:0px}
			.wideContainer h2 {font-size:18px;line-height:18px;font-weight:normal;margin:10px 0px 10px 0px;padding:0}
			.wideContainer h3 {font-size:11px;font-weight:bold;margin:13px 0px 0px 0px;padding:0}
			.wideContainer img {padding:0 2px;/*padding:0;padding-right:14px;padding-bottom:2px;*/}
			.container h2 {font-size:11px;font-weight:bold;margin:0;padding:0}
			.container p, .wideContainer p {padding:0;margin:0;padding-bottom:10px;}
			.container a, .wideContainer a {color:#FFFFFF}
			.container a:hover , .wideContainer a:hover {color:#FFFFFF;text-decoration:none}
			.wideContainer p {font-size:11px}
			p.heading {font-weight:bold;font-size:12px;clear:right;margin-bottom:15px}
			.container .next, .container .next:visited {
			    display:block;
			    text-align:right;
			    color:#FFFFFF;
			    font-style:italic;
			    text-decoration:none;
			}
			.container .next:hover {text-decoration:underline;/*background-color:#00CC33*/}
			.container .wideImg, .wideContainer .wideImg {display:block;margin-bottom:11px}
			.container .squareImg, .wideContainer .squareImg {float:left;margin-right:12px}
			.container .fileImg, .wideContainer .fileImg {margin-bottom:12px;text-align:center;}	
			
			
	/* colonne située à droite */
			.container3Blocks #rightColumn .container {width:258px;margin:0px 16px;padding:18px 0px;border-bottom:1px dotted;float:none}
				.container3Blocks #rightColumn .container .fileImg {margin-bottom:0px}
				.container3Blocks #rightColumn .container ul {margin:0;padding:0;list-style: none;}
				.container3Blocks #rightColumn .container ul li {padding-top:2px;padding-bottom:2px;font-size:10px;}
				.container3Blocks #rightColumn .container ul a {padding:2px 18px;margin:0;letter-spacing:1px;font-size:11px;}
			#section1ContentWrapper #rightColumn .container#finalList {border-bottom:none}

	
	/* pied de page */
	.footWrapper {padding-bottom:17px;background-color:#303F60;}
		.footContent {width:950px;height:13px;padding:0;margin:0;margin-left:auto;margin-right:auto;}	
			
/*************** fin des mises en page générales */



/* Bandeau présentation le logo, l'espace pub et les liens annexes */
#headerWrapper {background-color:#303F60;padding-top:17px}
#header {
	width:950px;
	height:165px; /*176*/
	padding:0;
	margin:0;
	background-color:#E33503;
	margin-left:auto;
	margin-right:auto;
}
		/* éléments du header */
		#logoPart {height:105px;padding:0px 12px}
			#headerInterfaceWrapper {float:right;margin-top:20px;/*width:470px;height:70px;*/}
				#advertising {}
				#headerInterface {text-align:right;margin-top:9px;/*padding-top:60px;*/}
					#headerInterface a, #headerInterface a:visited {color:#FFFFFF;text-decoration:none;font-size:11px;}
					#headerInterface a:hover {text-decoration:underline;/*background-color:#000066*/}
			#logo {padding-top:11px;}
			
		#headPictures {}
	
/* bloc d'interface principal et formulaires */
#mainInterface {width:950px;height:60px;padding:0;margin:0;background-color:#333333;margin-left:auto;margin-right:auto;}
	
	/* champs de recherche et inscription à la newsletter */
	#interfaceForms {padding-right:12px}
		#interfaceForms .form {float:right;padding-top:6px;margin-left:12px;}
		#interfaceForms label {display:block;float:left;margin-top:2px;margin-right:2px}
		#interfaceForms .champs {display:inline;background:url("../charte/interface/fond_champs.gif") no-repeat #FFFFFF;padding-left:12px;font-size:16px}
			#interfaceForms .champs .champ {font-size:10px;font-weight:bold;border:0px;width:150px;margin-top:1px;}
			#interfaceForms .champs input {vertical-align:top;margin-top:1px;}
	

			
	/* le lien vers l'espace jeune */
	#espaceJeuneLienWrapper {float:right;margin-right:6px;margin-bottom:5px;}
	#mainInterface>#espaceJeuneLienWrapper {margin-right:12px}
		#espaceJeuneLienWrapper a, #espaceJeuneLienWrapper a:visited {display:block;width:129px;height:20px;background:url("../charte/interface/espaceJeuneLien.gif") no-repeat}
		/* les couleurs de rollover en sont là que pour tester les effets du :hover */
		#espaceJeuneLienWrapper a:hover {/*background-color:#669933*/}
		
/** HOME PAGE */		
	/* L'encart des nouveautés sur la home A LA UNE */
	#homeNewsWrapper {font-size:11px;width:950px;padding:0;margin:0;background:url("../charte/news/fondNews.gif") repeat-x #003E71;margin-left:auto;margin-right:auto;overflow: auto;}
	
			#homeNewsWrapper  h1 {background:url("../charte/news/titreNews.gif") no-repeat 12px center;}
				
				#homeNewsWrapper .container h2 {color:#FFFFFF;}

	
	/* */
	#homeContentWrapper {background-color:#FF9900}
		.event {background-color:#FF6600}
			#homeContentWrapper h1#eventTitle {background:url("../charte/evenements/titreEvenements.gif") no-repeat 12px center;}

				/* les contenus de la column droite */
					/* les dossiers */
					#homeContentWrapper #homeFiles {background-color:#CC0000;margin-bottom:22px}
						#homeContentWrapper #homeFiles .home_files_label {
							font-size:14px ;
							font-weight:bold;
							padding:0px;
							padding-bottom:2px;
							padding-left:2px;
							padding-right:2px;
							width:96px;
							font-family:Arial;
						}
						#homeContentWrapper #homeFiles .container {float:none;padding:22px;width:auto;}
						#homeContentWrapper #homeFiles .container .fileImg {}
						
					/*ACTIONS*/	
					#homeContentWrapper #homeAction {background-color:#CC0000;margin-bottom:22px}
						#homeContentWrapper #homeAction .home_action_label {
							font-size:14px ;
							font-weight:bold;
							padding:0px;
							padding-bottom:2px;
							padding-left:2px;
							padding-right:2px;
							width:96px;
							font-family:Arial;
						}
						#homeContentWrapper #homeAction .container {float:none;padding:22px;width:auto;}
						#homeContentWrapper #homeAction .container .fileImg {}	
					/*FIN ACTIONS*/
					
					
					/*AGENDA*/	
					#homeContentWrapper #homeAgenda {background-color:#CC0000;margin-bottom:22px}
						#homeContentWrapper #homeAgenda .home_agenda_label {
							font-size:14px ;
							font-weight:bold;
							padding:0px;
							padding-bottom:2px;
							padding-left:2px;
							padding-right:2px;
							width:96px;
							font-family:Arial;
						}
						#homeContentWrapper #homeAgenda .container {float:none;padding:22px;width:auto;}
						#homeContentWrapper #homeAgenda .container .fileImg {}	
					/*FIN AGENDA*/	
						
					/* complément après les dossiers */
					#homeContentWrapper #homeComplement {background-color:#FF6600;padding:11px 0px;}
						#homeContentWrapper #homeComplement .container {float:none;width:auto;padding:11px 22px;}
							#homeContentWrapper #homeComplement .container h2 {font-size:11px;text-transform:uppercase;font-weight:normal;color:#FFFFFF;}
							#homeContentWrapper #homeComplement .container p {font-size:11px;font-weight:bold;color:#FFFFFF;}
					

			/* container de contenu */                                        
			#homeContentWrapper .container h2, #homeContentWrapper .container p {color:#000000}
		
			#homeContentWrapper h1#brefTitle {background:url("../charte/evenements/titreBref.gif") no-repeat 12px center;}
			
	/* pied de page */
	#homeFootWrapper {background-color:#303F60;padding-bottom:25px;}
		#homeFoot,#pied_liens {width:950px;height:40px;padding:0;margin:0;background-color:#FF9900;margin-left:auto;margin-right:auto;}
		#pied_liens{background-color:#40527B;height:auto;text-align:center;font-size:11px;}
		#pied_liens a,#pied_liens a:hover {color:#FFF;font-weight:normal;text-decoration:none;}
		#pied_liens a:hover{text-decoration:underline;}
/*** FIN de la HOME PAGE */	



/** SECTION 01 */
	/* interface horizontale sous les onglets */
	#section1UnderTabs #menuList li a {
		background-image:url("../charte/interface/underTab1_off.gif");
		}
	#section1UnderTabs #menuList li a:hover {
		background-image:url("../charte/interface/underTab1_on.gif");
		color:#000000
		}
		/* aspect des liens dans le menu déroulant */
		#section1UnderTabs #menuList ul {
			border-color:#83AE00;
			}
		#section1UnderTabs #menuList ul li a, 
		#section1UnderTabs #menuList ul li a:visited {
			color:#336600;
			background:url("../charte/interface/puce1_off.gif") 18px 4px no-repeat;
			padding-left:30px
			}
		#section1UnderTabs #menuList ul li a:hover {
			background:url("../charte/interface/puceBlanche.gif") 18px 3px no-repeat #A9E100;
			color:#000000;
			} 
		/* */
		#section1UnderTabs .wayPath {}
		#section1UnderTabs .wayPath a {text-decoration:none}
		#section1UnderTabs .wayPath a:hover {color:#FFF}
			
	
			
			
			
	/* contenu  de la page*/
	#section1ContentWrapper {/*background-color:#83AE00;*/}
		#section1ContentWrapper .row1 {/*background-image:url("../charte/interface/section1_gradient.jpg");*/ background-repeat:repeat-x;}
		#section1ContentWrapper #newsTitleSection1 {background:url("../charte/interface/titreNewsSection1.gif") no-repeat 12px center;}
		#section1ContentWrapper #eventTitleSection1 {background:url("../charte/interface/titreEventSection1.gif") no-repeat 12px center;}
		#section1ContentWrapper #otherTitleSection1 {background:url("../charte/interface/titreOtherSection1.gif") no-repeat 12px center;}
		#section1ContentWrapper .column .container {color:#FFFFFF}
		#section1ContentWrapper .files 
		    {width:613px;}
		#section1ContentWrapper .files .files_label {
			/*background:url("../charte/interface/titreFilesSection1.gif") no-repeat*/
			font-size:14px ;
			font-weight:bold;
			padding:0px;
			padding-bottom:2px;
			padding-left:2px;
			padding-right:2px;
			width:96px;
			font-family: Arial;
		}
		
		#section1ContentWrapper .files .container .squareImg {/*padding-bottom:15px*/}
	
		/* colonne droite */
		#section1ContentWrapper #rightColumn {}
			#section1ContentWrapper #rightColumn .container {height:100%;/*border-bottom-color: #336600*/}
			#section1ContentWrapper #rightColumn .container ul {}
				#section1ContentWrapper #rightColumn .container ul a 
				    {background:url("../charte/interface/puce1RightColumn_off.gif") no-repeat 0px 4px;color:#336600;text-decoration:none}
				#section1ContentWrapper #rightColumn .container ul a:hover 
				    {text-decoration:underline;color:#000000}
				
				/* pour la liste de lien en encart en bas de la colonne droite*/
				#section1ContentWrapper #rightColumn .container#finalList ul a 
				    {background:url("../charte/interface/puce1RightColumnFinal_off.gif") no-repeat left center;padding-left:26px}

/*** FIN de la SECTION 1 */

#container_rightColumn {
	/*min-height:595px;*/
	/*padding-top:11px;*/
}

.rubrique, .article, .article_complement , .recherche , .plan {
	font-size: 11px;
	padding:0;
	padding-left:14px;
	padding-right:14px;
}

.full {
	width: 98%;
}

.rubrique H1, .article H1, .recherche H1 {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica, Sans-Serif;
	margin: 0;
	margin-bottom: 4px;
	font-size: 20px;
}

.article H1 {
	margin-bottom: 10px;
	padding:0;
}

.encadre {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
}
.texte, .texte_homepage {
	FONT-FAMILY: Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 10px;
}

.rubrique, .article {
	font-size: 11px;
}

.article a , .recherche a{
	color: #FFF;
	text-decoration: underline;
}


.rubrique H1, .article H1, .recherche H1 {
	FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica, Sans-Serif;
	margin: 0;
	margin-bottom: 4px;
	font-size: 20px;
}

.recherche H1 {
	margin: 0;
}

.article H1 {
	margin-bottom: 10px;
}

.encadre H1 {
	font-size: 16px;
}

.rubrique H2, .article H2, .recherche H2, #homepage H2, #dossier H2, .dossier_homepage H2 {
	FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 15px;
	margin: 0;
	margin-bottom: 4px;
}

.article H3, .recherche H3, .rubrique H3, .document H3, .dossier_homepage H3, .encadre H3 {
	FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica, Sans-Serif;
	font-size: 14px;
	margin: 0;
	/*margin-top: 20px;*/
	text-align:left;
	padding :0 0 13px 0;
}

.encadre H3 {
	margin-top: 0;
}

.dossier_homepage H3, .cartes H3 {
	margin: 0;
	font-size: 12px;
}

.rubrique H4, .article H4, .recherche H4 {
	font-size: 12px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* STYLES ARTICLES */
#article_texte_contenu {
	padding-top:10px;
}


.article ul, .article ol {
	margin-left:16px;
	margin-bottom:12px;
}
ul.spip, #article_texte_contenu ul.spip {
	margin-left:16px;
	margin-bottom:12px;
}
ol.spip, #article_texte_contenu ol.spip {
	margin-left:24px;
	margin-bottom:12px;
}



#article_texte_contenu h3 {
  text-align:left;
}

#article_texte_contenu img {border:none;}

#article_texte_contenu .spip_documents_left{
margin-right:5px;
padding-bottom:10px;
}

#article_texte_contenu .spip_documents_right{
margin-left:5px;
padding-bottom:10px;
}

#article_texte_contenu span.spip_documents {
	visibility: visible;
}

#article_texte_contenu table.spip {
	border: solid 1px #CCC;
	margin-bottom : 10px;
}

#article_texte_contenu table.spip td ,
#article_texte_contenu table.spip th {
	border : solid 1px #CCC;
	padding : 0px 4px;
}

#article_texte_contenu table.spip th {
	vertical-align : top;
	font-size : 12px;
	font-weight : bold;
}

/* STYLES ENCADRES PS, SAVOIR PLUS, COMPLEMENTS */


#article_post_scriptum ,
#article_savoir_plus ,
#article_infos_pratiques {
	clear:both;
}

#article_post_scriptum a,
#article_savoir_plus a,
#article_infos_pratiques a {
	color:#FFF;
}

#article_post_scriptum p,
#article_savoir_plus p,
#article_infos_pratiques p {
	margin-bottom:10px;
}

#article_post_scriptum h3 {
	font-size:14px;
	padding:0px;
	margin: 0px;
	padding-bottom:8px;
	text-align:left;
}
#article_post_scriptum ul {
	padding:0px;
	margin: 0px;
	padding-top:4px;
	padding-left:16px;
	padding-bottom:8px;
}

#article_savoir_plus h3 {
	font-size:14px;
	padding:0px;
	margin: 0px;
	padding-bottom:8px;
	text-align:left;
}

#article_savoir_plus ul {
	padding:0px;
	margin: 0px;
	padding-top:4px;
	padding-left:16px;
	padding-bottom:8px;
}

#article_infos_pratiques h3 {
	font-size:14px;
	padding:0px;
	margin: 0px;
	padding-bottom:8px;
	text-align:left;
}

#article_infos_pratiques ul {
	padding:0px;
	margin: 0px;
	padding-top:4px;
	padding-left:16px;
	padding-bottom:8px;
}
		
/* STYLES PANIER */

#panier {
	background-color: #ECECEC;
	FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica, Sans-Serif;	
	font-size: 11px;
	color: #666;
	height: auto;
}

#panier p {
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

#panier h1 {
	margin:0px;
	font-size:16px;
}

#panier h2 {
	margin:0px;
	font-size:13px;
}

#panier A {
	font-size:11px;
	color: #666;
}

/* Style applis général */
.pager_num {
	font-size:11px;
}

.pager_num_sel {
	font-size:12px;
	font-weight: bold;
}

.search {
	font-size: 11px;
	width: 100%;
}




.round_form {
	padding:8px;
}

.date {
	font-size:10px;
	text-align:right;
	text-transform: capitalize;
}

.backend {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

/* boite pub 120 90 */
#boite_pub_120_90 {
    padding:10px 15px 10px 15px;
    width:160px;
}

/*MOT RECHERCHE*/
.spip_surligne {
    display:inline;
    text-decoration:underline;
}


/*
SPECIAL NEWSLETTER
*/
	#interfaceForms #newsLetterForm {
		margin-top:5px;
		background:transparent  url("../charte/head_newsletter.png") no-repeat top left;
		height:20px;
		width:167px;
		float:right;
	}
	#interfaceForms #newsLetterForm a,
	#interfaceForms #newsLetterForm a:hover {
		display:block;
		margin-top:2px;
		height:18px;
		width:167px;
		font-size:12px;
		color:#E33503;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
	}