/* =============================================================================

 * LAYOUT GENERAL

 * ===========================================================================*/

#document {

	width: 100%;

	overflow: hidden;

}

#bandeauHaut {

    height: 246px;

	overflow: hidden;

}

#corps {

	overflow: hidden;

	width: 100%;

	margin: 0 auto;

	padding: 0;

}

#contenu {

	float: left;

	width: 100%;

}

#colonneGauche {

	float: left;

	width: 170px;

}

#colonneDroite {

	float: right;

	width: 170px;

}

#corps.avecDeuxColonnes #contenu {

	width: 61%;

}

#corps.avecColonneDroite #contenu, #corps.avecColonneGauche #contenu {

	width: 82%;

}



/* =============================================================================

 * 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. */

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;

}

/* CMS */

.paragraphe {

	overflow: hidden;

	width: 100%;

	margin: 10px 0;

	padding-left: 5px;

}

/* 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-color: #FFFFFF;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

/* =============================================================================

 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE

 * ===========================================================================*/

h2, h3, h4, h5, h6 {

    font-family: Georgia, "Times New Roman", serif;

    font-weight: bold;

    font-style: italic;

	color: #017DC5;

}

h2{

    font-size: 18px;

    font-weight: bold;

}

h3{

    font-size: 16px;

    font-weight: bold;

}

h4{

    font-size: 14px;

    font-weight: bold;

}

h5{

    font-size: 12px;

    font-weight: bold;

}

h6{

    font-size: 10px;

    font-weight: bold;

}

p {

    font-size: 12px;

    text-align: justify;

    padding-bottom: 10px;

}

ul {

    list-style-type: square;

    font-size: 12px;

    color: #AABB44;

}

b, strong{

    color: #000000;

}

a:hover, a:focus {text-decoration: none;}

/* =============================================================================

 * DOCUMENT (CHARTE GENERALE)

 * ===========================================================================*/

#document {

	background: #FFFFFF url(images/fondDocument.gif) top repeat-x;

}

/* =============================================================================

 * BANDEAU HAUT (CHARTE GENERALE)

 * ===========================================================================*/

#bandeauHaut {

    padding-right: 10px;

    background: url(images/separateurHaut.gif) no-repeat bottom left;

    height: 243px;

}

#bandeauHautFond{

    background: url(images/bandeau.jpg) no-repeat center center;

    height: 243px;

}

#menu{

    width: 100%;

   

}

#menu ul{

    display: inline;

    background:  #E8E72B;

    margin :0;

    font-size: 12px;

    font-weight: 700;

    overflow: hidden;

}

#menu li{

    display: inline;

    padding: 5px 0;

}

ul#navigation{

	float: right;

	margin: 0;

	padding: 10px 0 0 0;

	height: 20px;

}

#navigation li {

	display: inline;

	overflow: hidden;

	text-align: center;

}

#navigation li a, #navigation li a:visited {

	color: #004C61;

	text-align: left;

	text-decoration: none;

	padding: 0 10px;

}

#navigation li a:hover {

	text-decoration: underline;

}

#navigation li.first{

	background: url(images/menuHautGauche.jpg) no-repeat bottom left;

	padding-left: 10px;

}

#navigation li.last{

	background:  url(images/menuHautDroit.jpg) no-repeat bottom right;

	padding-left: 12px;

}

/* =============================================================================

 * CORPS (CHARTE GENERALE)

 * ===========================================================================*/

#corps {

    background: url(images/gaucheFaux.gif) left repeat-y;

	

}

#corps.accueil{



}

/* =============================================================================

* COLONNE GAUCHE (CHARTE GENERALE)

* ===========================================================================*/

#corps.accueil #colonneGauche{

    background: #FFFFFF;

}

#colonneGauche {

  display: inline;

	float: left;

	text-align: left;

	padding-right: 30px;

}

#colonneGauche h2 {

	font-size: 120%;

	color: #FFFFFF;

	text-align: left;

	padding-left: 20px;

	background: #004C61 url(images/fleche.gif) right no-repeat;

	width: 150px;

}

#colonneGauche ul{

    list-style-type: none;

    text-decoration: none;

    padding: 10px 0;

    margin: 0;

}

#colonneGauche ul ul{

    list-style-type: none;

    text-decoration: none;

    padding: 10px 0;

    margin: 0;

}

#colonneGauche li{

    width: 170px;

}



/* =============================================================================

* NAVIGATION GAUCHE(CHARTE GENERALE)

* ===========================================================================*/

/*initialisation*/

#menuGauche {

  padding: 0;

  margin: 0;

  list-style-type: none;

  text-decoration: none;

  width: 170px;

  margin-right: 2px;

}

#menuGauche li{

  padding: 0;

  margin:0;

  list-style-type: none;

  text-decoration: none;

  border-bottom: 1px solid #FFFFFF;

}

#menuGauche li ul{

  padding: 0;

  margin:0;

  list-style-type: none;

  text-decoration: none;

}

#menuGauche li ul li{

  margin: 0;

  border-bottom: 1px solid #004C61;

}



/*Comportement Niveau 2 de la navigation générale*/

#menuGauche li a{

  display: block;

  text-decoration: none;

  color: #004C61;

  padding: 5px 0 5px 15px;

  margin: 0 10px;

  font-weight: bold;

}

#menuGauche li a:hover{

  color: #0081CB;

  background: url(images/leftHover.gif) no-repeat center left;

  margin: 0 10px;

  }

#menuGauche li a.selected{

  padding-left: 15px;

  color: #0081CB;

  background: url(images/leftHover.gif) no-repeat center left;

  font-weight: bolder;

}

/*Comportement Niveau 3 de la navigation générale*/

#menuGauche li li ul{

	margin: 0;

	padding: 0;

}

#menuGauche li li a{

  display: block;

  text-decoration: none;

  color: #004C61;

  background: #FFFFFF;

  padding: 5px 0 5px 25px;

  margin: 0;

  font-weight: bold;

}



#menuGauche li li a:hover{

  margin: 0;

  padding: 5px 0 5px 25px;

  color: #E9E92B;

  background: #ffffff url(images/leftHover.gif) no-repeat center left;

  }

#menuGauche li li a.selected{

  margin: 0;

	padding: 5px 0 5px 25px;

  color: #0081CB;

  background: #FFFFFF url(images/leftHover.gif) no-repeat center left;

  font-weight: bolder;

}

/* =============================================================================

 * CONTENU(CHARTE GENERALE)

 * ===========================================================================*/

#contenu div{

    margin-left: 1%;

}

#contenu .paragraphe {

	padding: 1px;

	margin: 0 0 10px 0;

	overflow: hidden;

	width: 98%;

}

#contenu .paragraphe p {

	text-align: justify;

	margin: 2px 0;

}

/*Fil d'ariane*/

#filAriane {

	font-size: 90%;

	font-weight: bold;

	color: #333;

	text-align: left;

	padding: 0 0 25px 10px;

}

#filAriane a:link, #filAriane a:visited {

	text-decoration: none;

	color: #333;

}

#filAriane a:hover {

	text-decoration: none;

	color: #666;

}

#contenu a:link, #contenu a:visited{

    text-decoration: none;

    color: #F16198;

    font-weight: bold;

}

#contenu a:hover{

    text-decoration: underline;

    color: #B91485;

    font-weight: bold;

}

#contenu table {

	border-collapse: collapse;

	font-family: Verdana, sans-serif;

}

#contenu th {

	background-color: #E9F1F8;

	font-weight: bold;

	text-align: center;

	color: #fff;

	padding: 2px 5px;

	border: 1px solid #E9F1F8;

}

#contenu td {

	padding: 2px 5px;

	border: 1px solid #E9F1F8;

}

#contenu .PRS_ACCROCHETABLEAU th {

	border-style: none;

}

#contenu .PRS_ACCROCHETABLEAU td {

	border-style: none;

}

#contenu .PRS_TABLEAUSANSBORD th {

	border-style: none;

	margin: 0;

	padding: 0;

}

#contenu .PRS_TABLEAUSANSBORD td {

	border-style: none;

	margin: 0;

	padding: 0;

}

#contenu .PRS_TABLEAUSANSBORD td img {

	margin: 0;

	padding: 0;

	display: block;

}

/* =============================================================================

 * COLONNE DROITE (CHARTE GENERALE)

 * ===========================================================================*/

#colonneDroite {

    float: right;

    margin-left: 1%;

    padding-right: 10px;

}

#colonneDroite a:link, #colonneDroite a:visited{

    text-decoration: none;

    color: #F16198;

    font-weight: bold;

}

#colonneDroite a:hover{

    text-decoration: underline;

    color: #B91485;

    font-weight: bold;

}



/* =============================================================================

* BANDEAU BAS (CHARTE GENERALE)

* ===========================================================================*/

#bandeauBas {

	width: 97%;

	overflow: hidden;

	background-color: #004c61;

	border-top: 2px solid #FFFFFF;

	color: #FFFFFF;

	padding: 10px 0 10px 31px;

	height: 110px;

}

#bandeauBas strong{

    color: #FFFFFF;

}

#bandeauBas .address {

	width: 219px;

	float: left;

	border-right: 1px solid #FFFFFF;

}

#bandeauBas p {

	padding: 5px;

}

div.outils {

	width: 500px;

	float: left;

	height: 110px;

	border-right: 1px solid #FFFFFF;

}

div#bandeauBas ul {

	list-style-type: square;

	color: #E9E92B;

}

div#bandeauBas a, a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

div#bandeauBas a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

.outils li {

	font-weight: bold;

	padding: 5px;

}

#chambery {

	padding: 30px;

	float: left;

}

#chambery a:link, #chambery a:visited {

	display: block;

	height: 43px;

	width: 150px;

	background: url(images/cacm.gif) left no-repeat;

}

#chambery a:hover {

	text-indent: -9999px;

	display: block;

	height: 43px;

	width: 150px;

	background: url(images/cacm-over.gif) left no-repeat;

	text-decoration: none;

}



/************************************************************************************/

/*                                      MODULES                                     */

/************************************************************************************/

.module {

	width: 95%;

	margin: 5px 0 12px 0;

	overflow: hidden;

	border: 1px solid #B5B5B5;

}

.module h3 {

	background-color: #E9F1F8;

	margin: 0;

	padding: 0 0 2px 0;

	text-align: center;

	font-size: 140%;

	font-weight: bold;

}

.module p {

	padding: 2px;

	margin: 3px;

}



/* =============================================================================

 * TPL CENTRAUX (CHARTE GENERALE)

 * ===========================================================================*/

#contenu .tpls {}



/************************************************************************************/

/*                                      TPL                                    			*/

/************************************************************************************/





#contenu .tpl h2 {

	margin: 0;

	padding: 0;

}

#contenu .tpl h3 {

	padding: 0 0 0 20px;

	margin: 0;

	font-size: 120%;

}

#contenu .tpl h4 {

	padding: 0;

	margin: 0;

	color: #000;

	font-size: 110%;

}

#contenu .tpl h5 {

	padding: 0;

	margin: 0;

	color: #004c61;

	font-size: 105%;

}

#contenu .tpl a {

	color: color: #F16198;

}

#contenu .tpl a:hover {

	color: #B91485;

}

#contenu .tpl div.item {

	margin: 5px 0 10px 0;

}

#contenu .tpl td {

	vertical-align: top;

}

#contenu .tpl p.ensavoirplus {

	text-align: right;

	clear: both;

}



#AGENDA, #ACTU {

	width: 95%;

	margin: 5px 0 12px 0;

	overflow: hidden;

	border: 1px solid #004C61;

}

#AGENDA h3, #ACTU h3 {

	color: #ffffff;

	background-color: #004C61;

	margin: 0;

	padding: 0 0 2px 0;

	text-align: center;

	font-size: 140%;

	font-weight: bold;

}

#AGENDA dl {

	margin: 0;

	padding: 5px;

}

#AGENDA dt {

	font-size: 120%;

	font-weight: bold;

	margin: 0;

	padding-top: 15px;

}

#AGENDA dd {

	padding: 1px 3px;

	margin: 2px;

	color: #004c61;

}

#AGENDA dd a {

	text-decoration: none;

	font-weight: bold;

}

#AGENDA dd a:hover {

	color: #B91485;			

	text-decoration: underline;

}

#AGENDA span a {

	margin:2px;

	padding : 3px 2px;			

	float: right;			

	text-decoration: none;

	font-size: 80%;

}

#AGENDA span a:hover {

	color: #B91485;

	text-decoration: underline;

}



#ACTU p {

	margin: 0;

	padding: 5px;

}

#ACTU a {

	text-decoration: none;

	font-weight: bold;

}

#ACTU a:hover {

	color: #B91485;			

	text-decoration: underline;

}



/*************************/

/* tpl_actualite + liste */

/*************************/

#contenu .tpl_actualite h3 {

	padding: 0 0 0 20px;

	font-size: 110%;

}

#contenu .tpl_actualiteListe h2 {

	height: 19px;

}

#contenu .tpl_actualiteListe div.item {

	margin: 10px 0 20px 0;

}

/*******************/

/* tpl_agendaListe */

/*******************/

#contenu .tpl_actualite h3 {

	padding: 0 0 0 20px;

	font-size: 110%;

}

#contenu .tpl_agendaListe h2 {

	height: 24px;

}

#contenu .tpl_agendaListe div.item {

	margin: 8px 0 17px 0;

}



/****************/

/* tpl_faqListe */

/****************/

#contenu .tpl_faqListe dt {

	font-weight: bold;

	font-size: 105%;

	margin: 20px 0 5px 0;

	padding: 0;

}

#contenu .tpl_faqListe dd {

	font-size: 105%;

	margin: 0;

	padding: 0;

}



/* =============================================================================

 * 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: 20%;

}

/* =============================================================================

 * BLOC DE NAVIGATION : résultats de recherche

 * ===========================================================================*/

.blocNavigation { 

	text-align: center; 

	border-bottom: 1px solid #219ab5;

} 

.resultatNavigation {margin: 5px 0;}

.regletteNavigation {margin: 5px 0;}

/* =============================================================================

 * LOGO

 * ===========================================================================*/



#logo {

	float: left;

	width: 30%;

}



/* =============================================================================

 * MOTEUR DE RECHERCHE

 * ===========================================================================*/



#recherche {

	float: right;

	text-align: right;

	width: 60%;

	padding: 5px;

	height: 20px;

}

#recherche input.searchString {

	width: 200px;

	height: 17px;

	font-size: 12px;

	border: 1px solid #666666;

}

#recherche input.searchButton {

	border: 1px solid #EEEEEE;

	font-size: 10px;

	background: #E9E72B;

	color: #FFFFFF;

	padding: 4px;

	font-weight: bold;

}

/* =============================================================================

 * ACCES RAPIDE

 * ===========================================================================*/

#accesRapide {

	float: right;

	padding: 10px 30px 0 30px;

	margin: 2px;

}

#accesRapide ul {

	padding: 0;

	margin: 0;

}

#accesRapide li {

	list-style-type: none;

    padding: 3px 0 3px 15px;

    background: url(images/puce.gif) no-repeat left center;

}

#accesRapide a:link, #accesRapide a:visited{

    display: block;

    text-decoration: none;

    color: #0081CB;

    font-size: 110%;

    font-weight: bold;

}

#accesRapide a:hover{

		color: #004C61;			 

    text-decoration: underline;

}



#accesRapide h3{

    color: #0081CB;

    font-size: 140%;

}