/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 780px; /* 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 */
	text-align: left;
	margin : 5px auto;
	padding : 0;
}
#bandeauHaut {}
#corps {
	overflow: hidden;
	width: 100%;
}
#contenu {
	margin : 2px;
	padding : 10px;
}
#colonneGauche {
	float: left;
	width: 120px;
	padding : 0;
	margin : 0;
}
/********************************************************/
/* a changer quand l'image d'accueil sera plus petite   */
/********************************************************/
#Accueil #colonneGauche {
	width: 127px !important;
}
#document .avecDeuxColonnes #contenu {
	float: left;
	width: 491px;
	padding : 5px;
	margin-left : 5px;
}
.avecColonneGauche #contenu {
	float: left;
	width: 648px;
}
.avecColonneDroite #contenu {
	float: left;
	width: 622px;
}
#colonneDroite {
	float: left;
	width:138px;
	padding : 0;
	margin : 0;
}


/* =============================================================================
 * 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 
 * ===========================================================================*/
.main {
  cursor: pointer;
}
/* 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_formulaire fieldset {
	border: none;
	margin: 30px 0 5px 0;
}
#contenu .tpl_formulaire label.info {
	width : auto;
}
.tpl_formulaire p.action {
	text-align : center;
}
.tpl_formulaire p.action input{
	text-align : center;
	background : #7C8281 url(images/navprimaire_a_selected.gif) repeat-x 0 100% ;
}
.tpl_formulaire select {
	background-color : #ECEDED;
}
#contenu .tpl_formulaire textarea {
	margin-left : 30%;
}

.tpl_loginMDL {
  background: #C9C9C9 url(images/fondModuleGauche1.gif) no-repeat bottom left;
  margin : 0;
  padding : 0;
}

#corps .tpl_loginMDL h3 {
	text-align : center;
	margin : 0;
	padding : 0;
	color : #000;
	border-color : #000;
}

.tpl_loginMDL label {
  font-weight : bold;
  font-size: 86%;
  margin : 0 3px;
}
.tpl_loginMDL input {
  border-width : 0;
  width : 40px;
  font-size: 86%;
  padding : 1px 2px;
  margin : 2px 0;
}
.tpl_loginMDL #UTI_LOGIN_MDL {
  width : 70px;
}

.tpl_loginMDL p.action, .tpl_loginMDL p.alignright {
  background: url(images/fondModuleDroite1.gif) no-repeat bottom right;
  margin : 0;
  padding-bottom : 0;
  text-align: right;

 }
.tpl_loginMDL p.action input {
  width : auto;
  color : #253C93;
  font-weight : bold;
  padding : 0 10px 0 0;
  margin : 0 15px 0 0;
  background: transparent url(images/picto_fleche2.gif) no-repeat 100% 2px;  
}
.tpl_loginMDL p.alignright a {
  color: #FB1F1C;
  margin : 0 15px 0 0;
}

/* 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;
}
/* 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;
}
#navsecondaire acronym,h2 acronym , h3 acronym, h4 acronym, h5 acronym, #chemin acronym {
	border : none;
}

/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
body td {
  font-size: 14px; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2 {
  margin : 5px 0 0 0;
  padding : 30px 0 0 0;
  color : #34499A;
  border-bottom : 1px solid #34499A;
  font-size : 144%;
  height:22px;
  width : 100%;
  overflow: hidden;
  vertical-align:bottom;
}
h2 .imageTitre {
 float: right;
 margin-top : -48px;
}
h3, h4 {
  color : #34499A;

}
#contenu h3 {
  font-size : 113%; 
  padding-left : 10px;
  margin: 10px 0 0 0;
  color : #E83430;
  background: url(images/puce_triangle2.gif) no-repeat 0px 4px;

}
#contenu p {
	margin:3px 0;
}
h4 {
  font-size : 100%; 
}
h5 {
  color : #FB0F0C;
  font-size : 86%; 
}


ul {
  margin : 5px;
  padding : 0;
}
li {
  list-style-type: none;
  background: url(images/puce_mini1.gif) no-repeat 0 8px;
  padding : 0 0 0 6px;
  margin : 2px 0;
}
a:hover, a:focus {text-decoration: none;}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#document {
  /*border : 1px dotted red;*/
}
	/* ... */
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauHaut {
}

#navprimaire {
  background: url(images/navprimaire_fond.gif) repeat-x 0 50%;
  margin : 0;
  padding : 0;
}
#navprimaire table {
  border-collapse: collapse;
  margin : 0;
  padding : 0;
}
#navprimaire td {
  width : 111px;
  text-align: center; 
  margin : 0;
  padding : 0;
}
#navprimaire td a {
  border : 1px solid;
  border-color : #606969;
  background: #7C8281 url(images/navprimaire_a.gif) repeat-x 0 50%;
  padding : 1px 0;
  margin : 0 auto;
  width : 90px;
  text-align: center;
  display: block;
  color : #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight : 600;
  font-size : 80%;
}
#navprimaire td.selected a,
#navprimaire td a:hover {
  border-color: #3A6A9F;
  background: #B5DDE4 url(images/navprimaire_a_selected.gif);
}

/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#corps {}
	/* ... */
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {
  margin : 20px 0 0 0;
}

#colonneGauche ul,
#colonneDroite ul {
  margin : 0;
  padding : 0;
}
 

#colonneGauche .tpl_actualiteListe {
	background-color : #6E6E6E;
	color : #fff ;
	padding : 0 0 5px 0;
	margin : 5px 0;
}
#colonneGauche .tpl_actualiteListe a {
	color : #fff ;
	text-decoration: none;
}
#colonneGauche .tpl_actualiteListe a:hover {
	text-decoration: underline;
}
#colonneGauche .tpl_actualiteListe h3 {
	font-size : 110%;
	font-weight : bold;
	text-align: center;
	background-image: none;
	color : #fff;
	border-bottom : 1px solid #fff;
	margin : 4px 10px;
	padding : 2px;
}
#colonneGauche .tpl_actualiteListe dl {
	margin : 8px;
	padding : 0;
	font-size : 86%;
}
#colonneGauche .tpl_actualiteListe dt {
	font-weight : bold;
	margin : 10px 0 3px 0;
	padding : 0;
}
#colonneGauche .tpl_actualiteListe dd {
	margin : 0;
	padding : 0;
}
#navsecondaire h2 {
  color : #2F4598;
  font-size : 100%; /***/
  font-weight : bold;
  border-bottom : 1px solid;
  border-color : #6E6E6E;
  margin : 0;
  padding : 0 0 5px 0;
  text-transform: uppercase;
}
#navsecondaire ul {
  margin : 0;
  padding : 0;
}
#navsecondaire li {
  margin : 0;
  padding : 0 0 0 12px;
  background: url(images/puce_navsecondaire1.gif) no-repeat 2px 5px;
  list-style-type: none;
}
#navsecondaire li.selected {
  background-image: url(images/puce_navsecondaire2.gif);
  font-weight:bold;
}
#navsecondaire li.selected li {
  background-image: url(images/puce_navsecondaire1.gif);
   font-weight:normal;
}
#navsecondaire li.selected li.selected {
  background-image: url(images/puce_navsecondaire2.gif);
   font-weight:bold;
}

#navsecondaire a {
  color : #6E6E6E;
  text-decoration: none;
}
#navsecondaire a:hover {
  text-decoration: underline;
}
#navsecondaire .selected a {
  color : #253C93;
}

	/* ... */
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#chemin {
  height : 20px;
  margin : 0 3px;
  color : #6E6E6E;
  font-size : 86%;
}
#chemin a {
  color : #6E6E6E;
  text-decoration: none;
}
#chemin a:hover {
  text-decoration: underline;
}
	/* ... */
/* =============================================================================
 * CONTENU(CHARTE METROLAB)
 * ===========================================================================*/

#Accueil #contenu {
  margin-top : 20px;
  font-size : 86%;
}

#contenu {
  font-size : 86%;
  padding-top : 20px;
}

/*
#contenu h2 {
	color : #2F4598;
}
#contenu h2 .imageTitre {
 text-align: right;
 vertical-align: top;
}
*/
#contenu .paragraphe a {
	color : #6E6E6E;
}
#contenu .paragraphe p {
	font-size : 100%;
}
#contenu .tpl_actualiteListe h4 {
	clear: both;
	margin-bottom : 1px;
	padding-bottom : 1px;
}
#contenu .tpl_actualiteListe p {
	margin-top : 1px;
	padding-top : 1px;
}

#contenu .tpl_actualiteListe p a {
	display:block;
	padding-left : 10px;
	margin : 10px;
	background: url(images/puce_triangle2.gif) no-repeat 0px 4px;
}
strong.gras_rouge {
	color : red;
}
#contenu .tpl_plansite li {
 margin-top : 10px;
 list-style-type: none;
 background : none;
 font-weight : bold;
} 

#contenu .tpl_plansite li a {
	color : #2F4598;
	font-size : small;
}
#contenu .tpl_plansite li li a {
	color : #FB0F0C;
	font-size : small ;
	font-weight : normal;
}
#contenu .tpl_plansite li li {
	margin :0;
	padding-left : 10px;
	list-style-type: none;
	background: url(images/puce_triangle2.gif) no-repeat 0px 4px;
}
#contenu .tpl_plansite li li li {
	background : none;
	list-style-type : disc ;
	color : #FB0F0C;
}
#contenu .tpl_accrocheFilles .bloc{
	overflow:hidden;
	width:100%;
	margin:5px 0;
}
#contenu .tpl_accrocheFilles .bloc .texte{
	float:left;
	width:60%;

}
#contenu .tpl_accrocheFilles .bloc h4{
	margin-top:0px;
	margin-bottom:3px;
	padding:0;

}
#contenu .tpl_accrocheFilles .bloc .image{
	float:right;
	width:40%;
}


#contenu .PRS_COL3 {
   clear: none;
   float: left;
   /*  padding : 0 2px 0 2px; 
   margin : 10px 2px 0 2px; */
   padding : 2px;
   margin-top: 5px;
   margin-right :5px;
   width: 31%;
   text-align : left;
}
#contenu .PRS_COL3 h3 {
	text-align :center;
	color : #fff;
	margin : 0;
	margin-bottom:10px;
	padding : 3px 5px;
	background: url(images/colonne3_H3.gif) no-repeat 50% 0;
	
}
#contenu .PRS_COL3 ul,#contenu .PRS_COL3 p {
	margin : 0;
	padding: 0;
	font-size : 100%;
}
#contenu .PRS_COL3 h4 {
  font-size : 110%;
  margin : 4px 0;
  padding: 0;
}
#contenu .PRS_COL3 img {
  border-right : 1px solid #FC3B39;
  padding-right : 4px;
}


#contenu .PRS_COL2{
   clear: none;
   float: left;
   padding : 0 2px 0 2px; 
   margin : 0 2px 0 2px; 
   width: 45%;
   text-align : justify;
}

#contenu .PRS_DISTRIBUTOR {
   clear: none;
   float: left;
   padding : 0 2px 0 2px; 
   margin : 0 2px 0 2px; 
   width: 45%;
}
#contenu .PRS_DISTRIBUTOR h3 {
	color : #FB0F0C;
	font-size : 100%; 
	margin-top:16px;
	margin-bottom : 2px;
	padding-left : 15px;
  	background: url(images/puce_navsecondaire1.gif) no-repeat 2px 2px;
}
#contenu .PRS_DISTRIBUTOR h4 {
	padding-top : 2px;
	padding-bottom : 1px;
	padding-left : 0;
	margin-left : 0;
	margin-top : 2px;
	margin-bottom : 1px;
}

#contenu ul {
	margin-left : 8px;
	padding-left : 8px;
}
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite {
  float : right;
  margin : 0;
}
#colonneDroite p {
 margin : 0;
 padding:0;
}
#lienContact {
  display: block;
  text-align: right; 
  margin:10px 0 0 0;
  padding-right:10px;
  background-color: #fff;
}
#lienContact a {
  color : #FB0F0C;
  font-weight : bold;
  font-size: 86%;
  text-decoration: none;
  background: url(images/picto_fleche1.gif) no-repeat 100% 2px;
  padding : 0 15px 0 0;
}
#lienContact a:hover {
  text-decoration: underline;
}

.PRS_GRISFONCE,.PRS_GRISFONCE_ROND {
	background-color: #6E6E6E;
	color : white;
}
#corps .PRS_GRISFONCE h3,#corps .PRS_GRISFONCE_ROND h3 {
	color : #fff;
	border-color : #fff;
}
#corps .PRS_GRISFONCE_ROND .fondModuleDroite {
  background: url(images/fondModuleDroite1.gif) no-repeat 100% 100%;
  margin : 0;
  height : 10px;
  overflow: hidden;
}
#corps .PRS_GRISFONCE_ROND .fondModuleGauche {
  background: url(images/fondModuleGauche1.gif) no-repeat 0 100%;
  height : 10px;
  overflow: hidden;
  margin : 0;
}

#corps .PRS_GRISCLAIR ,#corps .PRS_GRISCLAIR_ROND {
	background-color: #C9C9C9;
	color : black;
}
#corps .PRS_GRISCLAIR h3, #corps .PRS_GRISCLAIR_ROND h3  {
	color : #000;
	border-color : #000;
}
#corps .PRS_GRISCLAIR_ROND .fondModuleDroite {
  background: url(images/fondModuleDroite1.gif) no-repeat 100% 100%;
  margin : 0;
  height : 10px;
  overflow: hidden;
}
#corps .PRS_GRISCLAIR_ROND .fondModuleGauche {
  background: url(images/fondModuleGauche1.gif) no-repeat 0 100%;
  margin : 0;
}

.PRS_BLANC {
	background-color: #fff;
	color : black;
	border : solid 1px #C7CAD0;
	padding:5px
}
#corps .PRS_BLANC h3 {
	color : #000;
	border-color : #000;
}
.PRS_BLANC_ROND{
	background-color: #fff;
	color : black;
	padding:0px;
	margin:0px;
	
}

.PRS_BLANC_ROND .contenu{
	background-color: white;
	color : black;
	border : solid 1px #C7CAD0;
	border-bottom:solid 1px #fff;
	width:130px!important;
	padding:3px;
	margin:0;
}

#corps .PRS_BLANC_ROND h3 {
	color : #000;
	border-color : #000;
}
#corps .PRS_BLANC_ROND .fondModuleGauche { 
  margin : 0;
  padding: 0;
  overflow: hidden;
  background: url(images/fondModuleDroite2.gif) no-repeat 0 100%;
  width:100%;
}
#corps .PRS_BLANC_ROND .fondModuleDroite { 
  margin : 0;
  padding: 0;
  height : 8px;
  width : 100%;
  overflow: hidden;
}
#corps .PRS_BLEU  p, #corps .PRS_BLEU_ROND  p,#corps .PRS_BLANC_ROND  p,#corps .PRS_BLANC  p{
	margin:0 5px !important;
}
#corps .PRS_GRISCLAIR  p, #corps .PRS_GRISCLAIR_ROND  p,#corps .PRS_GRISFONCE_ROND  p,#corps .PRS_GRISFONCE  p{
	margin:0 5px !important;
}
#corps .PRS_BLEU ,#corps .PRS_BLEU_ROND  {
	background-color: #CCE0EE;
	color : #000;
}
#corps .PRS_BLEU h3, #corps .PRS_BLEU_ROND h3 {
	color : #000;
	border-color : #fff;
}
#corps .PRS_BLEU_ROND .fondModuleDroite {
  background: url(images/fondModuleDroite1.gif) no-repeat 100% 100%;
  margin : 0;
  height : 10px;
  overflow: hidden;
}
#corps .PRS_BLEU_ROND .fondModuleGauche {
  background: url(images/fondModuleGauche1.gif) no-repeat 0 100%;
  margin : 0;
}

/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {
  background-color: #6E6E6E;
  text-align: center;
  padding : 4px 0;
}
#bandeauBas li {
  display: inline;
  text-align: center;
  background: url(images/puce_bandeauBas.gif) no-repeat 0 50%;
  padding : 0 0 0 15px;
  margin : 0 0 0 5px;
  list-style-type: none;
}
#bandeauBas li.first {
  display: inline;
  text-align: center;
  background-image: none;
  padding : 0;
  margin : 0;
}
#bandeauBas a {
  color : #fff;
  text-decoration: none;
}
#bandeauBas a:hover {
  text-decoration: underline;
}

/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
.module {
	margin: 0 0 5px 0;
	padding :0;
	width : 100%;
	font-size:86%;
}
.module ul{
	margin: 3px !important;
}
.module table {
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}
.module .contenu {
margin:0;
/*width:92%;*/
}
.module h3 {
	font-size : 110%;
	font-weight : bold;
	text-align: center;
	background-image: none;
	color : #fff;
	border-bottom : 1px solid #fff;
	margin : 4px 10px;
	padding : 2px;
}

.moduleRecherche {
  margin :7px 0 11px 0;
  padding : 7px 0;
  text-align: center;
  width : 100%;
  overflow: hidden;
  background: #C9C9C9 url(images/moduleRecherche_fond.gif) no-repeat 0 0;
}
.moduleRecherche input {
  border-width : 0;
  width : 110px;
  font-size: 86%;
  padding : 1px 2px;
  margin : 2px 0;
  
}
.moduleRecherche div {
  padding : 1px 2px;
  margin : 2px 0;
  
}
.moduleRecherche .bouton {
  cursor: pointer;
  width : auto;
  float : right;
  color : #253C93;
  font-weight : bold;
  padding : 0 10px 0 0;
  margin : 0 15px 0 0;
  background: transparent url(images/picto_fleche2.gif) no-repeat 100% 2px;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {}
legend {}
input, textarea,select {border: 1px solid;} /* 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: 30%;
}
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
	border-bottom: 1px solid #219ab5;
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
/* =============================================================================
 * Style pour l'editeur
 * ===========================================================================*/

a.lien_download{
	color:#253C93 !important;
	text-decoration:none;
}
a.lien_download:hover{
	text-decoration:underline;
}
a.lien_noirSouligne{
	color:#000 !important;
	text-decoration:none;
}

a.lien_noirSouligne:hover{
	text-decoration:underline;
}
a.lien_rouge{
	color:#FB0F0C !important;
	text-decoration:none;
}
a.lien_rouge:hover{
	text-decoration:underline;
}