html {
	height: 100%;
	padding-bottom: 0.1%;
}
html, body{
	font: .9em Arial, Arial, Helvetica, sans-serif;
	color: #000;
}
body#normal {background: #FFF;}


h1,h2,h3,h4,h5,h6 {padding: 10px 0 5px 0; margin-bottom:10px;}
h1,.contentheading {
	font: normal 2.0em Arial, Verdana,sans-serif; /* font: normal 2.3em Arial, Verdana,sans-serif; */
	color: #4CA4A4; 	/*color: #ccc;*/ 
	line-height: 24px; 
	padding-bottom: 8px;}
.contentheading {
	padding-top : 25px;
	}

h2 {
	font: normal 1.6em Arial, sans-serif; /* font: bold 1.8em Arial, sans-serif; */
	letter-spacing: -1px; 
	line-height: 18px;
	color : #FB740A; /* orange */
	}

h3 {
	font: normal 1.4em Arial, sans-serif; /* font: normal 1.8em Arial, sans-serif; */
	line-height: 20px; 
	/* border-bottom:1px solid #333;*/ 
	color: #666666; /* gris foncé ; */
	 }

h4 {
	font: bold 1.2em Arial, sans-serif; /* font: bold 1.4em Arial, sans-serif; */
	line-height: 14px;}
h5 {
	font: bold 1.2em Arial, sans-serif; /* font: bold 1.1em Arial, sans-serif; */
	line-height: 13px;}
h6 {font: bold Arial, sans-serif; line-height: 12px;}

td{font-size: 1em;}
th{font-size: 1em;}


/*------------- liens --------------------*/
a {color: #FB740A; /* color: #666; */ text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a.image, a.image:hover  {border:0;}

a.mainlevel {
	font: normal 1.1em sans-serif; 
	line-height: 15px; 
	/*background-color: #fff; */
	padding:10px; display:block; 
	border-bottom:1px dotted #D3D3D3; /*border-bottom:1px solid #D3D3D3;*/
	color: #4CA4A4;
	color : #FB740A; /* orange */
	 }

a.mainlevel:hover  {
	background-color:#fff;
	color: #333; 
	text-decoration:none; 
	background : url(../images/puce2.jpg) no-repeat 100% 50%;
	border-bottom:1px dotted #333; /*border-bottom:1px solid #333;*/
		}
	
a.mainlevel#active_menu  {
	background : url(../images/puce.jpg) no-repeat 100% 50%; 
	color: #313398;
	text-decoration:none; 
	border-bottom:1px dotted #313398; /* #313398; #333;*/
		}


a.sublevel {
	color: #666;
	}
a.sublevel#active_menu {
	color: #313398;
	}



ul {list-style: none;line-height: normal;}

/* li{list-style: none;line-height: normal;} */

.contentpaneopen ul li {
	list-style: none;
	}
.contentpaneopen li {
	line-height: 20px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/li.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	}

/*  ul.list{
	list-style-image: url(images/puce2.png);
}
*/

#main ul {clear: both; padding: 6px 20px 12px;} 

fieldset {
	/* width: 470px; trop court dans la page de resultat du moteur de recherche */
	width: 85%;
	padding: 5px;
	border: 1px solid #ccc;
}


#head {
	border-top: 1px solid #fff;
	/* color:#000000;*/
	color: #323399;
	padding: 24px 0;
	margin-top : 5px;
	/* background:url(../images/oeil5.jpg) no-repeat;
	background:url(../images/oeil7.jpg) no-repeat; */
	background:url(../images/oeil8.jpg) no-repeat;
	/* height: 150px; */
	height: 115px;
}
#head .center {padding: 0;}
#head .left {
	font: bold 4.5em Arial, sans-serif; 
	padding-left: 25px; 
	padding-top: 50px; 
	line-height: 50px;
	width : 50px;
	height : 50px;
	}
#head .left a img {
	line-height: 50px;
	padding-left: 250px; 
	padding-top: 45px; 
		width : 50px;
	height : 50px;
	}

#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head form {float: right; padding: 0; margin: 0;}

.topMenu {
	clear: both;
	background-image:url(../images/black-grad.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:1px solid #FFF;
	text-align:left;
	/*height: 30px;*/
	height: 20px;
	}
.topMenu ul {	width: 950px; margin: auto;}

.topMenu li {float: right; margin-left: 30px;/*margin-top: 5px;*/margin-top: 2px;}
.topMenu a {color: #fff; font: normal 1.1em Arial, sans-serif; text-decoration: underline; font-weight:bold; } 


/* newsflash */
#pathway_text {
	background-color:#313398;
	color: #FFF;
	text-align:left;
	font-weight:bold;	
}

#pathway_text a {
	color: #FFF;
	font-weight:normal;	
}

#pathway_text a:hover {
	color: #FB740A;
	font-weight:normal;	
}

.center {
	width: 950px; 
	margin: 0 auto; 
	/* padding: 12px 0; */
	padding: 0 0;
	}




/* newsflash */
#newsflash {
	/* background-image:url(../images/black-grad.gif);
	background-image:url(black-grad.gif);
	background-image:url(black-grad.jpg);
	background-repeat: repeat-x;
	*/
	background-color:#313398;
	
	color: #FFF;
	/* border-top:1px solid #FFF;*/
	text-align:left;	
}


#main {background: #FFF url(../images/main.jpg) repeat-x; padding: 10px; 0;line-height: 25px;}
.mid li,.mainright li,.mainleft li {list-style: disc;}
#main p {padding: 3px 10px 4px 10px ;} /* #main p {padding: 3px 0 4px;}*/

.componentheading {
	/*  equivalent au H1 */
	font: normal 2.0em Arial, Verdana,sans-serif; /* font: normal 2.3em Arial, Verdana,sans-serif; */
	color: #4CA4A4; 	/*color: #ccc;*/ 
	line-height: 24px; 
	
	padding-bottom: 6px;
}

table.contentpaneopen {margin-right: 16px; width: 100%; }

.mosimage_caption {font-style: italic;}
/* ------------------- sommaire des articles --------------*/
/* .contenttoc {
	padding: 10px;
	text-align: left;
} */


table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px 2px 2px 2px ; /* H - D -  B - G */
  margin : 5px 5px 5px 50px;
 /*   margin-left: 2px;
  margin-bottom: 2px; */
  float:right;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/main-vo.jpg) repeat-x; /*   - url(../images/subhead_bg.png) repeat-x;*/
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	/* font-size: 10px; */
	text-transform: uppercase;
}

.pagenavcounter {
	padding : 5px;
	}

/* -------------------------------------------------------*/
.contentpaneopen img {
	/* border: 1px solid #CCC; 
	background:#FFF;*/
	margin: 10px;
	padding:3px;
	
}
.buttonheading img {border: none; margin: 0;}

#footer {
	background: #FFF url(../images/main-vo.jpg) repeat-x;
	color: #333;
	text-align:center;
	padding:20px;
}
#footer a {color: #333;}


.left form {padding-bottom: 10px;}
form a {display: inline;}



.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right; padding-left:10px;line-height: normal;}
.pollstableborder td { padding-bottom: 15px; }
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}
input {
	border: 1px solid #ccc;
	background-image:url(../images/main-vo.jpg);
	background-repeat:repeat-x;
	padding: 3px;
}

.col2 .mainleft,.col2 .mainright {width: 78%; float: left; border-right: 1px dotted #CCC;line-height: normal;}
.col2 .mainright {float: right;}


.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
.col3 .mid {float: left; width: 54%; margin: 0 2%; line-height: normal;}
* {
	padding: 0px;
	margin: 0px;
}


div.right div.moduletablelastateliers {
	border-left:1px dotted #D3D3D3;
	border-top:1px dotted #D3D3D3;
	border-right:1px dotted #D3D3D3;
	border-bottom:1px dotted #D3D3D3;
	}

.moduletablelastateliers {
	padding: 1px 1px 1px 1px;
	margin-top: 10px ;
	margin-bottom: 10px ;
	}

.moduletablelastateliers h3 {
	color : #313398;
	padding-left : 7px;
	background: #E8E8E8 url(../images/atelier.png) no-repeat 95% 20%;
	border-bottom : 1px dotted  #AAA;
		}


ul.latestnewslastateliers li { 
	list-style: square; 
	color: #FB740A;
	line-height: 12px;
	}

.moduletablealea img {
	border-right : 3px groove  #313398;
	border-top : 3px groove  #313398;
	border-left : 2px ridge  #313398;
	border-bottom : 2px ridge  #313398;
	}



.moduletableactu {
	padding: 1px 1px 1px 1px; /* 2px 2px 2px 2px;*/
	margin-top: 10px ;
	border : 1px solid  #eee;
	
	}

.moduletableactu h3 {
	color : #313398;
	background-image:url(../images/main-vo.jpg);
	margin : 0 0 0 0; /* H - D - B - G*/
	}



ul.latestnewsactu {
	margin : 0;
	padding : 0;

	}

ul.latestnewsactu li { 
	list-style: disc; 
	color: #FB740A;
	/*	background-image:url(../images/li.png);
	background-repeat: no-repeat;
	background-position : 0 50% ; */
	line-height: 12px;
	}



.moduletableconnect {
	padding: 2px 2px 2px 2px;
	margin: 10px 2px 2px 2px;
	border : 1px solid  #eee;
	
	}

.moduletableconnect h3 {
	
	background-image:url(../images/main-vo.jpg);
	}


.moduletableconnect form label {

	margin-bottom: 2px;
	}



.inputbox{

	margin-bottom: 2px;
	}
input.button {
	padding: 2px;
	margin: 10px;
	color : #FB740A;
	}


.syndicate {
	padding: 2px 2px 2px 2px;
	margin: 10px 2px 2px 2px;
	border : 1px solid  #eee;
	}

.back_button {
	padding: 2px 2px 2px 2px;
	margin: 10px 2px 2px 2px;
	
	}

.back_button a {color : #FB740A; text-decoration: none;}


/* --------- tableau de catégories --------------*/
.contentdescription {
	padding: 2px 0 10px 0 ; /* H - D - B - G */
	font-style : italic;
	}

.sectiontableheader {
	font-weight : bold;
	}


.sectiontableentry1,.sectiontableentry2 {
	padding: 2px 2px; 
	margin :  12px;
	/*background-image:url(../images/indent1.png);
	background-repeat:no-repeat;
	background-position: 0px 4px; */
	}


.sectiontableentry1 a,.sectiontableentry2 a {
	margin :  12px;
	line-height: 20px; 
	color : #FB740A; 
	font-weight : bold;
	text-decoration: none; 

	}
.sectiontableentry1 a:hover,.sectiontableentry2 a:hover {color: #333; text-decoration: underline; }


.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}


/*------------------ left modules liens -----------------*/

div.left div.moduletable {
	border-left:1px dotted #D3D3D3;
	}

.moduletableatelier{
	padding: 0px 0px 2px 0px; /* padding: 2px 2px 2px 2px; H - D - B - G */
	margin: 10px 2px 2px 2px;
	border : 1px dotted #aaa ; /* border : 1px solid  #eee; #4CA4A4 ; #54B7B9 ;*/
	}


.moduletableatelier h3 {
	padding-left : 7px;
	color: #4CA4A4;
	background: #E8E8E8 url(../images/atelier.png) no-repeat 95% 20%;
	border-bottom : 1px dotted  #AAA;
	}

ul.mainlevelatel  { 
	margin : 0;
	padding : 0;
	}

ul.mainlevelatel li { 
	/* list-style: none; */
	list-style: square;

	}

a.mainlevelatel   { 
	text-decoration:none; 
	line-height: 14px;
		}

a.mainlevelatel:hover  {
	background-color:#fff;
	color: #333; 
	text-decoration:none; 
	border-bottom:1px dotted #333; /*border-bottom:1px solid #333;*/
		}

li a.mainlevelatel#active_menuatel  {
	color: #313398;
	text-decoration:none; 
	border-bottom:1px dotted #313398; /* #313398; #333;*/
		}

.moduletableliens{
	padding: 2px 2px 2px 2px;
	margin: 10px 2px 2px 2px;
	border : 1px solid  #eee;
	}

.moduletableliens h3 {
	color: #4CA4A4;
	background-image:url(../images/main-vo.jpg);
	}

ul#mainlevelliens  { 
	margin : 0;
	padding : 0;
	}

ul#mainlevelliens li { 
	list-style: none; 
		background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position : 0 0 ;
	line-height: 12px;
	}


ul#mainlevelliens li a {
	margin-left : 10px;
	color: #666;
	
	}




/* ------------- page de résultat de recherche --------------*/

table.searchintro {
	padding : 10px;
	}

table.searchintro td {
		line-height : 20px;
	}

span.highlight {
	background-color : #A4D5D5 ;
	}


/* 


.contentpaneopen ul li {
	list-style: none;
	}
.contentpaneopen li {
	line-height: 20px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/li.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	}
	
*/
/* ------------------------------ test ------------------------*/



.chapo {
	color: #666;
		font-weight: bold;
		font-size : 1.2em;
		margin-top: 0; 
		margin-bottom: 8px;    
}



.encadre_fin {

	width: 92%;
	margin: 10px 15px 10px 15px ;

	border: thin dotted #9DCECE; /* #AEAEAE;  pour faire un separateur */
}
.encadre_fond {
	background-color: #F2F2F2;
	width: 92%;
	margin: 10px 15px 10px 15px ;
}

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

.dm_date 
	{
	font-weight: bold;
	}


/* --------------- Mise en relief du texte dans le content ------------------------- */

.richtext {
	font-weight : bold;
	font-size : 1.3em;
	color : #373A9B;
	text-shadow: 3px 3px 1px #ccc ;
	}