/* design PROCIREP */
/* 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
 */
* { margin: 0; padding: 0; }

html, body, #conteneur, #conteneurBis {
	height: 100%;
	min-height: 100%;
}


/* News */






.news_style{
display:none;
}
.news_show
{
position:absolute;
background-color: white;
color:black;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
clip:rect(0px 350px 150px 0px);

}
.news_show1
{
position:absolute;
background-color: white;
color:black;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
clip:rect(0px 350px 150px 0px);

}
.news_border
{
background-color: white;
width:352px;
height:152px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid gray;
padding: 5px 5px 5px 5px;

/*overflow: auto;*/	

}
.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:363px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}
  .news_move {
 position: relative;

  }
.mytable
{
width:350px;
height:150px;
vertical-align: top; 
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	 background-image: url(../images/backCiel.jpg); 
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

#topRecherche { 	height: 15px;		margin:0;	padding:0; text-align: right;}

#flash_partenaires{
position : absolute;
top : 883px;
width : 380px;
}

#conteneur {
	width: 100%;
	margin: 15px auto;
	padding:0;
	/*background-image: url(../images/footer.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: bottom left;
	position: relative;
	*/
}
#conteneurBis {
	width: 960px;
	margin:0 auto;
	padding:0;
	background-image: url(../images/backConteneurBis.jpg); 
	background-attachment: scroll;
	background-repeat: no-repeat;
	position: relative;
}


#header { 	width:960px;  	margin:0; 	padding:0; }
#headerDiapo{	margin:0;	padding:0;	overflow: hidden;	float: right;}
#diaporamaHeader {	margin:0 0 0 310px;	padding:0;	list-style-type: none; }


#centre { 	}

#hierarchie{
	clear: both;
	margin:0;
	padding:5px 5px 8px 210px;
	font-size: 10px;
	text-align: left;
	height : 15px;
}


#droite{	float:right !important;	
			display: block;
			width: 720px !important;
			margin:0px !important;	
			padding : 0px!important;}

#gauche {
	display: block;
	width: 200px!important;
	margin:  0px!important;
	padding: 0px!important;

}


#player{	
	width: 200px!important;
	margin:  0px!important;
	padding: 0px!important;
	}
	
#lesBreves{
	width: 100%;
	margin: 0;
	padding: 0px 4px 10px 4px;
	list-style-type: none;
}

#lesBreves ul, #lesBreves ul li{
	list-style-type: none;
}

#surweb{
	width: 100%;
	margin: 0;
	padding: 10px 4px;
	list-style-type: none;
}

#surweb ul, #surweb ul li{
	list-style-type: none;
}

#centreTop{margin:25px 0 0 0; padding:0;
height : 800px;
min-height : 800px;

}
#centreBas{margin:0; padding:0;}


	
	#accueilActualite{
	float:right;
	width: 380px;
/*	height: 300px; 
	min-height:300px;*/
	padding : 0;
	overflow:hide;
	margin: 0;
	
	}
	
	#accueilPartenaires{
	float:right;
	width: 380px;
	padding : 0;
	overflow:hide;
	margin: 0;
	}
	
	#centreBasDroite{
	float:right;
	width: 380px;
/*	height: 300px; 
	min-height:300px;*/
	padding : 0 4px 0 0;
	overflow:hide;
	margin: 0;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;	
	}
	
	#centreBasDroite1{  /*-- publicité */
	float:right;
	width: 190px;
	margin: 0; 
	padding : 0;

	}
	
	#centreBasDroite2{ /* diaporama */
	float:left;
	width: 190px;
	margin: 0; 
	padding : 0;
	}

	#accueilVideo{
	width:330px;
	overflow:auto;
	float:left;
	}

	#videodujour {
	margin-top:10px;
	height :290px;
	min-height:290px;
	}
	
	#accueilEdito{
	width:340px;
	float:left;
	overflow:auto;
	height: 500px; 
	min-height:500px;
	overflow:hidden;
	position: relative; 
  height: 100%; 
  width: 30%;
	}

#actucontenu{
height : 0px;

}


#footer {
	width : 100%;
	clear: both;
	margin:0 0 15px 0;
	padding: 0;
	text-align: center;

}

/* 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%; }

.droite {float: right;}

.gauche {	float: left;}


#cp01contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #ff9900 1px;}
#cp02contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #ff0000 1px; }
#cp03contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #339900 1px; }
#cp04contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #339900 1px;}
#cp05contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #000000 1px; }
#cp06contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #cccccc 1px; }
#cp07contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #0000FF 1px; }
#cp08contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #0000FF 1px; }
#cp09contenu{width: 680px !important; padding: 10px 20px; text-align: left; 	background-color: #ffffff; 	margin:5px 0; 	border: dashed #0000FF 1px; }

/* #########################################################################################
########################################AUTRES BLOCS########################################
########################################################################################## */

.pointiller {
	border-bottom-color: #f5d7b4;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	width: 100%;
	padding: O O 10px 0;
}
#leTitre{
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-bottom-color: #ffffff;
	border-top-color: #ffffff;
	border-right-width: 0px;
	border-left-width: 0px;
	margin:5px 0;
	padding:5px 0;
}
.titreAccueil{
	background-image: url(../images/fondTitre.jpg);
	background-color:#e0ded5;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin:0px;
	padding:2px 0px 2px 20px;
	
}
.titreAccueil h3{
	color: #FFFFFF;	
}



.enBloc {
	margin: 6px;
	clear: both;
	border-color: #CCCCCC;

	padding:4px;
}

#planSite{
	background-color: #F4F4F4;
	margin: 0 auto 20px;
	padding: 10px;
	width: 650px;
	border-color: #e0ded5;
	border-style: solid;
	border-width: 2px;
}




/* recherche */
#recherche{
margin: 6px 4px 4px 0px;
 	float: right;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding-left: 4px;
	width: 110px;}
#recherche:focus {background: #fff ;}

.boutonOk{
	margin: 6px 0 2px 0px;
	float: right;
	padding:  0;
	font-style: normal;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
	border-color:#FFFFFF;
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	text-transform: uppercase;
}

.boutonOk:hover{
	color:#000033;
	background-color:#ffffff;
	text-decoration:none;
	border-color: #ffffff;
}
/* #########################################################################################
#######################################   TYPO   ##########################################
########################################################################################## */

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


/*  a:link: lien normal, non visité; */
a:link{color: #c60;	text-decoration: none;} 
/*/*  a:visited: lien visité; */
a:visited{	color: #c60;  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: #000000;	}

		p { text-align: left; margin: 8px 0 }
		
		p, ul { line-height: 1.1em } 
		
		p a, li a { text-decoration: none }
		
		
h1 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #317a66;}
h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #317a66;}
h3 { margin: 0; padding: 0; font-size: 12px; color: #317a66;}
/* h3 { border-bottom: 1px solid #f5d7b4; margin-bottom: 2px; padding-bottom: 2px; text-align: left } */
h4 { margin: 0; padding: 0; font-size: 12px; color: #317a66;}
h5 { margin: 0; padding: 0; font-size: 12px; color: #317a66;}
h6 { margin: 0; padding: 0; font-size: 12px; color: #317a66;}


h1 a:link {	color: #317a66;	text-decoration: none;}
h1 a:visited {	color: #317a66;}
h1 a:hover {	text-decoration: none;	color: #999999;}
h1 a:active{	color: #000000;	}

h2 a:link {	color: #317a66;	text-decoration: none;}
h2 a:visited {	color: #317a66;}
h2 a:hover {	text-decoration: none;	color: #999999;}
h2 a:active{	color: #000000;	}

h3 a:link {	color: #317a66;	text-decoration: none;}
h3 a:visited {	color: #317a66;}
h3 a:hover {	text-decoration: none;	color: #999999;}
h3 a:active{	color: #000000;	}

h4 a:link {	color: #317a66;	text-decoration: none;}
h4 a:visited {	color: #317a66;}
h4 a:hover {	text-decoration: none;	color: #999999;}
h4 a:active{	color: #000000;	}


ul {	list-style-type: none;}
ul ul {
list-style-type: square;
margin : 0 0 0 30px;
}

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

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

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

.texte { color: #000; font-size: 0.96em; }

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

fieldset {
width: 650px;
margin: 10px auto;
padding: 10px;

}

.newsTicker {
	list-style-type: none !important;
	border: 1px dashed #999 !important;
	padding: 3px !important;
	margin: 10px 0 !important;
	background-color: #E2E2E2 !important;
	height:30px !important;
	min-height:30px !important;
	overflow: hidden  !important;
}

.newsTicker ul {padding:2px; height:1em; position:relative;} 
.newsTicker li {list-style:none;list-postion:inside;position:absolute;top:0;left:0;} 



/* #########################################################################################
#######################################   IMAGE   ##########################################
########################################################################################## */



img { border: 0px solid #333; }
/*  lien normal, non visité; */
a:link img {	border-color: #000000;} 
/* lien visité; */
a:visited img {border-color: #999999; }
/*  état du lien lorsque le curseur de l'internaute passe dessus; */
a:hover img {border-color: #317a66;}
/*   lien sélectionné par clic. */
a:active img {	border-color: #000033;	}


.imgDroite img{margin: 0 0 0 8px;}

.imgGauche img {margin: 0 8px 0 0;}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; /*font-size: 0.88em; */font-weight: bold; }

#document_actif { margin-top: 1em; }


/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em;  font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}
/* #########################################################################################
#######################################   MENU    ##########################################
########################################################################################## */

#navcontainer
{
	margin: 10px 0 0 10px;
	padding: 0;
	float:right;
	}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding:  0;
margin: 0;
}

#navcontainer ul li a
{
	/* width: 127px; */
	border-top: 1px solid #f5d7b4;
	border-left: 1px solid #f5d7b4;
	border-bottom: 1px solid #f5d7b4;
	border-right: none;
	padding: 12px  10px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-image: url(../images/fondMenu.jpg);
	background-color: #c60;
}

#navcontainer ul li a:hover
{
color: #c60;
background-image: url(../images/fondMenu2.jpg);
background-color: #fff;
}

#navcontainer a:active
{
	color: #c60;
	background-color: #f5d7b4;
}

#navcontainer li#active a
{
	border: 1px solid #c60;
	color: #fff;
	background-color: #c60;
}

#navcontainer ul  #activeBoutique a {
	background-color: #006666 !important;
	background-image: url() !important;
}