/* ============================================================================= 
* LAYOUT GENERAL * 
* ===========================================================================*/
/* Par defaut à 100% mais il est posssible d'implémenter un max-width et/ou min-width dans un msie_fixes.css et un advanced.css */
#document {
background:#FFFFFF;
}
#bandeauHaut {
height: 216px;
}
#corps {
	overflow: hidden;
	width: 100%;
	background: url(images/corps_colonneDroite.gif) repeat-y 100% 0;
}
#colonneGauche {
	float: left;
	width: 0px; /*142px; */
	display: none;
}
/* la taille et selection des colonnes se fait dans inc.navigation_haut.php */
.avecDeuxColonnes #contenu {
	float: left;
	width: 760px; /*606px;*/
}
.avecColonneDroite #contenu {
	float: left;
	width: 760px; /*606px;*/
}
.avecColonneGauche #contenu {
	float: left;
	width: 760px;
}
#colonneDroite {
	float: right;
	width: 142px;
	display: none;
}
#bandeauBas {
	background:#FFFFFF;
	color: #04548c;
}
#bandeauBas ul {
	margin: 5px 0;
	padding: 0;
}
#bandeauBas li {
	font-size: 10px;
	list-style-type: none;
	display: inline;
	border-left: 1px solid #000;
	padding: 0 3px 0 6px;
	margin: 0;
}
#bandeauBas li.first {
	border-width: 0;
	padding-left: 0;
}
#bandeauBas a {
	color: #000;
	text-decoration: underline;
	font-size: 10px;
	color: #00396B;
}
#bandeauBas a:hover {
	color: #990000;
}
/* ============================================================================= 
* STANDARD IMPLEMENTATION & STANDARD CMS * 
* -> Éléments utilisés par l'application et une implémentation standard du CMS * 
* ! Atention aux spécificités des selecteurs qui peuvent être plus importantes  
* * ===========================================================================*/
/* Implémentaiton au cas par cas  */
.clear {
	clear: both;
}
/* TPL_FORMULAIRE */
input.case {
	border: none;
}
label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE: tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
.tpl_loginMDL label {
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
}
.tpl_loginMDL input {
	width: 80px;
}

.tpl_loginMDL p.action {
	text-align: right;
}
.tpl_loginMDL p.action input {
	border-width: 0;
	width: auto;
	color: #000;
	font-weight: bold;
	background: transparent url(images/puce_triangle2.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	cursor: pointer;
}
p.action {
}
p.action input {
}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

IMG.portrait	{
	border: 1px solid #79849A ; 
}


label.info {
	
}

/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
img.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 5px;
}
a img {
	border-width: 0;
}
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
/* ============================================================================= 
* INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET * 
* ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
/* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}

td 
{
	font-size: 12px;
  }
/* ============================================================================= 
* ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE * 
* ===========================================================================*/
h2 {
	color: #04548c;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {
	color: #04548c;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
}
a:hover, a:focus {
	text-decoration: none;
}
hr {
height: 1px;
margin: 5px 0 0px 0;
background: url(images/hr.gif);
border: 0; outline: 0;
color: #fff;
} 


/* ============================================================================= 
* DOCUMENT (CHARTE GENERALE) * 
* ===========================================================================*/
#document {
	margin: 0 auto;
	width: 762px;
	text-align: left;
}
/* ... */
/* ============================================================================= 
* BANDEAU HAUT (CHARTE GENERALE) * 
* ===========================================================================*/
#bandeauHaut {
	margin-bottom: 10px;
}
#bandeauHaut h1 {
	margin: 0;
	height: 85px;
}
#bandeauHaut h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
#accesRapide {
	margin: 3px 0;
	padding: 0;
	text-align: right;
}
#accesRapide li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #35699B;
	padding: 0 3px;
}
#accesRapide li.noBorder {
	border-width: 0;
	padding-right: 0;
}
#accesRapide a {
	color: #35699B;
	font-weight: bold;
	text-decoration: none;
}
#accesRapide a:hover {
	text-decoration: underline;
}
#accesRapide form {
	display: inline;
}
#accesRapide input, .tpl_sso input {
	border-top: 2px solid #A3A3A3;
	border-left: 2px solid #A3A3A3;
	border-right: 2px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
	padding: 1px 2px;
	font-size: 100%;
}
#accesRapide input.bouton {
	background: #4E7FAA url(images/bandeauAcces_bouton.gif) no-repeat 100% 50%;
	/*bandeauHaut_boutonFond.gif) repeat-x 0 100%;
*/
	border-width: 0;
	color: #fff;
	padding-right: 10px;
	
}
 .tpl_sso input.bouton {
	background: #4E7FAA url(images/bandeauAcces_bouton.gif) no-repeat 100% 50%;
	/*bandeauHaut_boutonFond.gif) repeat-x 0 100%;
*/
	border-width: 0;
	color: #fff;
	padding-right: 10px;
	width:250px;
}
.tpl_ssoMDL input.bouton {
	background: #4E7FAA url(images/bandeauAcces_bouton.gif) no-repeat 100% 50%;
	/*bandeauHaut_boutonFond.gif) repeat-x 0 100%;*/
	border-width: 0;
	color: #fff;
	padding-right: 10px;
	width:200px;
}
#navPrimaire {
	color: #FFF;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: left;
	font-size: 18px;
}
#navPrimaire li {
	display: inline;
	list-style-type: none;
		
}
#navPrimaire a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	border-left: 0px solid #FFF;
	padding: 0 30px 0 0px;
	padding-left: 0;		

}
#navPrimaire a:hover {
	color: #04548c;
}
/* ... */
/* ============================================================================= 
* CORPS (CHARTE GENERALE) * 
* ===========================================================================*/
#corps {

}
/* ... */
/* ============================================================================= 
* COLONNE GAUCHE (CHARTE GENERALE) * 
* ===========================================================================*/
#colonneGauche, #colonneDroite {
	font-size: 92%;
}
#navSecondaire {
	background:#26527E;
	color: #F7D881;
	border: 1px solid #26527E;
	margin: 0 10px 10px 0;
}
#navSecondaire ul {
	margin: 0;
	padding: 0;
}
#navSecondaire li {
	margin: 2px 0;
	padding: 1px 0 1px 10px;
	background: url(images/puce_triangle_navsecondaire.gif) no-repeat 0 4px;
	border-bottom: 1px solid #3350B7;
	list-style-type: none;
}
#navSecondaire li li {
	border-width: 0;
}
#navSecondaire li.selected a {
	font-weight: bold;
}
#navSecondaire li.selected li a {
	font-weight: normal;
}
#navSecondaire li li.selected a {
	font-weight: bold;
}
#navSecondaire li li.selected li a {
	font-weight: normal;
}
#navSecondaire li li.selected li.selected a {
	font-weight: bold;
}
#navSecondaire li li.selected li.selected li a {
	font-weight: normal;
}

#navSecondaire li li.selected li.selected li.selected a {
	font-weight: bold;
}

#navSecondaire li li.selected li.selected li.selected li a {
	font-weight: normal;
}
#navSecondaire a {
	color: #F7D881;
	
	text-decoration: none;
}
#navSecondaire a:hover {
	color: #FFF;
}
/* ... */
/* ============================================================================= 
* CONTENU(CHARTE GENERALE) * 
* ===========================================================================*/
#chemin {
	heigth=0;
	margin: 3px 0;
	font-size: 10px;
	color: #fff;
}
.accroche {
	font-weight: bold;
	overflow: hidden;
}
.textAccroche {
	border: 1px solid red;
}
#contenu {
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 0px solid #8D8D8D;
}
#contenu table.liste {
	width: 100%;
	border-collapse: collapse;
}
#contenu table.liste .bloc0, #contenu .tpl .bloc0 {
	background-color: #DDDDDD;
  padding: 2px;
}
#contenu table.liste .bloc1, #contenu .tpl .bloc1 {
	background-color:  #FFFFFF;
  padding: 2px;
}
#contenu th {
	text-align: center;
	padding: 2px 5px;
	background-color: #ECEDEE;
}
#contenu td {
	padding: 0px 1px;
	vertical-align: top;
}
#contenu ul {
	margin: 10px 5px;
	padding: 0;
}
#contenu ul li {
	margin: 2px 0 2px 10px;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(images/square.gif) no-repeat 0 4px;
}
#contenu ul li p {
	margin: 0;
	padding: 0;
}
#contenu a {
	color: #cf123d;
	text-decoration: none;
}
#contenu a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* ... */
/* ============================================================================= 
* COLONNE DROITE (CHARTE GENERALE) * 
* ===========================================================================*/
#colonneDroite {
}
#colonneDroite li {
	margin: 2px 0 2px 0px;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(images/square.gif) no-repeat 0 4px;
}
/* ... */
/* ============================================================================= 
* BANDEAU BAS (CHARTE GENERALE) * 
* ===========================================================================*/
#bandeauBas {
	padding-top: 2px;
	border-top: 1px solid #8D8D8D;	
}


/* ... */
/* ============================================================================= 
* MODULES (CHARTE GENERALE) * 
* ===========================================================================*/
.module h3 {
	background-color: #6D475C;
	color: #F7D881;
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
	text-align: center;
}
.module {
	background-color: #E8ECF6;
	padding: 2px 1px 1px 1px;
}



#colonneDroite .module {
	background-color: #26527E;
}
#colonneGauche .module {
	margin-right: 10px;
	background-color: #375E85;
	padding: 0px 0px 0px 0px;
}
.module p {
	padding: 0;
	margin: 0px 0px 0px 2px;
}
.module ul {
	margin: 10px 5px;
	padding: 0;
}
.module ul li {
	margin: 2px 0 2px 10px;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(images/puce_triangle1.gif) no-repeat 0 3px;
}


#document .module a {
	color: #F7D881;
	text-decoration: none;
}

#document .module a:hover {
	color: #990000;
}

#document .module h3 a {
	background-color: #023A6C;
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
}

/* ============================================================================= 
* TPL CENTRAUX (CHARTE GENERALE) * 
* ===========================================================================*/
#document .module .tpl_agendaCalendar table {
	width: 100%;
}
#document .module .tpl_agendaCalendar table caption {
	font-weight: bold;
}
#document .module .tpl_agendaCalendar th, .tpl_agendaCalendar td {
	text-align: center;
}
#document .module .tpl_agendaCalendar th {
	background-color: #00396B;
	color: #fff;
	border: 1px solid #00396B;
}
#document .module .tpl_agendaCalendar td {
	border: 1px solid #fff;
}
#document .module .tpl_agendaCalendar td a {
    display: block;
}
#document .module .tpl_agendaCalendar td.today a {
    background-color: #295F83;
    color: #fff;
}
#document .module .tpl_agendaCalendar td a.active {
    font-weight: bold;
}
#document .module .tpl_agendaCalendar .moisPrec, .tpl_agendaCalendar .moisSuiv {
	font-weight: bold;
	padding: 0 10px;
}

#contenu .tpls {
}
#contenu .tpl_sommairePage ul li {
	padding-right: 0px;
	padding-left: 10px;
	background: url("images/bullet_summary.gif") no-repeat 0px;	
	background-position: 0em .0em;
	padding-bottom: 0px;
	margin: 2px 0px 2px 10px;
	padding-top: 2px;
	list-style-type: none;
}
#contenu .PRS_2TIERS, #contenu .PRS_HTML_2TIERS {
	float: left;
	width: 66%;
}
#contenu .PRS_TIERS, #contenu .PRS_HTML_TIERS {
	float: left;
	width: 33%;
}
#contenu .PRS_TIERS h3, #contenu .PRS_HTML_TIERS h3 {
	font-size: 14px;
	color: #04548c;
	margin: 2px;
	padding: 1px 2px;
}
#contenu .PRS_TIERS ul, #contenu .PRS_HTML_TIERS ul {
	margin: 5px 2px;
	padding: 0
}
#contenu .PRS_TIERS li, #contenu .PRS_HTML_TIERS li {
  margin-left : 0;
  BACKGROUND: url("images/puce_triangle1.gif" ) no-repeat 0px;
  background-position: 0em .2em;
}
#contenu .PRS_TIERS a, #contenu .PRS_HTML_TIERS a {
	color: #FFF;
}
/* ============================================================================= 
* FORMULAIRES (CHARTE GENERALE) * 
* ===========================================================================*/
fieldset {
	position: relative; 

	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #6D7A89;
	padding: 5px;
}
.fieldsetPub {
	position: relative; 
	margin-top: 1px;
	margin-bottom: 10px;
	border: 0px solid #7F9DB9;
	padding: 1px 5px 5px;
}
.fieldsetSearchSort {
	position: relative; 
	margin-top: 1px;
	margin-bottom: 10px;
	border: 1px solid #7F9DB9;
	padding: 1px 5px 5px;
}
legend {
	position: relative;  
	left: -7px;  
	top: 0em; 
	font-size: 110%;
	font-weight: bold;	
		color: #fff;

	
}

.tpl_formulaire input, textarea {
	border: 1px solid #7F9DB9;
	padding: 1px 2px;
	background-color: #ffffff;
	width=220px;
	float: left;
}
.tpl_formulaire  select {
	border: 1px solid #7F9DB9;
	padding: 1px 2px;
	background-color: #ffffff;
	float: left;
}
.tpl_formulaire input.text {
	border: 1px solid #7F9DB9;
	padding: 1px 2px;
	background-color: #ffffff;
	width=220px;
	float: left;
}
.tpl_formulaire  input.case {
 	
 	width:25px;	
 	display: inline;
}	

.tpl_formulaire label.enLigne {
	float: none;
	display: inline;
}	
.tpl_formulaire	.bt { 
	background-color: #e8ecf6 ;	
	width:200px;	
}
.tpl_formulaire	.btsortsearch { 
	background-color: #e8ecf6 ;	
	width:100px;	
}
.tpl_formulaire  label { float:left;  width:500px;}

/* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
/* Non applicable au form en MDL */
#contenu p label {
	float: left;
/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 40%;
}
#contenu form .action {
	text-align: right;
	margin: 0;
	padding: 0;
	width: auto;
}
#contenu form input.submit, #colonneGauche form input.submit, #colonneDroite form input.submit {
	color: #fff;
	border: none;
	background: #4E7EAC url(images/bandeauAcces_bouton.gif) no-repeat bottom right;
	float: none;
	padding: 0 2px 1px 2px;
	margin: 3px;
	font-size: 100%;
}
/* ============================================================================= 
* BLOC DE NAVIGATION: résultats de recherche * 
* ===========================================================================*/
.blocNavigation {
	text-align: center;
	border-bottom: 1px solid #219ab5;
}
.resultatNavigation {
	margin: 5px 0;
}
.regletteNavigation {
	margin: 5px 0;
}
.regletteNavigation span {
	margin: 0 2px;
}
/* ============================================================================= 
* Tpl login  * 
* ===========================================================================*/
.tpl_loginMDL input {
	float: left;
}
.tpl_loginMDL label {
	float: right;
}
.tpl_loginMDL form p {
	margin: 5px;
	overflow: hidden;
}
.tpl_loginMDL h3 {
	width: 95%;
}
.tpl_loginMDL p.erreur {
	width: 95%;
}
/* ============================================================================= 
* Style pour tiny mce * 
* ===========================================================================*/
.lienFlecheNoire {
	background: url(images/puce_triangle2.gif) no-repeat 0 3px;
	padding: 0 0 0 12px;
	font-weight: bold;
}
#contenu .legend {
	font-size: 80%;
	color: #fff;
}