/* CSS Copie privée
par niumswebdesign



* { // mettre tous les styles à zéro
	margin: 0; 
	padding: 0; 
}
 */
/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
html, body {
	margin: 0px auto;
	padding: 0px;
	background-image: url(../media/stripe.png);
	background-repeat: repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #333333;
	}
	
/*--------------------------- Accueil ------------------------*/

#contenuAccueil {width: 900px; margin:35px 0 0 0; background-color:#FFFFFF;}
#contenuSite {width: 900px; margin:35px 0 0 0; background-color:#FFFFFF;}

#bloc1 {width: 890px;	margin:0px 5px 0px 5px;	clear: both; overflow: hidden;}
#bloc1Bis {width: 890px; margin: 0px 0px 0px 5px; clear: both; overflow: hidden;}
#bloc2 {width: 890px; margin:0px 0px 0px 5px; clear: both; overflow: hidden;}
#bloc3 {width: 890px; margin:0px 0px 0px 5px; clear: both; overflow: hidden;}
#bloc4 {width: 890px; margin:0px 0px 0px 5px; clear: both; overflow: hidden;}

#ActuSignataires {width: 286px; float: left; margin:5px 0px 5px 5px; 	height: 310px;  min-height: 310px;  padding: 0;  overflow: hidden;}
#actualiteAccueil {width: 277px; background-color: #ECE9D8; margin:0; height: 300px;  min-height: 300px; padding: 5px;  overflow: hidden;}
#signataireaccueil {width: 277px; background-color: #ECE9D8; margin:0px 0 5px 0; height: 160px;  min-height: 160px; padding: 5px 5px 0 5px;  overflow: hidden;}
#edito {width: 370px; float: left; margin:5px 0 0 0; border: solid #ECE9D8 2px;	height: 306px;  min-height: 306px; padding: 0 5px; overflow: auto;}
#ceQuilFautSavoir {width: 196px; background-color: #ECE9D8; float: left; margin:5px 5px 0px 0px;	height:300px;  min-height: 300px; padding: 5px;  }

#videoAccueil {width: 521px; float: left; padding: 5px 0px; margin:5px 0px 5px 5px; border: solid #ECE9D8 2px; 	height: 330px;  min-height: 330px;}
#chiffresCles {width: 130px; float: left; padding: 5px; margin:5px 0; border: solid #ECE9D8 2px; 	height: 330px;  min-height: 330px;}
#ilsEnParlent {width: 192px; float: left; padding: 5px; margin:5px 5px 0px 0; border: solid #ECE9D8 2px; 	height: 330px;  min-height: 330px;}

#logoManifestationAccueil {width: 196px; padding: 5px; background-color: #ECE9D8; float: left; margin:5px 5px 0px 0px; height: 315px;  min-height: 315px;}
#manifestationAccueil {width: 664px; padding: 5px; background-color: #ECE9D8; float: left; margin:5px 0 5px 0; 	height: 315px;  min-height: 315px;}

#manifestationDroite { width: 315px; padding: 5px; margin: 0px; float: right; clear:right;  }
#manifestationGauche { width: 315px; padding: 5px; margin: 0px; float: left; }

#fluxRssAccueil {width: 196px; background-color: #CCCCCC; float: left; margin:5px 0; padding: 0px 5px;}
#planDuSiteAccueil {width: 166px; background-color: #CCCCCC; float: left; margin:5px 5px 0 5px;}
#contactAccueil {width: 166px; background-color: #CCCCCC; float: left; margin:5px 5px 0 0;}
#aproposAccueil {width: 166px; background-color: #CCCCCC; float: left; margin:5px 5px 0 0;}
#creditsAccueil {width: 160px; background-color: #CCCCCC; float: left; margin:5px 0px 0 0;}

#cp01contenu{padding: 5px;	text-align: left;	background-color: #ECE9D8; margin:5px 0;}
#cp02contenu{padding: 5px;	text-align: left;	background-color: #ECE9D8; margin:5px 0;}
#cp03contenu{padding: 5x;	text-align: left;	background-color: #ECE9D8; margin:5px 0;}

#sidebar {width: 196px; background-color: #ffffff; float: left; margin:5px 5px 0px 0px;	 padding: 5px; }
#content {width: 674px; background-color: #ffffff; float: left; margin:5px 0 5px 0; padding: 5px 0 5px 0; }
#hierachie { font-size: 10px; color: #990000; margin: 5px 0px 2px 5px; padding: 0px;}	/* Fil d'Ariane */
	


/*--------------------------- search form ------------------------*/

#surHeader {
	/*position: absolute;
	top: 10px;
	margin-left: -500px;	
	left:50%;	
	
	*/
	width: 900px;
	background: url(../media/searchform-bg-milieu.png) repeat right bottom;
	height: 37px;
	color: #FFFFFF;
	border-width: 0px;
	padding: 0px;
	margin: 0px;

}

#searchform {
	/*	position: absolute;
	top: 0px;
	right: 0px; */
	
	background: url(../media/searchform-bg.png) no-repeat right bottom;
	height: 37px;
	width: 210px;
	float: right;
}
#searchform #recherche{
	background: #ffffff url(../media/form-field-bg.gif) no-repeat ;
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}
#searchform #searchsubmit { 
	background: url(../media/search-btn.png) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}

/*--------------------------- contenu BLOC ------------------------*/

#page {
	width: 900px;
	padding: 0px;
	margin: 20px auto;
	border-color: #F4F1E3;
	border-style: solid;
	border-width: 2px;
	background: #ffffff;
	/*background-image: url(../media/bg_body.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 160px;
	height: 200px;  min-height: 200px;*/
	}

#entete {
	margin: 0px auto;
	padding: 0px;
	border:0px;
	}
	
#header {
	background: #ffffff;
	color: #333333;
	width:900px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	border:0px;

	}
	
#footer { /* infos */
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	color: #999999;
	margin: 0px auto;
	padding: 15px 0px 5px 0px;
	text-align: center;
	border-bottom-color: #FF00FF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	background-color: #FFFFFF;	
	
	}
	
#pied {
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	background: #FFFFFF url(../media/footerCouleur.jpg) repeat-x;
	color: #999999;
	margin: 0px auto;
	padding: 15px 0 35px 0;
	text-align: center;
	}

/*XXXXXXXXXXX fieldset ET legend style XXXXXXXXXXX*/

.legendTitre {

	padding: 0px 4px;
	margin: 0px;
	/*font-size: 20px;*/
	font-weight: bold;
}

fieldset {
border: #F4F1E3 2px solid; 
}

.fieldsetContenu {
	width: 620px; 
	border: #F4F1E3 2px solid; 
	padding: 10 ;  
	margin: 0px;   
}

.contentDuFieldset{
	width: 580px; 
	border: #F4F1E3 0px solid; 
	padding: 10px;
	margin: 10px;  
	background: #F4F1E3 ;	
}






.fieldsetGauche {
	width: 230px;
	border: #F4F1E3 2px solid;
	padding: 0px 5px 5px 5px;
	margin: 0px auto;
	border-top-width: 0px;
}

.fieldsetDroite {
	width: 600px;
	border: #F4F1E3 0px solid;
	padding: 0px;
	margin: 0px;
	}

.fieldsetContenuTop {
width: 590px; 
border: #F4F1E3 2px solid; 
padding: 5px;  
margin: 0px 0px 0px 5px;  
}


.contentDuFieldsetDroite{
width: 275px; 
border: #F4F1E3 5px solid; 
	padding: 5px;
	margin: 0px;  
	float: right;	
	background: #F4F1E3 url(../media/back-contenu.jpg) repeat-x;	
}
.contentDuFieldsetGauche{
	width: 275px;
	border: #F4F1E3 5px solid;
	padding: 5px;
	margin: 0px;
	background: #F4F1E3 url(../media/back-contenu.jpg) repeat-x;	
}

.fondBleu{
	padding: 5px;
	margin: 0px;
	background-image: url(../media/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: -30px -70px;
}






/* Formulaire de recherche */
.formulaire_recherche{ float:right; text-align: right; margin-top:4px; 	background: url(../media/searchform-bg-milieu.png) repeat right bottom;}

.formulaire_recherche #searchsubmit {
	background: url(../media/search-btn.png) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 3px;
	cursor: pointer;
}


/* autres  blocs */

#navAutresRubriqes {
	padding: 4px;
	margin: 0px auto;
	text-align: left;
}

#contact{
	background: #F4F1E3 url(../media/back-contenu.jpg) repeat-x;	
	padding: 4px;
	margin: 0px;
	text-align: left;
}

#apropos{
	background: #F4F1E3 url(../media/back-contenu.jpg) repeat-x;	
	padding: 4px;
	margin: 0px;
	text-align: left;
}

#credits{
	background: #F4F1E3 url(../media/back-contenu.jpg) repeat-x;	
	padding: 4px;
	margin: 0px;
	text-align: left;
}

/* un peu d espace */

.padding5px {padding: 0  0 0 5px;}
.margin5px {margin: 0  5px 0 5px;}

.droite {float: right;}

.gauche {	float: left;}


/* image */

img {	border: solid #000000 0px;}

img a {	border: solid #333333 0px;}

img a : hover{	border: solid #990000 0px;}

img, table { margin: 0; padding: 0; border: none; }


/* class image spéciale bordure */

.image {border: 0px;	margin: 0px;	padding: 4px;}

.image a {border: 0px;}

.image a : hover{border: 0px;}



/* encart */

	.bandeau	{
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: top left;
	text-transform: uppercase;
				}

	
	
/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

h1 { margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
h2 { margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
h3 { margin: 0; padding: 0; font-size: 14px; }
h4 { margin: 0; padding: 0; font-size: 12px; }
h5 { margin: 0; padding: 0; font-size: 12px; }
h6 { margin: 0; padding: 0; font-size: 12px; }


/*  a:link: lien normal, non visité; */
a:link{color: #663300;	text-decoration: none;} 
/*/*  a:visited: lien visité; */
a:visited{	color: #999999;  text-decoration: none;}
/*  a:hover: état du lien lorsque le curseur de l'internaute passe dessus; */
a:hover{text-decoration: underline;	color: #999999;}
/*  a:active: lien sélectionné par clic. */
a:active{	color: #FFFFFF;	background-color: #FF0099;}




h1 a:link {	color: #333333;	text-decoration: none;}
h1 a:visited {	color: #333333;}
h1 a:hover {	text-decoration: none;	color: #999999;}
h1 a:active{	color: #FFFFFF;	background-color: #FF0099;}

h2 a:link {	color: #333333;	text-decoration: none;}
h2 a:visited {	color: #333333;}
h2 a:hover {	text-decoration: none;	color: #999999;}
h2 a:active{	color: #FFFFFF;	background-color: #FF0099;}

h3 a:link {	color: #333333;	text-decoration: none;}
h3 a:visited {	color: #333333;}
h3 a:hover {	text-decoration: none;	color: #9999999;}
h3 a:active{	color: #FFFFFF;	background-color: #FF0099;}

h4 a:link {	color: #333333;	text-decoration: none;}
h4 a:visited {	color: #333333;}
h4 a:hover {	text-decoration: none;	color: #999999;}
h4 a:active{	color: #FFFFFF;	background-color: #FF0099;}

ul {	list-style-type: square;}

ol, li {list-style-type: square;}


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

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* main */
.hand {	cursor: pointer;}

/* tool tip */


.navtext {
	width:150px;
	border-width:2px;
	border-style:solid;
	border-color:#663300;
	layer-background-color:tan;
	background-color:#e2007a;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

/*  ------------------------------------------ */
/*couleur chaque item*/
/*  ------------------------------------------ */

.bleu {
	color: #3366CC;
}
.bleu a:hover{
	background-color: #FFFFFF;
	color: #3366CC;
}


.bordeau {
	color: #990000;
}
.bordeau a:hover{
	background-color: #FFFFFF;
	color: #990000;
}


.fushia {
	color: #e2007a;
}
.fushia a:hover{
	background-color: #FFFFFF;
	color: #e2007a;
}


.vert {
	color: #66CC33;
}
.vert a:hover{
	background-color: #FFFFFF;
	color: #66CC33;
}


.mauve {
	color: #CC00FF;
}
.mauve a:hover{
	background-color: #FFFFFF;
	color: #CC00FF;
}


.orange {
	color: #FF9900;
}
.orange a:hover{
	background-color: #FFFFFF;
	color: #FF9900;
}


.marron {
	color: #663300;
}
.marron a:hover{
	background-color: #FFFFFF;
	color: #663300;
}


.noir {
	color: #000000;
}
.noir a:hover{
	background-color: #FFFFFF;
	color: #000000;
}

.gris {
	color: #666666;
}
.gris a:hover{
	background-color: #666666;
	color: #000000;
}




/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	font-style: italic;
}

.lien {
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold;
	background-color: #F2F2F2;
}



.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #663300; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }



/* Listes d'articles et extraits introductifs
----------------------------------------------- */


.pagination { font-size: 0.90em; }