/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	margin: 0 auto;
	padding: 0;	
	width : 780px;
	text-align: left;/*MSIE5*/
}
#bandeauHaut {
	background: url(images/bandeauHaut_fond.jpg) no-repeat 100% 1px;
	width: 100%; 
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#bandeauHaut #lien {
  float : right;
  padding-top : 70px;
}

#bandeauHaut h1 {
	width: 195px;
    height: 100px;
	margin: 0;
	padding: 0;
	float : left;
}

#corps {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#colonneGauche {
	width: 200px;
	float: left;
	margin : 8px 0 0 0;
}

#colonneDroite {
	width: 194px;
	float: right;
}
#contenu {
  width : 100%;
  padding : 0 0 0 10px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width:360px;
}
.avecColonneGauche #contenu {
	float: left;
	width:554px;
}

/* =============================================================================
 * 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 { 
	margin: 0;   
	padding: 0;
}
.tpl_loginMDL form {
  margin : 0;
  padding : 0;
  width : 100%;
  overflow: hidden;  
}
.tpl_loginMDL p {
	margin: 2px;
	padding: 2px;
}
.tpl_loginMDL label{
	width: 78px;
	margin-right: 24px;
	float:left;
}
.tpl_loginMDL input{
	width: 70px;
	padding : 1px 2px;
	margin : 0;
	font-size : 80%;
}
.tpl_loginMDL .action {
  text-align: right;
  background: url(images/boutonOK_1.gif) no-repeat 80% 50%;
  padding : 8px 20px 5px 0;
}
.tpl_loginMDL .action input {
  font-weight : bold;
  border-width : 0;
  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;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
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; 
	font-size: 11px;   
	font-family: Arial, sans-serif;  
  text-align: center;    
  background: url(images/body_fond.gif) repeat-x 0 0;
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2 {
  background: url(images/puce_h2.gif) no-repeat 0 3px;
  font-weight : bold;
  font-size : 160%;
  padding : 0 0 0 25px;
  margin : 5px 0 10px 0;
}
h3 {
  /*background: url(images/h3_fond.gif) no-repeat 0 100%;*/
  background: url(images/puce_triangle2.gif) no-repeat 0 6px;
  border-bottom : 1px solid #BDBBBB;
  font-weight : bold;
  font-size : 120%;
  padding : 0 0 3px 10px;
  margin : 10px 0 5px 0;  
}
h4 {
  /*background: url(images/h4_fond.gif) no-repeat 0 100%;*/
  background: url(images/puce_triangle2.gif) no-repeat 0 6px;
  border-bottom : 1px solid #CCCCCC;
  font-weight : bold;
  font-size : 120%;
  padding : 0 0 3px 7px;
  margin : 10px 0 5px 0;  
}
h5 {
  background: url(images/puce_triangle2.gif) no-repeat 0 4px;
  font-weight : bold;
  font-size : 100%;
  padding : 0 0 3px 10px;
  margin : 5px 0 5px 0; 
}

h6 {
  background: url(images/puce_triangle3.gif) no-repeat 0 4px;
  font-weight : bold;
  font-size : 100%;
  padding : 0 0 3px 10px;
  margin : 5px 0 5px 0;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
p {}
ul {
  margin : 5px;
  padding : 0;
}
ul li {
  margin : 0 0 0 10px;
  padding : 0 0 0 10px;
  background: url(images/puce_triangle1.gif) no-repeat 0 4px;
  list-style-type: none;
}
a:hover, a:focus {text-decoration: none;}

p.hautDePage {
	background: url(images/picto_remonter.gif) no-repeat 100% 6px;
	text-align : right;
	width : 100%;
	border-top : 1px dotted;
}
p.hautDePage a {
	margin-right : 10px;
}
/*************************************************************************************/
/*                                   NAVIGATION                                     */
/************************************************************************************/
#navprimaire{
  clear : both;
  background: url(images/navprimaire_coin.gif) no-repeat 100% 0;
  width : 100%;
  overflow: hidden;
}
#navprimaire ul { 
	margin: 0; 
	padding: 0; 
} 
#navprimaire ul li {
	margin: 0;	
	padding: 0; 
	list-style: none; 
	display: inline;
	text-align: center;
}
#navprimaire a {
	margin : 0;
	padding : 5px 15px;
  display : block;
  float : left;
	text-decoration: none;
	background: url(images/pointilles_1_blanc.gif) repeat-y 100% 0;
}




#navsecondaire { 
  background: url(images/navSecondaire_fondHaut.gif) no-repeat 0 0;
  margin : 0;
  padding : 0;
}
#navsecondaireBas { 
  background: url(images/navSecondaire_fondBas.gif) no-repeat 0 100%;
  margin : 0;
  padding : 10px 10px 15px 10px;
  
}

#navsecondaire h3 {display : none;}

#navsecondaire ul {
  margin : 0;
  padding : 0;
}
#navsecondaire li {
  background: url(images/navSecondaire_fleche2.gif) no-repeat 0 5px;
  margin : 0;
  padding : 0;
  list-style-type: none;
}
#navsecondaire li.selected {
  background: url(images/navSecondaire_fleche1.gif) no-repeat 0 4px;
}
#navsecondaire li li,
#navsecondaire li li.selected {
  background-image: none;
}

#navsecondaire li a {
  text-decoration: none;
  display: block;
  background: url(images/pointillesH_2_gris.gif) repeat-x 0 100%;
  padding : 0 0 3px 10px;
  margin : 0 0 3px 0;
  position: relative;
}
#navsecondaire li a:hover {
  text-decoration: underline;
  position: relative;  
}
#navsecondaire li.selected a,
#navsecondaire li.selected li.selected a {
  font-weight : bold;
}
#navsecondaire li.selected li a {
  font-weight : normal;
  background-image: none;
  padding : 0;
  margin : 2px 0 2px 20px;  
}
/************************************************************************************/
/*                                      CHEMIN                                      */
/************************************************************************************/
#chemin {
	clear: both;
	padding: 5px 0;
}
#chemin a {
  text-decoration: none;
}
#chemin a:hover {
  text-decoration: underline;
}
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
 
 
 
 
 

/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/

a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

#contenu table {
  border-collapse: collapse;
  position : relative;
  left : 1px;
}
#contenu th {
  font-weight : bold;
  text-align: left;
}
#contenu td,
#contenu th {
	padding: 4px 9px;
	border : 1px solid;
}




#contenu p {
	margin : 5px 0;
	padding : 0;
	text-align: justify;
}

#contenu .paragraphe {
	overflow: hidden;
	width: 100%;
	clear: both;
}

#contenu .accroche {
	text-align : justify;
}

#contenu img {
	margin: 3px;
}

p.commentaire  {
	text-align: right;
	clear : both;
}

p.commentaire a {
	padding-left: 10px;  
	background: url("images/puce_triangle1.gif") no-repeat 0 5px;
	font-weight: bold;        
}

	/* ... */
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/


#colonneDroite form {
	background: url(images/colonneDroite_form_fond.gif) no-repeat 0 100%;    
	padding: 3px 5px 5px 5px; 
  margin : 0;  
  text-align: center;       
}
#colonneDroite form p {
	margin: 0;
	padding: 0;
}
#colonneDroite form input.searchString {
	border: none;
	padding: 1px 2px;
	margin : 0 0 5px 0;
	font-size: 10px;
	width : 132px;
}
#colonneDroite form .image {
	border: none;
}

#colonneDroite #colonneDroiteHaut {
	background: url(images/colonneDroite_haut.gif) no-repeat 0 0;
	margin : 10px 0 0 0;
	padding : 0;

}
#colonneDroite #colonneDroiteBas {
	background: url(images/colonneDroite_bas.gif) no-repeat 0 100%;
	margin: 0; 
	padding : 5px 0;
	width : 100%;
	overflow : hidden;
}

/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {
	clear : both;
  width: 100%;
	overflow: hidden;
	margin : 10px 0 0 0;
	font-size: 80%;
	border-top: 1px solid;
}
#bandeauBas ul {
	margin: 5px 0;
	padding: 0; 
	text-align: left;  
	float : left;
}
#bandeauBas li {
	display: inline; 
	padding: 0 5px;
	margin : 0;
}
li.plan {
	background: url("images/plan.gif") left no-repeat;
}
li.access {
	background: url("images/accessibilite.gif") left no-repeat;
}
li.contact {
	background: url("images/contact.gif") left no-repeat;
}
li.infosspecial {
	float:right;
}
#bandeauBas a {
	padding: 5px;
	text-decoration : none;
}
#bandeauBas a:hover {
	text-decoration : underline;
}
#bandeauBas div {
  float : right;
  margin: 5px 0;
}
/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/

#colonneDroite .module {
	margin : 4px 10px;
}

/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
form {
  margin : 5px 0;
  padding : 0;
}
fieldset { 
  border-width : 0;
  font-size : 120%;
  margin : 0;
  padding : 0;
}
legend { 
  background: url(images/puce_triangle3.gif) no-repeat 0 6px;
  font-weight : bold;
  font-size : 100%;
  padding : 0 0 3px 7px;
  margin : 8px 0;  
  display : block;
}

input, textarea, select {
  border: 1px solid;
  font-family : Arial, sans-serif;
  font-size : 100%;  
} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
#contenu input, 
#contenu textarea {padding : 1px 2px;}
#contenu 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: 100px;
	font-weight : bold;
	font-size : 86%;
	margin : 4px 0;
	padding : 0;
}
#contenu p.action {
  padding-left : 100px;
  margin : 20px 0;
}

/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}

/***************/
/* tpl_accueil */
/***************/

.tpl_accueil h3 {
	padding: 0;
	margin: 0;
	height: 34px;
	background-image: none;
}
.tpl_accueil #accueilUne h4 {
	margin: 0;
 	padding: 0;
  font-size: 11px;
  font-weight: bold;
  background-image: none;
}
.tpl_accueil div.item {
	padding: 5px;
	margin: 0 0 5px 0;
}
.tpl_accueil #accueilActualite p {
	clear: both;
}
#contenu .tpl_accueil td,
#contenu .tpl_accueil th {
  border-width : 0;
}
/***************/
/* tpl_faq     */
/***************/
.tpl_faq {
	border-style: none;
}
.tpl_faq h3 {     
	background: url("images/titre_lesaviezvous.gif") no-repeat 50% 0;      
	padding: 0;
	margin : 0;
	height: 24px;
}    
.tpl_faq h3 span {
	display: none;
}
/***************/
/* tpl_clic    */
/***************/
.tpl_clic {
	border-style: none;
}
.tpl_clic h3 {        
	background: url("images/titre_en1clic.gif") no-repeat 50% 0;      
	padding: 0;
	margin : 0;
	height: 22px;
}    
.tpl_clic h3 span {
	display: none;
}

/* tpl_imprimer */
.tpl_imprimer {
  /*background: url(images/pointillesH_2_gris.gif) repeat-x 0 0;*/
  border-top : 1px solid #BDBBBB;
  width : 100%;
  overflow: hidden;
  margin : 5px 0;
  padding : 5px 0 0 0;
}
.tpl_imprimer .imprimer {
  background: url(images/picto_imprimer.gif) no-repeat 0 3px;
  padding : 0 0 0 20px; 
  display : block;
  float : left;
  width : 40%;
}
.tpl_imprimer .remonter {
  background: url(images/picto_remonter.gif) no-repeat 100% 6px;
  padding : 0 16px 0 0; 
  display : block;
  float : right;
  width : 40%;
  text-align: right;
}
/* tpl_agendaListe, tpl_documentListe*/
.tpl_agendaListe .item, .tpl_documentListe .item {
    margin-bottom: 3em;
    padding-left: 15px;
    border-bottom: 2px solid #ccc;
    border-left: 1px solid #ccc;
}

.tpl_documentListe h3 {        
	color : black;
}







/* Styles spéciaux pour tpl ou paragraphes */
.PRS_ESPACEPRIVE {
  background: url(images/PRS_ESPACEPRIVE_fond.gif) no-repeat 0 0;
  padding : 5px 0 0 0;
  margin : 0;
}
.PRS_ESPACEPRIVE h3 {
  padding : 0 0 0 12px;
  margin : 2px 5px;
  background: url(images/picto_cadenas.gif) no-repeat 0 0;  
}
.PRS_ESPACEPRIVE form {
  background: url(images/PRS_ESPACEPRIVE_fond_bas.gif) no-repeat 0 100%;
  padding-bottom: 10px;
}

.PRS_ENCART .encartHaut {
	background: url(images/colonneDroite_haut.gif) no-repeat 0 0;
	margin : 10px 0 0 0;
	padding : 0;

}
.PRS_ENCART .encartBas {
	background: url(images/colonneDroite_bas.gif) no-repeat 0 100%;
	margin: 0; 
	padding : 5px 0;
	width : 100%;
	overflow : hidden;
}

.PRS_ENCADRE {margin : 5px 0}
.PRS_ENCADRE .coin1 {
  background: url(images/PRS_ENCADRE_coin1.gif) no-repeat  0 0;
}
.PRS_ENCADRE .coin2 {
  background: url(images/PRS_ENCADRE_coin2.gif) no-repeat 100% 0;
}
.PRS_ENCADRE .coin3 {
  background: url(images/PRS_ENCADRE_coin3.gif) no-repeat 100% 100%;
}
.PRS_ENCADRE .coin4 {
  padding : 10px;
  background: url(images/PRS_ENCADRE_coin4.gif) no-repeat 0 100%;
}
#contenu .PRS_ENCADRE p,
#contenu .PRS_ENCADRE h2,
#contenu .PRS_ENCADRE h3,
#contenu .PRS_ENCADRE h4,
#contenu .PRS_ENCADRE h5,
#contenu .PRS_ENCADRE h6,
#contenu .PRS_ENCADRE ul {
  margin-right : 10px;
  margin-left : 10px;
}

.PRS_ENCADRECONTOUR {margin : 5px 0;}
.PRS_ENCADRECONTOUR .coin1 { 
  background: url(images/PRS_ENCADRECONTOUR_coin1.gif) no-repeat 0 0;
}
.PRS_ENCADRECONTOUR .coin2 {
  background: url(images/PRS_ENCADRECONTOUR_coin2.gif) no-repeat 100% 0;
}
.PRS_ENCADRECONTOUR .coin3 {
  background: url(images/PRS_ENCADRECONTOUR_coin3.gif) no-repeat 100% 100%;
}
.PRS_ENCADRECONTOUR .coin4 {
  padding : 10px;  
  background: url(images/PRS_ENCADRECONTOUR_coin4.gif) no-repeat 0 100%;
}
#contenu .PRS_ENCADRECONTOUR p,
#contenu .PRS_ENCADRECONTOUR h2,
#contenu .PRS_ENCADRECONTOUR h3,
#contenu .PRS_ENCADRECONTOUR h4,
#contenu .PRS_ENCADRECONTOUR h5,
#contenu .PRS_ENCADRECONTOUR h6,
#contenu .PRS_ENCADRECONTOUR ul {
  margin-right : 10px;
  margin-left : 10px;
}

.PRS_FOND {margin : 5px 0; color : #fff;}
.PRS_FOND .coin1 { 
  background: url(images/PRS_FOND_coin1.gif) no-repeat 0 0;
}
.PRS_FOND .coin2 {
  background: url(images/PRS_FOND_coin2.gif) no-repeat 100% 0;
}
.PRS_FOND .coin3 {
  background: url(images/PRS_FOND_coin3.gif) no-repeat 100% 100%;
}
.PRS_FOND .coin4 {
  padding : 10px;  
  background: url(images/PRS_FOND_coin4.gif) no-repeat 0 100%;
}

#contenu .PRS_FOND p,
#contenu .PRS_FOND h2,
#contenu .PRS_FOND h3,
#contenu .PRS_FOND h4,
#contenu .PRS_FOND h5,
#contenu .PRS_FOND h6,
#contenu .PRS_FOND ul,
#contenu .PRS_FOND a {
  margin-right : 10px;
  margin-left : 10px;
  color:white;
}
/***************/
/*   couleur   */
/***************/

#bandeauHaut {
	background-color : #fff;
}

.tpl_loginMDL p {
	color: #FFF;
}
.tpl_loginMDL label{color: #FFF;}

.tpl_loginMDL .action input {
  background-color: transparent;
  color : #fff;
}

body {
  background-color : #effbd7;/*#F1FBDC;*/
  color : #333;
}
h2, h3, h5 {color : #77991B;}

a {color : #7D9025;}

#navprimaire{
  background-color : #000;
}
#navprimaire a {color: #fff;}

#navprimaire a:hover, #navprimaire .selected a {
	background-color: #82A324;
}
#navsecondaire li a { color : #333;}

#navsecondaire li.selected li a {background-color: #fff; /* correction bug de fond sous ie*/}

#chemin a {color : #333;}


#contenu th {
  background-color: #fff;
}
#contenu td,
#contenu th {
	border-color : #999797;
}

#bandeauBas {
	color :#333;
	border-top-color : #999797;
}
#bandeauBas ul {color: #FF6600;}

#bandeauBas a {color :#333;}
input, textarea, select {border: 1px solid #999;}
#contenu p.action input {background-color: #fff;}

.blocNavigation { 
	border-bottom-color : #219ab5;
} 

.PRS_ESPACEPRIVE h3 {
  color : #fff;
}




.PRS_FOND {
  background-color: rgb(130,163,36);/*#ddfba1;*/
}

/***************/
/*   carte   */
/***************/

#carte {
	position : relative;
}
#carte a {
	color : #000;
	background-color: #fff;
	text-decoration : none;
	font-weight : bold;
	padding : 1px;
}
#carte a:hover {
	color : #608FFE;
}
#carte #L01 {
	position : absolute;
	top : 268px;
	left : 189px;
}
#carte #L02 {
	position : absolute;
	top : 96px;
	left : 72px;
}
#carte #L03 {
	position : absolute;
	top : 149px;
	left : 89px;
}
#carte #L04 {
	position : absolute;
	top : 233px;
	left : 43px;
}
#carte #L05 {
	position : absolute;
	top : 195px;
	left : 229px;
}
#carte #L06 {
	position : absolute;
	top : 332px;
	left : 55px;
}
#carte #L07 {
	position : absolute;
	top : 380px;
	left : 175px;
}
#carte #L08 {
	position : absolute;
	top : 469px;
	left : 63px;
	text-align : center;
	width : 140px;
}
#carte #L09 {
	position : absolute;
	top : 338px;
	left : 191px;
	text-align : center;
	width : 140px;	
}
#carte #L10 {
	position : absolute;
	top : 190px;
	left : 304px;
	text-align : center;
	width : 140px;	
}
#carte #L11 {
	position : absolute;
	top : 302px;
	left : 272px;
	text-align : center;
	width : 140px;	
}
#carte #L12 {
	position : absolute;
	top : 273px;
	left : 379px;
	text-align : center;
	width : 140px;	
}
#carte #L13 {
	position : absolute;
	top : 334px;
	left : 472px;
	text-align : center;
	width : 80px;	
}
#carte #L14 {
	position : absolute;
	top : 414px;
	left : 375px;
	text-align : center;
	width : 100px;	
}
#carte #L15 {
	position : absolute;
	top : 446px;
	left : 264px;
	text-align : center;
	width : 100px;	
}
#carte #L16 {
	position : absolute;
	top : 601px;
	left : 226px;
	text-align : center;
	width : 140px;	
}
#carte #L17 {
	position : absolute;
	top : 564px;
	left : 276px;
	text-align : center;
	width : 140px;	
}
#carte #L18 {
	position : absolute;
	top : 540px;
	left : 341px;
	text-align : center;
	width : 140px;	
}
#carte #L19 {
	position : absolute;
	top : 515px;
	left : 422px;
	text-align : center;
	width : 140px;	
}
#carte #L20 {
	position : absolute;
	top : 323px;
	left : 374px;
	text-align : center;
	width : 140px;	
}
#carte #L21 {
	position : absolute;
	top : 486px;
	left : 352px;
	text-align : center;
	width : 140px;	
}
#carte #L22 {
	position : absolute;
	top : 600px;
	left : 400px;
	text-align : center;
	width : 140px;	
}
#carte #L23 {
	position : absolute;
	top : 502px;
	left : 246px;
	text-align : center;
	width : 140px;	
}
#carte #L24 {
	position : absolute;
	top : 421px;
	left : 15px;
	text-align : center;
	width : 140px;	
}