/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
.clear {clear : both;}
.invisible {display: none}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
embed.alignleft, object.alignleft, img.alignleft, table.alignleft, dl.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
embed.alignright, object.alignright, img.alignright, table.alignright, dl.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter, dl.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
acronym {border-bottom: 1px dotted; cursor:help;}
/* LEGENDE */
dl.legende {border: 1px solid #ccc; padding: 0}
dl.legende dt {margin: 0; padding: 0; border-bottom: 1px solid #ccc}
dl.legende dt img {margin: 5px;} /* defini dans le parsing */
dl.legende dd {margin: 0; padding: 0 5px; font-style: italic}
dl.legende dd img {float:right; margin-left: 5px;}

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
	width: 990px; 
	height: auto; 
	position:absolute; 
	margin-left:-495px;
	margin-top:10px; 
	left:50%;
	z-index:1;
}
#bandeauHaut {}
#bandeauBas {}
#corps {
	overflow: hidden;
	width: 100%;
	padding-top:10px;	
}
#colonneGauche {
	float: left;
	width: 190px;
	margin-right:10px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 590px;
}
.avecColonneGauche #contenu {
	float: right;
	width: 779px;
	padding-left:10px;
	border-left:1px solid #92989d;
}
.avecColonneDroite #contenu {
	float: left;
	width: 749px;
	padding-left:20px;
	border-right:1px solid #92989d;
	padding-right:20px;
	margin-right:0px;
}
#colonneDroite {
	float: right;
	width: 178px;
	margin-left:20px;
}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #f7f7eb;
	color: #033333;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}
a{ color:#233a34; text-decoration: none; }
a:hover, a:focus {text-decoration: none;}

ul { list-style:none; margin:0px; padding:0px; }
ul li { }


.floatleft { float: left; }
.floatright { float: right; }
.floatnone { float: none; }
.message { text-align:center; font-weight:bold; color:#358F44;}
.error{  color:red; margin:4px 0px;}
/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut { height:157px; width:100%; }
#bandeauHaut h1 { height:157px; width:570px; float:left; margin:0px; padding:0px; }
#bandeauHaut a { color:#000; line-height:16px; }
#bandeauHaut ul { float:left; width:420px; height:157px; margin:0px; padding:0px; list-style:none; }
#bandeauHaut ul li { float:left; width:137px; margin-right:4px; height:100%; }
#bandeauHaut ul span { height:35px; padding-top:10px; display:block; font-size:1em; padding-left:10px; color:#fff; background-color:#5383d8; font-weight:bold; }
#bandeauHaut ul ul {  background:#ffffff; margin-top:5px; padding:5px 4px; overflow:hidden; height:97px; width:129px; float:none; height:97px;}
#bandeauHaut ul ul li {float:none; width:137px; margin-right:0px; height:auto; } 
#bandeauHaut ul .lastMenuItem { margin:0px; width:138px; }
#bandeauHaut ul .lastMenuItem span { background:#5383d8 url(images/bgHeaderGEM.png) no-repeat right top; padding-top:6px; height:39px;}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#bandeauBas { text-align: center; margin-top:20px; }
#bandeauBas ul { padding:8px; height: 20px; background:#5383d8 url(images/bgFooter.png) no-repeat bottom left; }
#bandeauBas a { color:#fff; }
#bandeauBas ul li { display:inline; margin:0px 40px; text-align:center;}
#bandeauBas .PGS_VERSIONUS,
#bandeauBas .PGS_VERSIONFR { display:block; float:left; margin-right:50px; margin-left:20px; }
#bandeauBas .PGS_VERSIONUS a,
#bandeauBas .PGS_VERSIONFR a { font-weight:bold; padding-left:30px; }
#bandeauBas .PGS_VERSIONUS a { background:url(images/en.png) no-repeat center left;}
#bandeauBas .PGS_VERSIONFR a { background:url(images/fr.png) no-repeat center left;}

/* ===================================================================
 * COLONNE GAUCHE 
 * =================================================================*/
#colonneGauche {

}

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {

}
.paragraphe {
	overflow: hidden;
	width: 100%;
}
#chemin{ margin:10px 0px; padding:0px; width: 749px; padding-bottom:10px; border-bottom:1px solid #92989d; list-style:none; }
#chemin li{ display:inline; margin:0px; padding:0px; }
h2 { font-size:1.3em; color:#e43725; margin:10px 0px 0px 0px; padding: 5px 0px 11px 30px; background:transparent url(images/puce_titre.gif) no-repeat left top; }
h3 { color:#5383d8; font-size:1.1em; margin:0px; padding: 10px 0px; display:block; }
h4 { font-size:1em; color:#919294; padding:0px; }

.paragraphe  table th{
	background-color: #E6DDC4;
	font-weight: bold;
	text-align: left;
	padding: 2px 5px;
}


#contenu a, #contenu a:link{
	color:#333333;
	text-decoration:underline;
}
#contenu a:hover { 
	color:#566258;
	text-decoration:none;
}


/**
Styles de l'éditeur
*/
.small{ font-size:85%;}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite {

}

/* ===================================================================
 * MODULES 
 * =================================================================*/
.module {
	overflow: hidden;
	width: 100%;
}



/* ===================================================================
 * FORMULAIRES 
 * =================================================================*/
.paragraphe fieldset { border: 1px solid #92989d; padding:5px; }
.paragraphe legend { font-weight:bold; color:#5383d8; }
input, textarea,select { border:1px solid #5383D8; font-size:11px; font-family: Arial, sans-serif;}
input.case { border: none; }
.paragraphe form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.paragraphe p label {
	float: left;
	width: 20%;
}
.paragraphe p label.enLigne {float: none; display: inline;}
.paragraphe p.action { text-align:right;}
.submit{ background-color:#ED671E; border:1px solid #ffffff; color:#fff; font-weight:bold; font-size:11px; } 
/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {text-align: center; } 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}



/* ===================================================================
 * STYLE DE PARAGRAPHE
 * =================================================================*/
.PRS_NEWSDUMOIS{
	float:left;
	width:215px;
	margin:0px;
	margin-left:20px;
	padding:0px;
	display:block;
}
.PRS_HOMEUTIL{
	clear:right;
	float:right;
	display:block;
	border-left: 1px solid #92989d;
	width:170px;
	padding:0px;
	padding-left:10px;
	margin:0px;
}
.PRS_TRIBUNEHOME{ 
	width:350px; 
	float:left; 
	margin:0px; 
	padding:0px; 
	display:block;  
}
.PRS_CLEARBOTH {
	clear:both;
}
.PRS_ARTICLEHOME{
	clear:right;
	margin:0px;
	padding:0px; 
}
.PRS_WIDTH_50_LEFT {
	float:left;
	width:350px;
	margin:0px;
	clear:both;
	display:block;
}
.PRS_WIDTH_50_RIGHT {
	float:right;
	width:410px;
	margin:0px;
	clear:none;
}





.PRS_HOMEUTIL h3, 
.module h3 { margin:0px; padding: 5px 0px;  }
.PRS_HOMEUTIL h4, 
.module h4 { padding:0px; }
.PRS_HOMEUTIL p, 
.module p { margin: 1px 0px; }



/* ===================================================================
 * TEMPLATES
 * =================================================================*/


/* ===================================================================
 * GENERALITES
 * =================================================================*/
.listItem{
	margin-bottom:10px;
}
.listItem p { margin:0px; padding:0px; } 

.article{
	text-align:justify;	
}
.article .accroche{ float:left; margin:0px 10px 5px 0px;}
.article .chapeau { margin-bottom:10px; }


.themeList{
	border-top :1px solid #92989d;
	margin-top:10px;
	clear:both;
}
.themeList ul{}
.themeList ul li {  color:#566258;  }
#contenu .themeList ul li a{  color:#566258;  }
.themeList ul ul { display:inline; }
.themeList ul ul li { display:inline; margin:2px; color:#566258; }
#contenu .themeList ul ul li a{ color:#333333; }



#contenu .blocHome { margin:0px 0px 20px 0px; height:250px; padding:0px; display:block; clear:both; position:relative; }
#contenu .blocHome h3{ background-color:#f4955d; color:#fffbed; padding-left:20px; height:36px; line-height:36px; }
#contenu .blocHome ul {  margin:10px 0px 0px 0px; clear:both; position:absolute; bottom:4px; right:0px;}
#contenu .blocHome ul li { display:inline; padding:0px 5px; border-right:1px solid #93948f; }
#contenu .blocHome ul a { font-size: 11px; color:#000; text-decoration:none; }
#contenu .blocHome ul li.feed { border-right:none; }
#contenu .blocHome ul li.feed img { vertical-align:-2px; }

#contenu .blocHome .listItem { clear:both; padding-top:8px; }
#contenu .blocHome .listItem p  { margin:0px; }
#contenu .blocHome .listItem p a { text-decoration:none; }
#contenu .blocHome .listItem .thumb { width:40px; display:block; float:left; max-height:40px; min-height:20px;  margin-right:10px;  }


/* ==========================================================
 *	Spécificité
 * ==========================================================*/
#contenu .tpl_tribuneHome { }
#contenu .tpl_tribuneHome h3 { background:none; margin:0px; padding:0px 0px 0px 20px; }
#contenu .tpl_tribuneHome .blocTitle{ height:70px; background:#0101af url(images/pointInterrogationBleu.png) no-repeat 95% 10%; }
#contenu .tpl_tribuneHome .blocTitle p { color:#fff; padding-left:20px; font-size:13px; margin-top:5px;}

#contenu .tpl_newsDuMois { border:1px solid #ed671e; width:213px; background-color:#fff;  }
#contenu .tpl_newsDuMois h3 { background-color:#ed671e;	}
#contenu .tpl_newsDuMois .listItem  { padding:20px; overflow:hidden; } 
#contenu .tpl_newsDuMois .listItem .articleTitle { margin-bottom:10px; color:#102e2e; font-weight:bold; } 
#contenu .tpl_newsDuMois .listItem .articleChapeau { margin-top:10px; color:#102e2e; clear:both ;} 


#contenu .tpl_tribune fieldset { clear:both;}



/* ===================================================================
 * EXTERNAL FEED
 * =================================================================*/
.tpl_externalFeedMDL{}
.tpl_externalFeedMDL h3 { background:url(images/rss.png) no-repeat top left; padding: 0px 0px 0px 30px;  height:30px; line-height:30px; margin-bottom:20px; color:#000; }
.tpl_externalFeedMDL ul { margin-bottom:20px;}
.tpl_externalFeedMDL ul li { background:url(images/flecheMenuLeftLevel1.png) no-repeat 0px 3px;  margin-left:10px;  }
.tpl_externalFeedMDL ul li.selected { background:url(images/flecheMenuLeftLevel1_selected.png) no-repeat 0px 6px; }
.tpl_externalFeedMDL ul li a { color:#5383d8; font-size:13px; font-weight:bold; padding-left:10px; margin-bottom:10px; display:block;}
.tpl_externalFeedMDL ul li ul { display:none; }
.tpl_externalFeedMDL ul li.selected ul { display:block; margin:3px 0px; }
.tpl_externalFeedMDL ul li.selected ul li { background:none; }
.tpl_externalFeedMDL ul li.selected ul li a { color:#4e925f; font-size:12px; font-weight:normal; padding-left:0px; margin:0px; }
.tpl_externalFeedMDL ul li.selected ul li ul { margin:3px 0px; }
.tpl_externalFeedMDL ul li.selected ul li ul li { margin:0px; padding:0px; }
.tpl_externalFeedMDL ul li.selected ul li ul li a { color:#233a34; margin:0px; }


/* ===================================================================
 * MODULE ACCES RAPIDE
 * =================================================================*/
 .tpl_thematiqueMDL{ }
 .tpl_thematiqueMDL select{ width:170px; }
 
/* ===================================================================
 * TRIBUNE
 * =================================================================*/
.tpl_tribune{}
.tpl_tribune input, .tpl_tribune textarea  { width:70%;}
.tpl_tribune p.action input{width:auto;}
.tpl_tribune form { margin:10px 0px;}
.tpl_tribune .commentaireItem{ margin-bottom:10px; }
.tpl_tribune .commentaireItem .auteur{ color:#566258;}


/* ===================================================================
 * MODULE NEWSLETTER
 * =================================================================*/
.tpl_newsletterMDL{ }
.tpl_newsletterMDL label { display:none; }


/* ===================================================================
 * PLAN DU SITE
 * =================================================================*/
.tpl_plansite{  }
.tpl_plansite ul {  }
.tpl_plansite ul li a { font-weight:bold; text-decoration:none; }
.tpl_plansite ul ul {  margin-left: 40px; }
.tpl_plansite ul ul li a { font-weight:normal; }