/* CSS Document */

#page {
  text-align: left;
  margin: 0px auto 0px auto;
  width: 801px;
  height: 200px;
}
.float_left {
  float: left;
  position: relative;
}
/***************************************************************************************************************
*                                                                                             BANDEAU ENTETE 
*****************************************************************************************************************/
#page #bandeau_entete {
  text-align: right;
  min-height: 19px;
  height: auto;
  padding-top: 8px;
}
#page #bandeau_entete form {}
#page #bandeau_entete form label {
  display: none;
}
#page #bandeau_entete form select, #page #bandeau_entete form .input {
  border: 1px solid #b9b78b;
  font-size: 75%;
  color:#1d1d1c;
  width: 194px;
  margin-right: 28px; 
}
#page #bandeau_entete form select {
  min-height: 19px;
  height: auto;
  margin-bottom: 1px;
}
#page #bandeau_entete form .input {
  border-right: 0px solid #fff;
  width: 79px;
  margin-right: -4px;
  padding: 2px 0px 2px 19px;
  /* roqia hack mac */
  height:13px;#
  height:auto;
}

/**/
#page #bandeau_entete form .input_img {
  vertical-align: top;
}


#contenu_centre_pages #recherche_entete form .input {
  vertical-align: top;
  border: 1px solid #b9b78b;
  font-size: 75%;
  color:#1d1d1c;
  margin-right: 28px; 
  border-right: 0px solid #fff;
  width: 79px;
  margin-right: -4px;
  padding: 2px 0px 2px 19px;
  /* roqia hack mac */
  height:13px;#
  height:auto;
  
}

#contenu_centre_pages #recherche_entete fieldset {
    border: 0px;
    padding: 0px 0px 0px 200px;
    margin-top: -32px;
    margin-left: 200px;
    margin-bottom: 0px;
    margin-left: 0px;
}


/***************************************************************************************************************
*                                                                                             BANDEAU GRAPHIQUE
*****************************************************************************************************************/
#page #bandeau_graphique {
  height: 116px;
}
/***************************************************************************************************************
*                                                                                                NAVIGATION HAUT
*****************************************************************************************************************/
#bg_blanc {
  background-color: #fff;
}
.clear_left {
  clear: left;
}
#page #navigation_haut {
   min-height: 23px;
   height: auto;
   padding-top: 2px;
   background-color: #fff;
}
#page #navigation_haut ul {
}
#page #navigation_haut ul li a:hover {
  text-decoration: none;
}
#page #navigation_haut ul li a {
  color: #000;
}
#page #navigation_haut ul li {
  float:left;
  text-align: center;
  height: 16px;
  width: 130px;
  padding-top: 3px;
  margin-right: 4px;
}

/************************
Roqia menu 
***********************/
#navigation_haut {
	position:relative;
	z-index:99;
}
#navigation_haut :hover {
	white-space:normal;
}
#page #navigation_haut table{
	position:relative;
	border-collapse:collapse;
	margin-left:0px;
	margin-top:-42px;	
}
#page  #navigation_haut ul li  {height:18px;}
#page  #navigation_haut ul li a  {display:block;}
#page  #navigation_haut ul li div {
	visibility:hidden;
	position:absolute;
	margin-top:0px;
	width:124px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#page #navigation_haut ul li  div a {	
	margin-bottom:0px;	
	background:none;
	color:#fff;	
	padding:0px 0px 0px 6px;	
}

#page  #navigation_haut ul li:hover div ,
#page  #navigation_haut ul a:hover div {
	display:block;
	visibility:visible;
	margin-top:3px;
	margin-left:0px;
	/*ie7
	margin-left:-65px;
	ie7*/
	padding-bottom:16px;	

}
/****************
declinaison de couleur 
****************/
#page #navigation_haut ul li div.ss_rub_rubrique1 , #page  #navigation_haut ul a:hover div.ss_rub_rubrique1 {
	background-color:#FAC302;
}
#page #navigation_haut ul li div.ss_rub_rubrique2 , #page  #navigation_haut ul a:hover div.ss_rub_rubrique2 {
	background-color:#EC5503;
}
#page #navigation_haut ul li div.ss_rub_rubrique3 , #page  #navigation_haut ul a:hover div.ss_rub_rubrique3{
	background-color:#CB1060;
}
#page #navigation_haut ul li div.ss_rub_rubrique4 , #page  #navigation_haut ul a:hover div.ss_rub_rubrique4 {
	background-color:#B144CC;
}
#page #navigation_haut ul li div.ss_rub_rubrique5 , #page  #navigation_haut ul a:hover div.ss_rub_rubrique5 {
	background-color:#7450D0;
}
#page #navigation_haut ul li div.ss_rub_rubrique6  , #page  #navigation_haut ul a:hover div.ss_rub_rubrique6{
	background-color:#7197F6;
}
/****************
fin declinaison de couleur 
****************/


#page  #navigation_haut ul :hover div  {
	text-align: left;
	padding:0px 6px;
	margin:0px;
	background:none;
	color:#fff;
	background-image:url(../images/img_css/bg_ss_menu.png);
	background-repeat:repeat-y;
	padding-left:0px;	
}

#page  #navigation_haut ul :hover div  a , #page #navigation_haut ul li a:hover div  a  {	
	 float:left;
	 text-transform:none;
	 font-weight:bold;
	 font-size:75%;
	 color:#fff;
	 margin:0px;
	 margin-left:1px;
	 min-height:10px;
	 height:auto;
	 width:auto;	
}

#page  #navigation_haut ul :hover  div span.primo_list {
	margin-top:4px;
	display:block;	
}

#page #navigation_haut ul :hover div a:hover {
	text-decoration:none;
	background-image:none;
}
/************************
Fin Roqia menu 
***********************/
/***************************************************************************************************************
*                                                                                                        FOOTER
*****************************************************************************************************************/
#page #footer {
  font-size: 92%; 
  background: url(../images/img_css/bg_footer.png) no-repeat;
  min-height: 21px;
  height: auto;
  padding: 6px 26px 0px 13px;
}
#page #footer h5{
  font-size: 92%; 
  display: inline;
  padding-top: 2px;
  padding-right: 73px;
  margin-left: -1px;
  display: block;
  float: left; 
}
#page #footer p {
  float: right; 
  padding-top: 2px;  
}
#page #footer p img{
  vertical-align: top;
}
/***************************************************************************************************************
*                                                                                                        ADRESSE
*****************************************************************************************************************/
#page #adresse a{
  color: #366058;
}
#page #adresse {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;/*92%;*/
  color: #366058;
  padding-top: 6px;
}
/***************************************************************************************************************
*                                                                                                     CONTENEUR
*****************************************************************************************************************/
#page #conteneur {
  background-color: #fff;
  margin-bottom: 6px;
  padding: 0px 0px 0px 0px;
  
}
/******************************************************************************
*                                                                  FIL ARIANE
******************************************************************************/
#page #conteneur .fil_ariane {
  font-size: 75%;
  padding-left: 4px;
  margin-bottom: 10px;
}
#page #conteneur .fil_ariane .en_cour {}
#page #conteneur .fil_ariane .en_cour_recherche {
  color: #A3C230;
}
/******************************************************************************
*                                                                    CONTENU
******************************************************************************/
#page #conteneur #contenu table {
   width: 100%;
}
/********************************************
*                              COLONNE GAUCHE  
*********************************************/
#page #conteneur #contenu #coll_gauche {
  width: 196px;
  /*background: url(../images/img_css/bg_coll_gauche.png) no-repeat left bottom;*/
}
#page #conteneur #contenu .bas_coll_gauche{
	height: 166px;
}
.contenu_coll_gauche {
  padding-top: 19px;
 /** supp **/
  padding-bottom: 166px;
}
.contenu_coll_gauche .image_illustr{
  margin-bottom: 30px;
}
/*******************************************************************************************************************************
*                                        COLONNE CENTRE HOME
*******************************************************************************************************************************/
#page #conteneur #contenu #contenu_centre_home {}
/**********************************************
*                             BLOC ACTUALITES 
**********************************************/
.bloc_actualites {
  width: 311px;
  padding-top: 41px;
  margin-right: 47px;
}
.bloc_actualites h1 {
  color: #454546;
  font-family: Tahoma;
  font-size: 167%;
  font-weight: normal;
  padding: 0px 0px 5px 16px;
  margin: 0px 22px 6px 6px;
  background: url(../images/img_css/pointille_1.png) repeat-x 0% 100%;
}
.bloc_actualites .bloc_nouveau{
	margin-left: 7px;
}
.agenda {}
.zoom_sur {}
h2.sous_titre {
  color: #454546;
  font-size: 100%;
  text-transform:uppercase;
  padding-left: 14px;
  margin: 0px 0px 3px 26px;
  font-weight:  bold;
}

h2.sous_titre span{
  font-weight: normal;
  text-transform:lowercase;
  font-size: 83.5%;
}
p.txt_lien {
  font-size: 92%;
  padding: 0px 0px 3px 32px;
}
p.lien_bloc_actu  {
  padding: 3px 0px 0px 37px;
}
p.pad_tte_actu {
  padding: 5px 0px 8px 37px;
}
p.pad_tte_actu a {
  font-weight: bold;
  font-size: 92%;
  color: #5d5c5c;
  padding-left: 10px;
}
p.lien_bloc_actu a {
  font-weight: bold;
  font-size: 92%;
  color: #5d5c5c;
  padding-left: 10px;
}
.separateur_ss_blocs_actu {
  background: url(../images/img_css/pointille_1.png) repeat-x 0% 100%;
  padding-top: 1px;
  margin: 6px 14px 6px 15px;
}
/** nouveau **/
.bloc_nouveau {}
.bloc_nouveau h2{
  text-transform:uppercase;
  font-family: Tahoma;
  color: #fff;
  background-color: #870000;
  font-size: 100%;
  font-weight: normal;
  padding: 1px 0px 1px 14px;
  margin-bottom: 13px;
}
.bloc_nouveau ul{
  padding-left: 16px;
}
.bloc_nouveau ul li{
  font-size: 92%;
  padding-left: 14px;
  margin-bottom: 8px;
}
/**********************************************
*                        BLOC SITES DEPATEMENTS 
**********************************************/
.site_depart {
   width: 210px;/*222px;*/
   background: url(../images/img_css/pointille_2.png);
	background-position:   0px 33px;
   background-repeat: repeat-y;
   padding-left: 13px;
   margin-top: 97px;
}
.site_depart h2{
  width: 210px;/*222px;*/
  text-transform:uppercase;
  font-family: Tahoma;
  color: #870000;
  font-size: 100%;
  font-weight: bold;
  padding: 0px 0px 4px 5px;
  margin-top: -20px;
}
.zone_site table {
  border-bottom: 1px solid #99ccff;
  font-size: 91,6%;
}
.zone_site table td{
  padding-bottom: 3px;
}
.zone_site .zone_txt {
  padding: 8px 0px 4px 5px;
}
.zone_site .zone_img {
  padding: 5px 3px 0px 0px;
}
.zone_site .zone_img_portail {
  padding: 5px 4px 7px 24px;
}
.lien_bloc_site_deprt {
  font-size: 92%;
  padding: 7px 0px 0px 6px;
}
/**********************************************
*                             ZONE PARTENAIRES
**********************************************/
.zone_partenaire a:hover{
  text-decoration: none;
}
.zone_partenaire {
  text-align: right;
  padding-bottom: 1px;
  padding-top: 16px;
}
.zone_partenaire h4{
  display:inline;
  font-size: 83.5%;
  font-weight: normal;
  padding-right: 7px;
}
.zone_partenaire img {
  padding-right: 11px;
  vertical-align: middle;
}
/*******************************************************************************************************************************
*                                        COLONNE GAUCHE NAVIGATION
*******************************************************************************************************************************/
/** niveau 1 **/
.navigation_gauche a:hover {
  text-decoration: none;
}
.navigation_gauche a {
  color: #5d5c5c;
}
.navigation_gauche {
  padding-left: 6px;
  font-size: 92%;
}
.navigation_gauche li{
	font-weight: bold;
}
.puce {
  width: 7px;
  height: 7px;
  margin-right: 6px;
}
/** niveau 2 **/
.navigation_gauche li ul {
  font-weight: normal;
  padding-top: 19px;
  padding-left: 5px;
}
.navigation_gauche li ul li {
  font-weight: normal;
  padding-bottom: 12px;
  padding-left: 12px;
  font-size: 91%;
}
/** niveau 3 **/
.navigation_gauche li ul  ul {
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 12px;
  padding-left: 0px;
}
.navigation_gauche li ul li ul li {
  font-weight: normal;
  padding-bottom: 7px;
}
/** niveau 4 **/
.navigation_gauche li ul  ul  ul{
  font-size: 110%;
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 12px;
  padding-left: 0px;
}
.navigation_gauche li ul li ul li ul li{
  font-weight: normal;
  padding-bottom: 7px;
}
/*******************************************************************************************************************************
*                                        COLONNE CENTRE PAGES
*******************************************************************************************************************************/
#page #conteneur #contenu #contenu_centre_pages {
  background: url(../images/img_css/pointille_3.png) repeat-y 0% 0%;
  padding: 0px 39px 20px 20px; 
}
/**********************************************
*                                      ARTICLE
**********************************************/
/******************
*           Print
****************/
.zone_print {
  height: 25px;
  text-align: right;
  padding: 6px 14px 0px 0px;
}
/******************
*      Zone titres
****************/
h1 {
  font-size: 200%;
  font-weight: normal;
}
h2 {
  font-size: 117%;
}
h3 {
  font-size: 92%;  
}
h3.ss_titre {
  margin-left: 5px;
}
/******************
*      Separateur
****************/
.separateur_titre1 {
  background: url(../images/img_css/pointille_4.png) repeat-x 0% 100%;
  padding-top: 1px;
  margin: 8px 0px 12px 0px;
}
/******************
*           Chapo
****************/
.chapo {
  margin-bottom: 7px;
  height: 100%;
  padding-left: 1px;
}
.img_chapo {
  float: left;
  padding-right: 16px;
  font-size: 92%;
  font-style: italic;
  padding-bottom: 10px;
} 
.img_chapo p {
  padding-left: 12px;
  padding-top: 2px;
} 
.txt_chapo {
  font-weight: bold;
  font-size: 92%;
  padding-top: 11px;
}
/******************
*        TXT Riche
****************/
.zone_txt h2 {
  padding-bottom: 9px;  
}
.zone_txt {
  font-size: 92%; 
  padding-bottom: 22px; 
}
.zone_txt p{
  padding-bottom: 13px;  
}
.zone_txt h5{
  font-size: 92%;
  font-weight: normal;
  padding-left: 15px; 
  /*margin-bottom: 2px;*/
}
h5.pad {
  padding-top: 13px;
}
.zone_txt h5 span{
  padding-right: 2px;  
}
.zone_txt ul{
	margin-left: 40px;
    list-style-image: url(../images/img_css/puce_4.png);
}
.zone_txt li span {
  margin-left: 41px;
  padding-left: 11px;  
}
.zone_txt li {
  margin-bottom: 1px; 
  /*background: url(../images/img_css/puce_4.png) no-repeat 41px 3px;*/
}
/******************
*        Zone voir_aussi
****************/
.zone_voir_aussi {
  background: #f2eded;
  border: 1px solid #eae7e7;
  margin-right: 15px;
  font-size: 75%;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 8px;
}
.zone_voir_aussi li {
  margin-left: 15px;
  list-style: disc;
}
/******************
*        Zone info
****************/
.zone_info {
  background: url(../images/img_css/pointille_1.png) repeat-x 0% 0%;
  font-size: 75%;
  padding-top: 11px;
  margin-left: -2px;
}
.zone_info span{
  font-weight: bold;
}
.zone_info p{
  padding-bottom: 12px;
}
/**********************************************
*                                       EMPLOIS
**********************************************/
.bloc_offre_emploi {
  padding-left: 15px;
  padding-right: 19px;
}
.offre_emploi a:visited{
  color: #870000;
  text-decoration: none;
}

.offre_emploi a{
  color: #1091D6;
  font-weight: bold;
  padding-left: 4px;
}
.offre_emploi {
  font-size: 92%;
  margin-bottom: 15px;
}
.offre_emploi p {
  padding-left: 4px;
}
.offre_emploi h5 {
  font-size: 92%;
  padding-left: 4px;
}
.offre_emploi h5 a, .offre_emploi h5 a:visited {
  color: #5D5C5C; 
}
.offre_emploi h5 a:hover {
  text-decoration: underline; 
}
.date {
  float: right;
  font-size: 92%;
  color: #f80606; 
}
/**********************************************
*                                     RECHERCHE
**********************************************/
h1.titre_resultat_rech {
  font-size: 200%;
  font-weight: normal;
  color: #A3C230!important;
}
h2.titre_resultat_rech {
  color: #5D5C5C!important;
  font-size: 117%;
  padding-bottom: 10px;
}
.info_resultat {
  font-size: 83.5%;
  background: url(../images/img_css/pointille_1.png) repeat-x 100% 100%;
  padding-bottom: 18px;
}
/** liste resultats **/
.resultat_rech {
  padding: 12px 5px 8px 0px; 
  background: url(../images/img_css/pointille_1.png) repeat-x 100% 100%;
  font-size: 83.5%;
}
.resultat_rech h5{
  font-size: 100%;
  color: #A3C230;
}
.resultat_rech a:visited{
  color: #870000;
  text-decoration: none;
}
.resultat_rech a{
  color: #1091D6;
  font-weight: bold;
}
/** pagination **/
.pagination {
  text-align: center;
  font-size: 83.5%;
  margin-top: 23px;
}
.pagination span{
  padding: 15px;
}
.pagination img{
  vertical-align: top;
  padding-top: 5px;
}
/**********************************************
*                                     CONTACT
**********************************************/
#contenu_contact {
  background: url(../images/img_css/pointille_3.png) repeat-y right bottom;
  margin-right: 95px;
}
h1.titre_contact {
  padding-bottom: 23px;
  color: #59673e;
}
.info_contact {
  margin-bottom: 27px;
  font-weight: bold;
}
.form_contact {
  background: url(../images/img_css/pointille_1.png) repeat-x 0% 0%;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 92%;
  color: #000;
  margin-bottom: -20px;
  margin-right: 25px;
  padding-top: 19px;
}
.form_contact input, .form_contact textarea, .form_contact select{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000;
}
.form_contact div{
  float: left;
  position: relative;
}
.form_g {
  width: 104px;
  padding-top: 4px;
  padding-left: 9px;
}
.form_d {
  width: 304px;
  padding-bottom: 4px;
}
.form_d p{
  width: 204px;
  font-style: italic;
  font-size: 91%;
  color: #837e4f;
  padding-top: 5px;
  padding-bottom: 2px;
}
.input1 {
  border: 1px inset ;
  width: 200px;
  padding: 2px 0px 2px 2px;
}
.form_d textarea{
  border: 1px inset ;
  width: 302px;
  height: 163px;
  padding-left: 2px;
}
.form_d select{
  width: 200px;
}
.form_contact div.button {
  float:none;
  background: url(../images/img_css/pointille_1.png) repeat-x 0% 0%;
  padding: 18px 0px 26px 75px;
}
.form_contact div.button .input_img1 {
  padding-right: 128px;
}
/**************************************************
*                                         PLAN SITE 
**************************************************/
.col_gauche {
  padding-top: 18px;
  margin-right: 38px;
  padding-bottom:70px;
  width:240px;
  float:left;
  position:relative;
  
}
.col_gauche h4{

  font-family: Verdana;
  color: #000000;
  font-size: 100%;
  font-weight: normal;
  padding: 1px 18px 3px 26px;
  margin-bottom: 18px;
  width:170px;
  
}

/** declinaison couleur titre de la page plan site **/
.col_rub_rubrique1 h4{
  background-color: #FAC302; 
}

.col_rub_rubrique2 h4{
  background-color: #EC5503;
}

.col_rub_rubrique3 h4{
  background-color: #C90156;
}

.col_rub_rubrique4 h4{
  background-color: #B144CC;
}

.col_rub_rubrique5 h4{
  background-color: #7450D0;
}

.col_rub_rubrique6 h4{
  background-color: #7197F6;
}

/** fin declinaison couleur titre de la page plan site **/

.col_gauche ul{
  padding-left: 26px;
  margin-bottom: 24px;
  
}
.col_gauche ul li{
  font-size: 100%;
  background: url(../images/img_css/puce5.png) no-repeat 0px 6px ;
  padding-left: 12px;
  margin-bottom: 0px;
}


.col_gauche ul li ul li{
  font-size: 100%;
  background: url(../images/img_css/tire.png) no-repeat 0px 6px;
  padding-left: 8px;
  margin-bottom: 0px;
}

/************/
.col_droite {
  padding-top: 18px;
  margin-right: 0px;
  width:267px;
  float:left;
  position:relative;
}
.col_droite h4{
  font-family: Verdana;
  color: #000000;
  font-size: 100%;
  font-weight: normal;
  padding: 1px 18px 3px 26px;
  margin-bottom: 18px;
  width:174px;
}
.col_droite ul{
  padding-left: 26px;
  margin-bottom: 18px;
}
.col_droite ul li{
  font-size: 100%;
  background: url(../images/img_css/puce5.png) no-repeat 0px 6px;
  padding-left: 12px;
  margin: 0px;
 
}
.col_droite ul li ul, .col_gauche ul li ul{

	margin-bottom:0px;
	padding-left:0px;
	
}

.col_droite ul li ul li{
  font-size: 100%;
  background: url(../images/img_css/tire.png) no-repeat 0px 6px;
  padding-left: 8px;
  margin-bottom: 0px;
}
/*****************************************************************************
*                                        style de la page  liste actu 
*****************************************************************************/
.zone_agenda{
     padding-top:15px;
	 padding-left:35px;
	 padding-bottom:5px;
}
.zone_agenda span{     
	 font-size:80%;
}
.zone_agenda span.titre_agenda {
	font-weight: bold;
	 font-size:100%;
}
.zone_tab_agenda{
     border:solid 1px #7D7D7D;
	 padding-top:6px;
	 padding-left:15px;
	 padding-bottom:8px;
	 font-size:80%;
}

.lien_a{
     padding-left:135px;
	 padding-top:2px;
	 padding-bottom:50px;
	 font-size:80%;
}

.zone_tab_agenda ul li{
    background:url(../images/img_css/tire.png) no-repeat 0px 6px;
    padding-left: 10px;
}

.bloc1_titre h3{
	text-transform:uppercase;
	font-weight:normal;
	background:url(../images/img_css/puce5.png) no-repeat 0px 6px;
	margin-left: 100px;
	padding-left:20px;
	font-size:80%;
	letter-spacing:-1px;
	word-spacing:4px;	
}
.bloc1_titre h3 a, .bloc1_titre h3 a:visited {
	font-weight:normal;
	color: #5D5C5C;
}
.bloc1_titre h3 a:hover {
	text-decoration: underline;	
}

.bloc1_imag{
    float:left;
	padding-right:10px;
}
.bloc1_ent{
    padding-top:20px;
	font-size:80%;
}
.bloc1_txt , .bloc1_txt_dernier{
    padding-top:10px;
	font-size:80%;
}
.bloc1_txt_dernier {
	padding-bottom:26px;
}
.bloc1_imag_ent{
    font-weight:bold;
	padding:5px 0px 0px 0px;
	
}