/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width:942px; /* 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 : 0 auto;
}
#bandeauHaut {}

#Accueil #corps {
  width : 942px;
  background-image: none;
}

#corps {
	overflow: hidden;
	width: 100%;
	width : 936px;
}
#colonneGauche {
	float: left;
	width:264px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 485px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width:;
}
#colonneDroite {
	float: right;
	width:180px;
}
#bandeauBas {
}

/* =============================================================================
 * 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;}
#document label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */

/* 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;
	background: #adab93 url(images/body_fond.gif) repeat-x 0 0;
	color:#000;
	font-family: arial, sans-serif;
	font-size: 11px; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
	text-align: center;
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2, h3, h4, h5, h6 {}
p {}
ul {}
a:hover, a:focus {text-decoration: none;}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#Accueil #document {
  background-image: none;
}
#document {
  background: url(images/document_fond.gif) repeat-y 0 100%;
}
	/* ... */
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauHaut {
  background: url(images/bandeauHaut_fond.jpg) no-repeat 100% 0;
  margin : 0 3px;
}
#bandeauHaut h1 {
  margin : 0;
  padding : 0 0 0 105px;
  background: url(images/h1_fond.jpg) no-repeat 0 0;
}
#pagesSpeciales {
  background-color: #cd1821;
  height : 24px;
  margin : 1px 0 0 0;
  width : 100%;
  overflow: hidden;
}
#pagesSpeciales table {
  width : 100%;/*936px;*/
  margin : 0;
  padding : 0;
  border-collapse: collapse;
  border-width : 0;
}
#pagesSpeciales td {
  width : 16.6%;
  margin : 0;
  padding : 0;  
  border-width : 0;  
}
#pagesSpeciales a {
  display : block;
  height : 24px;
  padding : 5px 2px 0 44px;
  color : #fff;
  font-weight : bold;
  font-size : 12px;
  text-decoration: none;
  background: url(images/PS_presentation.gif) no-repeat 0 0;
}
#pagesSpeciales a:hover,
#pagesSpeciales .selected a {
  background-color: #ea1a1e;
  color : #ffdc4b;
  height : 24px;
  padding : 5px 2px 0 44px;
}
#pagesSpeciales .PGS_PRESENTATION a:hover,
#pagesSpeciales .PGS_PRESENTATION.selected a {
  background-image: url(images/PS_presentation1.gif);
}
#pagesSpeciales .PGS_MISSIONS a {background-image: url(images/PS_missions.gif);}
#pagesSpeciales .PGS_MISSIONS a:hover,
#pagesSpeciales .PGS_MISSIONS.selected a {background-image: url(images/PS_missions1.gif);}
#pagesSpeciales .PGS_PARTENAIRES a {background-image: url(images/PS_partenaires.gif);}
#pagesSpeciales .PGS_PARTENAIRES a:hover,
#pagesSpeciales .PGS_PARTENAIRES.selected a {background-image: url(images/PS_partenaires1.gif);}
#pagesSpeciales .PGS_EQUIPE a {background-image: url(images/PS_equipe.gif);}
#pagesSpeciales .PGS_EQUIPE a:hover,
#pagesSpeciales .PGS_EQUIPE.selected a {background-image: url(images/PS_equipe1.gif);}
#pagesSpeciales .PGS_VENIR a {background-image: url(images/PS_venirNousVoir.gif);}
#pagesSpeciales .PGS_VENIR a:hover,
#pagesSpeciales .PGS_VENIR.selected a {background-image: url(images/PS_venirNousVoir1.gif);}
#pagesSpeciales .PGS_QUESTIONS a {background-image: url(images/PS_vosQuestions.gif);}
#pagesSpeciales .PGS_QUESTIONS a:hover,
#pagesSpeciales .PGS_QUESTIONS.selected a {background-image: url(images/PS_vosQuestions1.gif);}
	/* ... */
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#corps {
  margin : 0 3px 0 3px;
  background: url(images/corps_fond.jpg) no-repeat 0 100%;
}
	/* ... */
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {}

#navSecondaire {
  margin : 0 0 30px 0;
  padding : 0;
}

#navSecondaire ul {
  margin : 0;
  padding : 0;
}

#navSecondaire li {
  border : 1px solid #ababab;
  margin : 18px 21px 0 11px;
  padding : 0;
  list-style-type: none;
}

#navSecondaire li a {
  font-size : 14px;
  color : #cd1821;
  padding : 3px 3px 3px 40px;
  display : block;
  text-decoration: none;
  font-weight : bold;
  background: url(images/navSecondaire_fond1.gif) repeat 0 0;
}

#navSecondaire li a:hover,
#navSecondaire li.selected a {
  color : #ffdc4b;
  background-image: url(images/navSecondaire_fond1_1.gif);
}
#navSecondaire li a.couleur2 {background-image: url(images/navSecondaire_fond2.gif);}
#navSecondaire li a:hover.couleur2, 
#navSecondaire .selected a.couleur2 {background-image: url(images/navSecondaire_fond2_1.gif);}
#navSecondaire li a.couleur3 {background-image: url(images/navSecondaire_fond3.gif);}
#navSecondaire li a:hover.couleur3, 
#navSecondaire .selected a.couleur3 {background-image: url(images/navSecondaire_fond3_1.gif);}
#navSecondaire li a.couleur4 {background-image: url(images/navSecondaire_fond4.gif);}
#navSecondaire li a:hover.couleur4, 
#navSecondaire .selected a.couleur4 {background-image: url(images/navSecondaire_fond4_1.gif);}
#navSecondaire li a.couleur5 {background-image: url(images/navSecondaire_fond5.gif);}
#navSecondaire li a:hover.couleur5, 
#navSecondaire .selected a.couleur5 {background-image: url(images/navSecondaire_fond5_1.gif); color : #780e13;}
#navSecondaire li a.couleur6 {background-image: url(images/navSecondaire_fond6.gif);}
#navSecondaire li a:hover.couleur6, 
#navSecondaire .selected a.couleur6 {background-image: url(images/navSecondaire_fond6_1.gif);}

/* niveau 3 */
#navSecondaire .selected li {
  border-width : 0;
  margin : 0;
  padding : 0;
}

#navSecondaire .selected li a {
  background-image: none;
  background-color: #fff2fa;
  border-top : 1px solid #cecece;
  padding : 2px 2px 2px 13px;
  font-size : 11px;
  font-weight : normal;
  color : #454545;
}

#navSecondaire .selected li.selected a {
  background-color: #f0bcdb;
  font-weight : bold;
  color : #c42b93;
}

#navSecondaire .selected li a:hover {
  background-color: #f0bcdb;
  background-image: none;
  color : #454545;
}

#navSecondaire .selected li a.couleurN2_2 {background-color: #e4d0f2;} /* clair */
#navSecondaire .selected li.selected a.couleurN2_2 {background-color: #d5b8e9; color : #5d2284;} /* bg concé color : couleur fond n1*/
#navSecondaire .selected li a.couleurN2_2:hover {background-color: #d5b8e9;}

#navSecondaire .selected li a.couleurN2_3 {background-color: #d0e7fa;} /* clair */
#navSecondaire .selected li.selected a.couleurN2_3 {background-color: #a5cff3; color : #2053a8;} /* bg concé color : couleur fond n1*/
#navSecondaire .selected li a.couleurN2_3:hover {background-color: #a5cff3;}

#navSecondaire .selected li a.couleurN2_4 {background-color: #bdecc8;} /* clair */
#navSecondaire .selected li.selected a.couleurN2_4 {background-color: #91daa2; color : #228539;} /* bg concé color : couleur fond n1*/
#navSecondaire .selected li a.couleurN2_4:hover {background-color: #91daa2;}

#navSecondaire .selected li a.couleurN2_5 {background-color: #fff1b9;} /* clair */
#navSecondaire .selected li.selected a.couleurN2_5 {background-color: #ffe681; color : #5e4906;} /* bg concé color : couleur fond n1*/
#navSecondaire .selected li a.couleurN2_5:hover {background-color: #ffe681;}

#navSecondaire .selected li a.couleurN2_6 {background-color: #ffe4e5;} /* clair */
#navSecondaire .selected li.selected a.couleurN2_6 {background-color: #ffb8ba; color : #c7281d;} /* bg concé color : couleur fond n1*/
#navSecondaire .selected li a.couleurN2_6:hover {background-color: #ffb8ba;}

/* niveau4 */


#navSecondaire .selected li li {
  border-width : 0;
  margin : 0;
  padding : 0 0 0 38px;
  background: #fff url(images/navSecondaire_niveau4.gif) no-repeat 15px 4px;
}

#navSecondaire li.selected li.selected ul li a {
  background-image: none;
  background-color: transparent;
  border-width : 0;
  padding : 2px;
  font-size : 10px;
  font-weight : normal;
  color : #454545;
}
#navSecondaire .selected li li.selected a {
  text-decoration: underline;
  font-weight : bold;
}
#navSecondaire .selected li li a:hover {
  text-decoration: underline;
  background-color: transparent;
}


	/* ... */
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#Accueil #document h1 {
  margin : 138px 0 0 0;
  padding : 0;
  width : 430px;
  float : left;
}
#Accueil #document h1 img {
  margin : 0;
}
#Accueil table {
  margin : 22px 0 0 0;
  padding : 0;
  border-collapse: collapse;
  border-width:0;
}
#Accueil td,
#Accueil tr {
  margin : 0;
  padding : 0;
  border-width:0;
}
#Accueil #document img {
  border-width : 0;
  margin : 0;
  padding : 0;
}
#Accueil .basTableau {
  color : #49483e;
  background: url(images/accueil_basTableau.gif) no-repeat 0 100%;
}
#Accueil .basTableau td {
  font-size : 11px;
  font-family : arial, sans-zerif;
}
#Accueil .basTableau table {margin : 0;}
#Accueil .basTableau p {
  margin : 16px 10px 16px 30px;
  padding : 0;
  color : #646359;
}
#Accueil .basTableau strong {
  color : #29906d;
}
















#contenu {
  font-family : Georgia, serif;
  font-size : 12px;
  color : #606060;
  margin-bottom : 10px;
}

#contenu h2 {
  font-weight : bold;
  font-size : 18px;/*16px;*/
  color : #cd1821;
  margin : 10px 0 10px 0;
  padding : 0;
}
.PGS_PARTICULIER #contenu h2 {
  color : #007f56;
}
#contenu h3 {
  font-weight : bold;
  font-size : 16px;/*14px;*/
  color : #cd1821;
  margin : 5px 0 10px 0;
  padding : 0;
}
.PGS_PARTICULIER #contenu h3 {
  color : #007f56;
}
#contenu h4 {
  font-weight : bold;
  font-size : 14px;
  margin : 5px 0 5px 0;
  padding : 0;
}
#contenu a {
  color : #cd1821;
  text-decoration: underline;
}
.PGS_PARTICULIER #contenu a {
  color : #007f56;
}
#contenu a:hover {
  text-decoration: none;
}

#contenu table {
  margin : 5px 0;
  padding : 0;
  border-collapse: collapse;
  border : 1px solid #969696;
}
#contenu td {
  padding : 2px 5px;
  margin : 0;
  font-size : 12px;
  color : #606060;
  border : 1px solid #969696;
}
#Accueil #contenu table {
  margin : 0;
  padding : 0;
  border-collapse: collapse;
  border-width : 0;
}
#Accueil #contenu td {
  padding : 0;
  margin : 0;
  border-width : 0;
}

#chemin {
  font-size : 9px;
  font-family : arial, sans-serif;
  border-bottom : 1px solid #969696;
  text-align: right;
  margin : 18px 0 25px 0;
}

#chemin a,
.PGS_PARTICULIER #chemin a {
  color : #606060;
  text-decoration: none;
}
#chemin a:hover {
  text-decoration: underline;
}



#contenu .hautDePage {
  border-top : 1px solid #969696;
  margin : 20px 0 0 0;
  padding : 3px 0 10px 0;
}
#contenu .hautDePage a {
  font-family : arial, sans-serif;
  font-size : 9px;
  color : #605f5f;
  padding-left : 16px;
  background: url(images/picto_triangle1.gif) no-repeat 0 1px; 
  text-decoration: none;
}
#contenu .hautDePage a:hover {
  text-decoration: underline;
}
	/* ... */
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite {
  background: url(images/colonneDroite_fond.jpg) no-repeat 0 100%;
  height: 489px;
  margin : 0;
}

#recherche {
  margin : 18px;
  
}
#recherche form {
  border : 1px solid #aaaaaa;
  background-color: #faf7e5;
  padding : 2px;
  
} 
#recherche label {
  color : #393939;
  background: url(images/picto_loupe.gif) no-repeat 0 0;  
  padding : 0 0 0 18px;
  margin : 0;
}

#recherche p {
    border : 1px solid #9c9b91;
    margin : 2px 4px;
    padding : 0;
    background: #fff url(images/recherche_p_fond.gif) repeat-y 100% 0;
}

#recherche input {
  border-width : 0;
  font-size : 10px;
  padding : 1px 2px;
  width : 80px;
  font-family : arial, sans-serif;
}
#recherche input.submit {
  font-size : 10px;
  width : 45px;
  background-color: #007f56;
  color : #fff;
}

.niveau1 {
  text-align: center;
  margin : 18px 0;
}

	/* ... */
/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#Accueil #bandeauBas {
  background-image: none;  
  padding-top : 0;
}


#bandeauBasPosition {
  width : 942px;
  text-align: center;
  margin : 0 auto;
}
#bandeauBas {
  margin-bottom : 10px;
  padding-top : 20px;
  color : #49483e;
  font-size : 10px;
  background: url(images/bandeauBas_fond.gif) no-repeat 0 0;
}
#bandeauBas strong {
  font-size : 11px;
}
#bandeauBas a {
  color : #49483e;
  text-decoration: none;
}
#bandeauBas a:hover {
  text-decoration: underline;
}
	/* ... */

/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
.module {
	margin: ;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpl_commune .action {
  text-align: left;
}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {
  border : 1px solid #aaaaaa; /*border-width : 0; */
  background-color: #faf7e5;
  padding : 5px;
  margin : 10px 0;
  font-family: georgia, serif;/*arial, sans-serif;*/
  font-weight : bold;
  color : #393939;
}
legend {
  background-color: #fff;
  margin : 0 0 5px 0;
  padding : 2px 5px;
  border : 1px solid #aaa;
}
input, textarea,select {
  border: 1px solid #aaaaaa;
  font-family: georgia, serif;/*arial, sans-serif;*/
  font-size : 11px;  
  padding : 1px 2px;
} /* 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: 35%;
	padding-top : 2px;
	font-weight : normal;
	color : #393939;
}
.action {
  text-align : right;
}
.action input {
  background-color: #007f56;
  color : #fff;
}
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
	border-bottom: 1px solid #219ab5;
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}