/*div
{border:1px solid red;margin:0;}*/

div#espace {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

div#spacer { 
	clear:left;
}

/**********************************/
/************* Général ************/
/**********************************/ 

html {
	margin : 0; 
	padding : 0; 
	text-align: center;
}

	body {
	font : 12px verdana, arial, lucida, helvetica, sans-serif; 
	background : #DDDCDC;
	margin: 0;
	padding : 0;
	text-align: center;
	margin: 0 auto;
} 

div#global{
	background: #DDDCDC top left repeat-y;
	position: relative;
	width: 776px;
	margin: 7px auto;
	height: auto !important; 
	height: 100%;
}



/**********************************/
/************* En-tête ************/
/**********************************/ 
div#entete_print{
  display : none;
}

div#entete{
	background: url(../images/bandoho.gif) top left repeat-x;
	position: relative;
	float: left;
	width: 776px;
	height: 110px;
}

div#logo_map{
	position: relative;
	float: left;
	top: 0px;
	left: 11px;
	margin-top: 5px;
}

div#logo_etab{
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}

div#logo_etab_print{
  display : none;
}

div#lib_map{
	position: relative;
	float: left;
	color: #333333;
	font : 12px arial, verdana, lucida, helvetica, sans-serif; 
	margin-top: 25px;
	margin-left: 20px;
	text-align: left;
}

div#titre_site{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	color: #333333;
	font : 14px verdana, arial, lucida, helvetica, sans-serif;
	text-align: left;
	width: 315px;
}

div#logo_region{
	position: relative;
	float: left;
	margin-top: -83px;
	padding-left: 250px;
}

/**********************************/
/******* Contenu de la page *******/
/**********************************/ 

.roundedcornr_box {
  background: #ffffff;
	float: left;
	margin-top : 7px;
	width : 776px;
}

.roundedcornr_top div {
   background: url(../images/roundedcornr_tl.png) no-repeat top left;
}

.roundedcornr_top {
   background: url(../images/roundedcornr_tr.png) no-repeat top right;
}

.roundedcornr_bottom div {
   background: url(../images/roundedcornr_bl.png) no-repeat bottom left;
}

.roundedcornr_bottom {
   background: url(../images/roundedcornr_br.png) no-repeat bottom right;
	background-color:  #FFFFFF;
	width:500px;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}


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

div#contenu{
	text-align: left;
	
}


div#contenu_haut{
	width: 750px;
	margin-left: 13px;
	margin-top: 2px;
	border-top: 1px solid #8EBF87;
	border-bottom: 1px solid #8EBF87;
	background-color: #D8EDD5;
	margin-right: 13px;
	height: 28px;
}


div#contenu_bas{
	width: 750px;
	margin-top: 25px;
	margin-left: 13px;
	/*border: 1px solid red;*/
}



/********************************************/
/************** Menu outils  ****************/
/********************************************/ 

div#menu_outils{
	width: 538px;
	float: left;
	height:28px;
	margin-left: 13px;
}

* html div#menu_outils{
	margin-left: 6px;
}

div#menu_outils ul {
	margin : 6px 0 0 0;
	padding: 0;
}

div#menu_outils li {
	display:inline;
	margin : 0 20px 0 0;
	padding: 0;
}

div#menu_outils a{ 
  background: url(../images/flechmenuho.gif) no-repeat center left ;
	color: #006633;
	/*font-weight: bold;*/
	text-decoration: none;
	padding-left: 7px;
}

div#menu_outils a:hover{
  text-decoration: underline;
}


div#menu_outils .active a{ 
  background: url(../images/flechmenuho.gif) no-repeat center left ;
	color: #333333;
	/*font-weight: bold;*/
	text-decoration: none;
	padding-left: 7px;
}

div#menu_outils .active a:hover{
  text-decoration: none;
}


/**********************************/
/*********** Recherche ************/
/**********************************/ 

#navig-search {
	float: left;
	width: 190px;
	margin-top : 4px;
}


#search-input {
	background-color: #fff;
	color: #000;
	width: 100px;
	font-size : 11px;
	border: 1px solid #999;

}

#search-input:focus {
	border: 1px solid #999;
}

.valid{
  background: url(../images/boutrecher.gif) no-repeat center left ;
	width: 73px;
  padding: 0;
  border: 0;
	cursor: pointer;
}



.valid:hover, form input.valid:hover{
	background: url(../images/boutrecherb.gif) no-repeat;
	width: 73px;
	margin-top : 3px;
  padding: 0;
  border: 0;
	cursor: pointer;
}


/**********************************/
/************** Menus ************/
/**********************************/ 

div#menu_accueil{
  width: 178px;
	float:left;
}

div#menu_descente{
	width: 178px;
	float: left;
}


div#menu{
	width: 178px;
	margin :0px;
	border-top: 1px solid #CCCCCC;
}

div#barre_grise{
	background: url(../images/trait01.gif) no-repeat bottom left ;
	width: 178px;
	margin:0;
	border : 1px solid green;
}



/********************************************/
/********** Menu principal niveau 1 *********/
/********************************************/ 
div#menu ul{
  margin : 0;
  padding : 0;
}

div#menu .niv1, .niv1active{
	list-style-type : none;
}

div#menu .niv1 a{
	background: url(../images/flechmenug.gif) no-repeat center left ;
	font-size: 11px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 161px;
	padding-left : 17px;
	padding-top: 5px;
	padding-bottom: 5px;
  border-bottom: 1px solid #CCCCCC;
}

* html div#menu .niv1 a{
	width : 178px;
}

div#menu .niv1 a:hover{
  text-decoration: underline;
}



div#menu .niv1active a{
	background: url(../images/flechmenugb.gif) no-repeat center left ;
	background-color: #E1ECFA;
	font-size: 11px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 161px;
	padding-left : 17px;
	padding-top: 5px;
	padding-bottom: 5px;
  border-bottom: 1px solid #CCCCCC;
}

* html div#menu .niv1active a{
	width : 178px;
}

div#menu .niv1active a:hover{
  text-decoration: none;
}



/********************************************/
/********** Menu principal niveau 2 *********/
/********************************************/ 



div#menu .niv2, .niv2active{
	list-style-type : none;
}


div#menu .niv2 a{
  background-color: #FFFFFF;
  /*background: url(../images/trait02.gif) no-repeat bottom right; 
  border: none;*/
  background-image: none;
  font-size: 10px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 161px;
	padding-top: 3px;
	padding-bottom: 3px;
  
}


div#menu .niv2 a:hover{
  text-decoration: underline;
}



div#menu .niv2active a{
  background-color: #FFFFFF;
  /*background: url(../images/trait02.gif) no-repeat bottom right; 
  border: none;*/
  background-image: none;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 161px;
	padding-top: 3px;
	padding-bottom: 3px;
}



div#menu .niv2active a:hover{
  text-decoration:none;
}


/********************************************/
/********** Menu principal niveau 3 *********/
/********************************************/ 



div#menu .niv3, .niv3active{
	list-style-type : none;
}


div#menu .niv3 a{
  background-color: #FFFFFF;
  /*background: url(../images/trait03.gif) no-repeat bottom right; 
  border: none;*/
  background-image: none;
	font-size: 10px;
	font-weight: normal;
	color: #3366CC;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 148px;
	padding-top: 3px;
	padding-bottom: 3px;
  padding-left: 30px;
}


div#menu .niv3 a:hover{
  text-decoration: underline;
}



div#menu .niv3active a{
  background-color: #FFFFFF;
  /*background: url(../images/trait02.gif) no-repeat bottom right; 
  border: none;*/
  background-image: none;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 148px;
	padding-top: 3px;
	padding-bottom: 3px;
  padding-left: 30px;
}



div#menu .niv3active a:hover{
  text-decoration:none;
}



/**************************************/
/************* Accueil  ***************/
/**************************************/ 

div#signature_map{
	background: url(../images/siglaval.png) no-repeat center;
	width: 178px;
	height: 89px;
	float : left;
	margin-top : 190px;
}

div#photos_accueil{
  height : 228px;
}

div#col1{
  padding-left : 21px;
  width : 152px;
  float:left;
}

div#photo2{
	margin-top: 8px;
	
}

div#photo3{
	float:left;
	margin-left:8px;
}


/**************************************/
/************* Descente  ***************/
/**************************************/ 

div#signature_desc{
	background: url(../images/signatureb.gif) no-repeat;
	width: 750px;
	height: 40px;
	margin-top : 40px;
}

* html div#signature_desc{
  margin-top : 50px;
}

div#photo_desc{
  margin : 0px;
  margin-left : 199px;
  margin-bottom : 20px;
  padding : 0px;
}

* html div#photo_desc{
  margin-left : 197px;
}


div#texte{
  margin-top : 0px;
  margin-left : 192px;
  width: 550px;
	text-align: left;
}

div#texte h1{
  margin : 0px;
  padding : 0px;
}

/**********************************/
/********** Actualités ************/
/**********************************/ 

div#actus_global {
  margin : 0px;
  padding : 0px;
  width: 546px;
  margin-left: 199px;
}

div#titre_actu{
  height : 50px;
  margin : 0;
  padding : 0;
}


div#titre_actu h1{
  font : 18px verdana, arial, lucida, helvetica, sans-serif; 
	color: #666666;
	margin : 0;
	padding-top : 10px;
}


div#actualites {
  width: 350px;
  float:left;
  margin-right : 0px;
}




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

div#actu_verte {
  background: url(../images/actuvert.gif) no-repeat;
  height: 154px;
  width: 187px;
  float : left;
}


div#actuv_texte{
  padding-left: 15px;
  width: 158px;
  height: 134px;
}

* html div#actuv_texte{
  padding-top: 8px;
  width: 175px;
}


div#actuv_texte .actuv_t1{
  font: 11px verdana;
  color: #006633;
  font-weight: bold;
  line-height: 17px;
}

div#actuv_texte .actuv_t2{
  font: 11px verdana;
  color: #006633;
  font-weight: normal;
  line-height: 17px;
}


div#actuv_texte .actuv_txt{
  font: 11px verdana;
  color: #333333;
  font-weight: normal;
  line-height: 17px;
  
}

div#actuv_texte .actuv_lien{
  font: 11px verdana;
  color: #006633;
  font-weight: bold;
  float : right;
}


div#actuv_texte a{
 color: #006633;
 text-decoration: none;
}


div#actuv_texte a:hover{
  color: #006633;
  text-decoration: underline;
  cursor: pointer;
} 


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

div#actu{
	width: 152px;
	text-align: left;
	margin-bottom : 22px;
	border: 1px solid red;
}

div#actualites .divdl{
	margin : 0;
	padding: 0; 
}

div#actualites .divactu{
	float : left;
	width : 150px;
}

div#actualites .span_actu_lien{
  float : right;
  margin-top : 5px;
  margin-bottom : 10px;
}

div#actualites .span_actu_lien a{
  font: 11px verdana;
  color: #006633;
  font-weight: bold;
}

div#news1, div#news3{
  margin-right : 20px;
}

div#news3, div#news4{
  border-top: 1px solid #CCCCCC;
  padding-top : 10px;
}

div#actualites .divdd{
  font: 11px verdana;
  text-align: left;
  font-weight : bold;
  color: #006633;
	margin : 0px;
	padding: 0px;
	height : auto; important! 
	height : 26px;
	min-height : 26px;
}


div#actualites .divdt{
  font: 10px verdana;
  font-weight : normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
	margin : 0;
	padding: 0;
}


div#actualites .divdt p{
  margin : 0px;
  padding : 0px;
  margin-top : 3px;
  height : 40px;
}

div#actualites .divdd a:hover{
	text-decoration: underline;
}



div#actualites p{
	padding-left: 15px;
	font-size: 11px;
	margin-top: 0px;
}



div#actualites a{
	color: #006633;
	text-decoration: none;
	margin : 0px;
	padding : 0px;
}

div#actualites a:hover{
	text-decoration: underline;
}


/* Liste des actualités */

.newsitem dt{

	font-weight: bold;
}


.newsitem dd{
	margin: 0px 0px 0px 0px;
}

dd.date{
	padding-bottom: 5px;
}

* html dd.date{
	padding-bottom: 10px;
}


dd.detailslink{
	margin-top: 0px;
}







/**********************************/
/********** Contenu texte **********/
/**********************************/ 

h1{
	font : 18px verdana, arial, lucida, helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
}


h2{
	font : 16px verdana, arial, lucida, helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
}

h3{
	font : 14px verdana, arial, lucida, helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
}

h4, h5, h6{
	font : 13px verdana, arial, lucida, helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
}

div#texte a{
	color: #3366CC;
	text-decoration: none;
}

div#texte a:hover{
	color: #3366CC;
	text-decoration: underline;
	cursor: pointer;
}






/**********************************/
/********** Pied de page **********/
/**********************************/ 

div#pre_pied{
	position: relative;
	float: left;
	height: 10px;
	width: 776px;
	margin-bottom: 7px;
}


div#pied_de_page{
	position: relative;
	float: left;
	width: 776px;
	margin-top : 0px;
	margin-bottom: -2px;
}


.roundedcornr_box_pied {
   background: #3E8D4B;
}
.roundedcornr_top_pied div {
   background: url(../images/roundedcornr_pied_tl.png) no-repeat top left;
}
.roundedcornr_top_pied {
   background: url(../images/roundedcornr_pied_tr.png) no-repeat top right;
}
.roundedcornr_bottom_pied div {
   background: url(../images/roundedcornr_pied_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_pied {
   background: url(../images/roundedcornr_pied_br.png) no-repeat bottom right;
}

.roundedcornr_top_pied div, .roundedcornr_top_pied, 
.roundedcornr_bottom_pied div, .roundedcornr_bottom_pied {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content_pied { 
	margin: 0px 0px 17px 0px;
}


div#pied_de_page_gauche{
	background: url(../images/4rondslaval.png) no-repeat bottom left;
	font-family: arial;
	float: left;
	width: 435px;
	color: #CCCCCC;
	font-size: 8.5px;	
	margin-top: 4px;
	margin-left: 10px;
	text-align: left;
	padding-left : 53px;
	padding-top : 1px;
}


* html div#pied_de_page_gauche{
	margin-left: 8px;
	width: 473px;
}


div#pied_de_page_droit{
	float: right;
	width: 250px;
	color: #CCCCCC;
	font-size: 10px;
	margin-right: 15px;
	text-align: right;
	margin-top:2px;
}

div#pied_de_page_droit a{
	color: #95E724;
	font-weight: bold;
	text-decoration: none;
}

div#pied_de_page_droit a:hover{
	text-decoration: underline;
}

* html div#pied_de_page_droit{
	margin-right: 7px;
}




/**********************************/
/************* Autre **************/
/**********************************/ 


/* Liste à puces */
div#texte ul{
	padding-left : 20px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 10px;
}

div#texte ul ul{
  margin-top : 5px;
  margin-bottom : 5px;
}


div#texte li{
	list-style-image: url(../images/puce01.gif);
}

div#texte li li{
	list-style-image: url(../images/puce02.gif);
}

div#texte li li li{
	list-style-image: url(../images/puce03.gif);
}

/* Lien version anglaise */
.btn_uk{
  width : 130px;
}

.btn_uk img{
  margin : 0px;
  padding : 0px;
  vertical-align : bottom;
  border : 0px;
}

.btn_uk a{
  font-size: 11px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
	text-align: left;
}

/* Tableaux */

table{
	font : 12px arial, verdana, lucida, helvetica, sans-serif;
}


div#texte table.contenttable tbody tr td p.bodytext {
  width: 100%;
}


tr td {
  vertical-align: center;
}


div#texte .align-center{
	text-align: center;
}

div#texte .align-left{
	text-align: left;
}

div#texte .align-right{
	text-align: right;
}




/******   Plan du site  **************/





/**********************************/
/*********** Formulaire ***********/
/**********************************/

INPUT, TEXTAREA, SELECT { 
	font-family: arial, verdana; 
	color: #000000; 
	font-weight: normal;
	font-size: 12px; 
	vertical-align: top;
}

FORM TABLE{
	padding:0; 
	margin: 0; 
	width:100%
}

/*.csc-mailform{
	padding:10px; 
	margin-top: 5em; 
	width:90%;
	border:0;
}

.csc-mailform-field {
  clear: left;
  text-align: left;
  width: 500px;
  margin-bottom: 4px;
  }
  
.csc-mailform-field label{
  float: left;
  text-align: left;
  width: 125px;
  margin-bottom: 4px;
  }
  
.csc-mailform-submit{
  text-align: center;
  margin-left: 125px;
  margin-top: 4px;
  padding: 1px 6px;
  width: auto;
  }*/

#texte .csc-mailform{
  margin-top: 2.5em;
}

#texte .csc-mailform-field{
	clear : both;
  text-align: left;
  width: 98%;
  margin-bottom: 4px;
}

#mailform label{
  float: left;
  width: 130px;
  font-size: 1.1em;
}

#texte .csc-mailform-radio input{
  float : left;
  clear : both;
  margin-right : 20px;
}

* html #texte .csc-mailform-radio label{
  margin-right : 200px;
  line-height : 20px;
  width : auto;
}

/*submit button*/
#texte .csc-mailform-submit{
  text-align: center;
  margin-left: 130px;
  margin-top: 4px;
  padding: 1px 6px;
  width: auto;
}

#texte .csc-legend{
  display: none;
}

#texte .legend-no-display{
  display: none;
}

.legend-no-display{
  display: none;
}

#texte fieldset{
  border : none;
}

#texte fieldset legend{
  display : none;
}

#texte fieldset.legenddisplay{
  border: 1px solid #CCC;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 15em 1.5em 0em;
  width: auto;
}


/* Fin formulaires*/

/* Ajout Style pour GoogleMap*/
#texte .tx-lumogooglemaps-pi1{
  font-family : Arial;
  font-size : 12px;
  line-height : 10pt;
}



/* Ajout Style pour element "Texte et Image" */
div#texte .csc-textpic-text p{
  float : none;
  clear : none;
  width : auto;
}

.divred{
  margin : 0;
  border : 1px solid red;
}

.divblue{
  margin : 0;
  border : 1px solid blue;
}

/*div{
  margin : 0;
  border : 1px solid red;
}*/

.clear{
  clear: both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow: hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}


/********************************************/
/**************** Page 404  *****************/
/********************************************/ 

p.notfound{
    /*margin: 0 0 1em;*/
    margin: -0.1em 0 0 0;
    padding:  0;
    font-size: 4em;
    font-weight: bold;
    color: #333;
    letter-spacing: 4px;
    }

p.error{
    /*margin: 0 0 1em;*/
    margin: 0 0 0.6em 12.5em;
    padding:  0;
    font-size: 2.7em;
    font-weight: bold;
    color: #333;
    text-decoration: line-through;
    letter-spacing: 2px;
    } 


/********************************************/
/********************************************/
/********************************************/
.tx-ttnews-browsebox-SCell{
  background-color : #D8EDD5;
}

.tx-ttnews-browsebox{
  border : none;
  background-color : #fff;
  border-top : 1px solid black;
}

.tx-ttnews-browsebox a{
  margin: 0px;
  padding: 0px 6px 0px 0px;
}
/********************************************/
/********************************************/
/********************************************/

div#texte a.internal-link img {
  padding: 0px;
  margin: 0px;
  margin-right: 5px;
  border : none;
}

div#texte a.external-link-new-window img {
  padding: 0px;
  margin: 0px;
  margin-right: 5px;
  border : none;
}

div#texte a.download img {
  padding: 0px;
  margin: 0px;
  margin-right: 5px;
  border : none;
}

div#texte a.mail img {
  padding: 0px;
  margin: 0px;
  margin-right: 5px;
  border : none;
}

/****************************
*** Fil d'ariane (miette) ***
****************************/

div#miette{
  display : none;
}

div#miette ul {
  display : none;
}

div#miette ul li{
  display : none;
}

/* fin fil d'ariane (miette) */
.tx-chgallery-pi1 .pagebrowser {
  height:16px;
}