/* ============================================================================= 
* 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 */
body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
/* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}

#colonneGauche {
	float: left;
  font-size: 0.92em;
	width: 155px;
}
#colonneDroite {
	float: left;
  font-size: 0.92em;
	width: 215px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 390px;
}
.avecColonneDroite #contenu {
	float: left;
	width: 545px;
}
.avecColonneGauche #contenu {
	float: left;
	width: 570px;
}
#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 * 
* ! Attention 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;
}

/* 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 {
	
}
/********************/
/* MENU Assemblies */
/********************/
#Assemblies {
	
	background-color: #e8ecf6;
	border: 1px solid #001255;
	padding: 2px;
	margin: 0;
	text-align: left;
	font-size: 100%;
}
#Assemblies > #bo_menu_haut_action {
	position: fixed;
	top: 25px;
}
#Assemblies legend {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	border : 1px solid #0e3293;
	padding: 1px 5px;
	background-color: #fff;
	background-image: none;
}
#Assemblies p {
	margin: 1px;
	padding: 1px;
}
#Assemblies a {
	font-size: 11px;
}	 
#Assemblies td {
	font-size: 11px;
}	 


/* 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 * 
* ===========================================================================*/
/* ============================================================================= 
* ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE * 
* ===========================================================================*/
a:hover, a:focus {
	text-decoration: none;
}
h2 {
	color: #990000;
	font-size: 18px;
	font-weight: normal;
	text-decoration: underline;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {
	color: #001255;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
	padding: 0;
}
hr {
  height: 1px;
  margin: 10px 10px 10px 10px;
  background: url(images/hr.gif);
  border: 0; outline: 0;
  color: #003466;
} 
p {
  margin: 0 0 0.5em 0;
}
/* ============================================================================= 
* 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: #001255;
	font-weight: bold;
	text-decoration: none;
}
#accesRapide a:hover {
	text-decoration: underline;
}
#accesRapide form {
	display: inline;
}
#accesRapide input, .tpl_sso input {
	border-top: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px 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 {
	margin: 0 70px 0 0;
	padding: 0;
	text-align: right;
	font-size: 12px;
}
#navPrimaire li {
	display: inline;
	list-style-type: none;
}
#navPrimaire a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #000;
	padding: 0 3px 0 6px;
}
#navPrimaire li.first a {
	border-width: 0;
	padding-left: 0;
}
#navPrimaire a:hover {
	color: #042474;
  text-decoration: underline;
}
/* ... */
/* ============================================================================= 
* CORPS (CHARTE GENERALE) * 
* ===========================================================================*/
#corps {
	overflow: hidden;
	width: 100%;
	background: url(images/corps_colonneDroite.gif) repeat-y 100% 0;
}
/* ============================================================================= 
* COLONNE GAUCHE (CHARTE GENERALE) * 
* ===========================================================================*/
#navSecondaire {
	border: 1px solid #fff;
	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_triangle1.gif) no-repeat 0 4px;
	border-bottom: 1px solid #E8ECF6;
	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: #395D8F;
	text-decoration: none;
}
#navSecondaire a:hover {
	color: #990000;
}
/* ... */
/* ============================================================================= 
* CONTENU(CHARTE GENERALE) * 
* ===========================================================================*/
#chemin {
	font-size: 10px;
	margin: 3px 0;
}
.accroche {
	font-weight: bold;
	overflow: hidden;
}
.textAccroche {
	border: 1px solid red;
}
#contenu {
	border-bottom: 0px solid #8D8D8D;
	overflow: hidden;
	padding-bottom: 5px;
}
#contenu table.liste {
	border-collapse: collapse;
	width: 100%;
}
#contenu table.liste .blocT, #contenu .tpl .blocT {
	background-color: #003366;
}
#contenu table.liste .bloc0, #contenu .tpl .bloc0 {
	background-color: #E8ECF6;
}
#contenu table.liste .bloc1, #contenu .tpl .bloc1 {
	background-color: transparent;
}
#contenu th {
	background-color: #ECEDEE;
	padding: 2px 5px;
	text-align: center;
}
#contenu td {
	font-size: 12px;
	padding: 0px 1px;
	vertical-align: top;
}
#contenu ul {
	margin: 10px 5px;
	padding: 0;
}
#contenu ul li {
  background: transparent url("images/puce_triangle1.gif" ) no-repeat 0px 0.3em;
  list-style: none;
	margin: 2px 0 4px 0;
	padding: 0 0 0 10px;
}
#contenu ul li p {
	margin: 0;
	padding: 0;
}
#contenu a {
	color: #001255;
	text-decoration: none;
}
#contenu a:hover {
	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;
}
#colonneDroite td {
		font-size: 0.72em;
}

/* ============================================================================= 
* BANDEAU BAS (CHARTE GENERALE) * 
* ===========================================================================*/
#bandeauBas {
	padding-top: 2px;
	border-top: 1px solid #8D8D8D;	
}

/* ============================================================================= 
* MODULES (CHARTE GENERALE) * 
* ===========================================================================*/
#colonneDroite .module {
	margin-left: 10px;
}
#colonneGauche .module {
	margin-right: 10px;
	background-color: #fff;
        display:none;
}
.module {
	background-color: #E8ECF6;
	padding: 0 0 5px 0;
}
.module a {
	color: #000;
	text-decoration: none;
}
.module a:hover {
	color: #990000;
}
.module h3 {
	background-color: #001255;
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	font-size: 1.1em;
}
.module h3 a {
	background-color: #001255;
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
}
.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;
}
.module .tpl_agendaCalendar table {
	width: 100%;
}
.module .tpl_agendaCalendar table caption {
	font-weight: bold;
}
.module .tpl_agendaCalendar th, .tpl_agendaCalendar td {
	text-align: center;
}
.module .tpl_agendaCalendar th {
	background-color: #00396B;
	color: #fff;
	border: 1px solid #00396B;
}
.module .tpl_agendaCalendar td {
	border: 1px solid #fff;
}
.module .tpl_agendaCalendar td a {
    display: block;
}
.module .tpl_agendaCalendar td.today a {
    background-color: #295F83;
    color: #fff;
}
.module .tpl_agendaCalendar td a.active {
    font-weight: bold;
}

/* ============================================================================= 
* TPL CENTRAUX (CHARTE GENERALE) * 
* ===========================================================================*/
#document .module .tpl_agendaCalendar .moisPrec, .tpl_agendaCalendar .moisSuiv {
	font-weight: bold;
	padding: 0 10px;
}
#contenu .tpl_formulaire  ul.erreur li  a{
		font-size:150%;
	color: #FF0000;
}
#contenu .tpl_formulaire  p.erreur {
  font-size: 150%;
	color: #FF0000;
}
#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_TIERS, #contenu .PRS_HTML_TIERS {
	float: left;
	width: 33%;
}
#contenu .PRS_2TIERS, #contenu .PRS_HTML_2TIERS {
	float: left;
	width: 66%;
}
#contenu .PRS_TIERS h3, #contenu .PRS_HTML_TIERS h3 {
	background-color: #001255;
	font-size: 1.1em;
	color: #fff;
	margin: 2px;
	padding: 1px 2px;
	text-align: center;
	
}
#contenu .PRS_2TIERS h3, #contenu .PRS_HTML_2TIERS h3 {
	background-color: #001255;
	font-size: 1.1em;
	color: #fff;
	margin: 2px;
	padding: 1px 2px;
	text-align: center;
	
}
#contenu .PRS_TIERS h5, #contenu .PRS_HTML_TIERS h5 {
	font-size: 10px;
	color: #FF6C00;
	margin: 0px;
	padding: 5px 3px 0px 0px ;
	text-align: left;
	font-weight: normal;
}

#contenu .PRS_2TIERS h5, #contenu .PRS_HTML_2TIERS h5 {
	font-size: 10px;
	color: #FF6C00;
	margin: 0px;
	padding: 5px 3px 0px 0px ;
	text-align: left;
	font-weight: normal;
}
#contenu .PRS_TIERS ul, #contenu .PRS_HTML_TIERS ul {
	margin: 5px 2px;
	padding: 0
}
#contenu .PRS_2TIERS ul, #contenu .PRS_HTML_2TIERS ul {
	margin: 5px 2px;
	padding: 0
}
#contenu .PRS_TIERS li, #contenu .PRS_HTML_TIERS li {
  background: transparent url("images/puce_triangle1.gif") no-repeat 0px 0.3em;
  list-style: none;
	margin: 2px 0 4px 0;
	padding: 0 0 0 10px;
}
#contenu .PRS_2TIERS li, #contenu .PRS_HTML_2TIERS li {
  background: transparent url("images/puce_triangle1.gif") no-repeat 0px 0.3em;
  list-style: none;
	margin: 2px 0 4px 0;
	padding: 0 0 0 10px;
}

/* ============================================================================= 
* 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: 1px 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;	
	
}

.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 label.fullline {
	
/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 100%;
		float: none;
}

#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%;
}
.redbold{
	font-size: 100%;
	font-weight: bold;
	color: #800000;
}