/* ============================================================================= 
* 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 {
}
#bandeauHaut {
	background-color: #26354A;
	margin: 0;
	padding: 0;	
}
#corps {
	overflow: hidden;
	width: 100%;
	background: url(images/corps_colonneGauche.gif) repeat-y 100% 0;
}

#bandeauBas {
	background-color: #64748B;
	color:		  #FF6600
}

#bandeauBas a {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#bandeauBas a:hover {
	color: #FFCC00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
/* ============================================================================= 
* 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: #26354A;
	color: #000;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
/* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* ============================================================================= 
* ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE * 
* ===========================================================================*/
h2 {
	font:24px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
h3 {
	font: Arial, Helvetica
	color: #000;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
}
h4, h5, h6 {
}
p {
}
ul {
}
a:hover, a:focus {
	text-decoration: none;
}
hr {
height: 1px;
color: #000000;
} 
/* ============================================================================= 
* DOCUMENT (CHARTE GENERALE) * 
* ===========================================================================*/
#document {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
/* ... */
/* ============================================================================= 
* BANDEAU HAUT (CHARTE GENERALE) * 
* ===========================================================================*/

#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;
}

DIV.navPrimaire {
	font:10px Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing:0.1em;
	line-height:16px;
	margin: 0;
	padding: 0;		
}

DIV.navPrimaire  a {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
}
DIV.navPrimaire a:hover {
	color:#ffffff;
	background: #FF6600;
}
/* ... */
/* ============================================================================= 
* CORPS (CHARTE GENERALE) * 
* ===========================================================================*/
#corps {
}
/* ... */
/* ============================================================================= 
* COLONNE GAUCHE (CHARTE GENERALE) * 
* ===========================================================================*/
#colonneDroite {
	font-size: 92%;
	width: 0px;
}
#colonneGauche {
	float: left;
	width: 230px;
	background-color: #26354A;
}

#navSecondaire {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	border: 1px solid #26354A;
	margin: 15px 10px 0px 5px;
}
#navSecondaire ul {
	margin: 0;
	padding: 0;
}
#navSecondaire li {
	margin: 2px 0;
	padding: 1px 0 1px 10px;
	
	border-bottom: 1px solid #26354A;
	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: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
#navSecondaire a:hover {
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}
/* ... */
/* ============================================================================= 
* CONTENU(CHARTE GENERALE) * 
* ===========================================================================*/
#chemin {
	margin: 3px 0;
	font-size: 10px;
}
.accroche {
	font-weight: bold;
	overflow: hidden;
}
.textAccroche {
	border: 1px solid red;
}

#contenu {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#000000;
	letter-spacing:0.1em;
	overflow: hidden;
	background: url(images/corps_colonneCentre.gif) repeat 100% 0;	
	margin: 0;
	padding: 0px 195px 0px 95px;
	//padding: 20px 195px 0px 95px;
	background-color: #D3DCE6;
}
.avecColonneGauche #contenu {
	//	float: left;
}

#contenu table.liste {
	width: 100%;
	border-collapse: collapse;
}
#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 {
	font:11px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px 5px;
	background-color: #ECEDEE;
}
#contenu td {
	font:11px Arial, Helvetica, sans-serif;
	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 p {
	
}
#contenu a {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
#contenu a:hover {
	color: #FFBA00;
	text-decoration: NONE;
	font-weight: bold;
}
/* ... */
/* ============================================================================= 
* 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: 0px;
	border-top: 1px solid #D3DCE6;	
}


/* ... */
/* ============================================================================= 
* MODULES (CHARTE GENERALE) * 
* ===========================================================================*/
.module h3 {
	background-color: #023A6C;
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
}
.module {
	background-color: #E8ECF6;
	padding: 0 0 5px 0;
}



#colonneDroite .module {
	margin-left: 10px;
}
#colonneGauche .module {
	margin-right: 10px;
	background-color: #26354A;
}
.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: #000;
	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("") no-repeat 0px;
	background-position: 0em .0em;
	padding-bottom: 0px;
	margin: 2px 0px 2px 2px;
	padding-top: 2px;
	list-style-type: none;
}
#contenu .PRS_TIERS {
	float: left;
	width: 33%;
}
#contenu .PRS_TIERS h3 {
	background-color: #023A6C;
	font-size: 12px;
	color: #fff;
	margin: 2px;
	padding: 1px 2px;
	text-align: center;
	
}
}
#contenu .PRS_TIERS ul {
	margin: 5px 2px;
	padding: 0
}
#contenu .PRS_TIERS li {
  margin-left : 0;
  BACKGROUND: url("images/puce_triangle1.gif" ) no-repeat 0px;
  background-position: 0em .2em;
}
#contenu .PRS_TIERS a {
	
}
#contenu .PRS_TIERS h5 {
	
	font-size: 10px;
	color: #FF6C00;
	margin: 0px;
	padding: 3px 3px 0px 0px ;
	text-align: left;
	font-weight: normal;
}


/* ============================================================================= 
* 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: -0.75em; 
	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 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;
}