/* ////
rouge color: #cf472d;
vert color: #60a230;
bleu color: #5586c8; 
jaune color: #e1b200;
//// */

body {
	font-family: arial, helvetica, geneva, SunSans-Regular, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	background-color: #000000;

}


/* /////////////////////////// */
/* //// REDEFINITION TAG //// */

/* // lien par defaut // */

a:link, a:visited {
	color: #ffffff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

img, img a {
	border: 0;
	margin: 0;
	padding: 0;
}


div {
	border: 0;
	margin: 0;
	padding: 0;
}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.tzr-rimg { padding:0 0 2px 5px }
.tzr-limg { padding:0 5px 2px 0px }


/* ////////////////////// */
/* //// STYLES TYPO //// */

.normal {
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

.gras_capital {
	font-weight: bold;
	text-transform: uppercase;
}

.gras_italique {
	font-style: italic;
	font-weight: bold;
}

.capital {
	text-transform: uppercase;
}

.italique {
	font-style: italic;
}

.corpsNul {
	font-size: 1px;
}

.enLigne {
	display: inline;
}

.finfloat {
	clear: both;
}



#conteneur {
	z-index: 0;
	width: 980px;
	height: 650px;		
	padding: 10px;
	text-align:left;
}
#centred{
	font-family: arial, helvetica, geneva, SunSans-Regular, sans-serif;
	font-size: 12px;
	margin:auto;
	width:1000px;
	 height:100%;
}
#centred td{
	font-family: arial, helvetica, geneva, SunSans-Regular, sans-serif;
	font-size: 12px;

}

/* //////////////// */
/* //// INDEX //// */

#index_trait {
	float: right;
	width: 250px;
	height: 75px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
}

#index_portes {
	height: 45px;
	margin: 0;
	padding: 0;
	background-position: left top;
	background-image: url(../images/index/portes_fond.gif);
	background-repeat: no-repeat;
}

#index_colg {
	float: left;
	width: 770px;
	height: 400px;
	margin: 0;
	padding: 0;
}
.homediv{
  height: 400px;
  max-height:400px;
  overflow:hidden;
  padding:0px;
  width:183px;
  float:left;
  margin: 0 3px 0 0;
  text-align:center;
  color: #ffffff;

}
.homediv a,.homedivOpac a{
   position:relative;
   top:0px;
   left:0px;
   height:400px ;
   width:183px ;
}
.homedivOpac {
   filter: alpha(opacity=60);
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;
   margin:0px;
   padding:0px;
}
.homediv span {
   	display: none;
	font-size: 22px;
	font-weight:bold;
	position:relative;
	top :-40px;
	max-height:20px;
	margin:0px;padding:0px;
	visibility: hidden;
}
.homedivOpac span {

	font-size: 22px;
	font-weight:bold;
	position:relative;
	top :-40px;
	max-height:20px;
	margin:0px;padding:0px;

}

#index_bas {
	clear: both;
	text-align: center;
	color: #000000;
	background-color: #6e6d5b;
	margin: 3px 0 0 0;
	padding: 7px 0 7px 0;	
}

#index_bas a:link, #index_bas a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#index_bas a:hover {
	color: #ffffff;
	text-decoration: none;
}

.imageOver, a.imageOver, a.imageOver img {
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}
a.imageOver:hover, a.imageOver:hover img {
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
} 

#index_news {
	height: 80px;
	width: 190px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: auto;
	scrollbar-face-color: #6e6d5b;
	scrollbar-shadow-color: #6e6d5b;
	scrollbar-highlight-color: #6e6d5b;
	scrollbar-3dlight-color: #6e6d5b;
	scrollbar-darkshadow-color: #6e6d5b;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}

#index_news a:link, #index_news a:visited {
	color: #d9d8cc;
	text-decoration: none;
}

#index_news a:hover {
	color: #deca89;
	text-decoration: none;
}

#index_news p {
	margin: 0 10px 10px 0;
	padding: 0;
}


#meteo {
	width: 191px;
	height: 75px;
	color: #bfbebb;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	background-position: left center;
	background-image: url(../images/index/meteo_fond.jpg);
	background-repeat: no-repeat;
}


#meteo img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;

}

#meteo div {
	float: left;
	margin: 23px 0 0 0;
	padding: 0;
}
#meteo a{
text-decoration:none;
}

/* /////////////// */
/* //// PAGE //// */


#haut {
	width: 980px;
	height: 115px;
	margin: 0 0 5px 0;
	padding: 0;
	background-position: left top;
	background-image: url(../images/commun/haut_fond.jpg);
	background-repeat: no-repeat;
}

#news {
	float: right;
	width: 310px;
	color: #c3c2bb;
	margin: 35px 0 0 0;
	padding: 0 10px 0 0;
}

#news a:link, #news a:visited {
	color: #c3c2bb;
	text-decoration: underline;
}

#news a:hover {
	color: #000000;
	text-decoration: none;
}

#news .titre {
	float: left;
	width: 40px;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	padding: 0 5px 10px 0;
	border-right: 1px solid #ffffff;

}

#news .texte {
	float: left;
	width: 250px;
	height: 40px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	overflow: auto;
	filter:chroma(color=#ffffff);
	scrollbar-face-color: #c3c2bb;
	scrollbar-shadow-color: #c3c2bb;
	scrollbar-highlight-color: #c3c2bb;
	scrollbar-3dlight-color: #c3c2bb;
	scrollbar-darkshadow-color: #c3c2bb;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}

/* menu niveau 1 */
#navigation {
	float: right;
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0 10px 0 0;
}

#nav, #nav ul {
	font-size: 15px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li a,#nav li.item_last a {
	color: #ffffff;
	padding: 1px 5px 1px 0;
	margin: 0 5px 0 0;
	border-right: 1px solid #ffffff;
}
#nav li a:hover {
		
	border-bottom: 1px solid #ffffff;
	margin: 5px 5px 0 0;
	padding: 1px 5px 3px 0;
	
}

#nav .item_on {
	margin: 5px 5px 0 0;
	padding: 1px 5px 3px 0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#nav .item_on a {
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

#nav .item_on a:hover {
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
        margin:0 5px 0 0;
        padding:1px 5px 1px 0;
}




#rubtitre {
	height: 45px;
	font-size: 22px;
	letter-spacing: 1px;
	color: #cf472d;
	margin: 0 0 0 0;
	padding: 6px 0 0 395px;
	background-position: left top;
	background-image: url(../images/commun/rubtitre_fond.gif);
	background-repeat: no-repeat;
}
#rubtitre:first-letter{
	text-transform: uppercase;
}



/* colonne gauche */

#colg {
	float: left;
	width: 560px !important;
	width: 560px ;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 14px !important;
	overflow-y: scroll;
	overflow-x: hidden; 
	overflow: -moz-scrollbars-vertical;

	scrollbar-face-color: #6e6d5b;
	scrollbar-shadow-color: #6e6d5b;
	scrollbar-highlight-color: #6e6d5b;
	scrollbar-3dlight-color: #6e6d5b;
	scrollbar-darkshadow-color: #6e6d5b;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;

}

#colg a {
	color: #cf472d;
	text-decoration: none;
}

#colg a:hover {
	color: #ffffff;
	text-decoration: none;
}

#colg p {
	margin-right: 20px;
}

#colg h1 {
	font-size: 22px;
	color: #6e6d5b;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

#colg h2 {
	font-size: 17px;
	color: #deca89;
	margin: 0px 0px 8px 0px;
}

#colg h3 {
	font-size: 13px;
	line-height: 20px;
	color: #d9d8cc;
	margin: 0px 0px 6px 0px;
	}


/* agenda */

#colg .agenda {
	width: 535px;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #505364;
}

#colg .agenda .photo {
	float: left;
	width: 145px;
}

#colg .agenda .texte {
	float: left;
	width: 300px;
}

#colg .agenda h1 {
	font-size: 18px;
	color: #ffffff;
	margin: 0 20px 10px 0;
}

#colg .agenda h2 {
	font-size: 15px;
	color: #f7c92e;
	margin: 0 20px 0 20px;
	padding: 0;
}

#colg .agenda p {
	margin: 0 20px 10px 20px;
	padding: 0;
}

#colg .agenda .liens {
	float: left;
	width: 90px;
	color: #cf472d;
	font-weight: bold;
	margin: 30px 0 0 0;
	padding: 0;
}


#colg .agenda .liens a:link, #colg .agenda .liens a:visited {
	display: block;
	color: #cf472d;
	text-decoration: none;
	margin: 0 0 2px 0;
	padding: 1px 0 1px 0;
}

#colg .agenda .liens a:hover {
	color: #ffffff;
	text-decoration: none;
}




#colcentre {
	float: left;
	width: 195px;
	height: 385px;
	margin: 0;
	padding: 0;
}

#colcentre img {
	margin: 0 0 0 0px;
	padding: 0;
}





#cold {
	float: left;
	width: 200px;
	height: 400px;
	margin: 0;
	padding: 0;
}

#cold .titre {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	padding: 3px 0 0 5px;
	background-position: left top;
	background-image: url(../images/commun/cold_lettrine_rouge.jpg);
	background-repeat: no-repeat;
}
#cold .titre:first-letter {
text-transform:uppercase;
}

#cold .navniv2 {
	height: 160px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: auto;
	scrollbar-face-color: #6e6d5b;
	scrollbar-shadow-color: #6e6d5b;
	scrollbar-highlight-color: #6e6d5b;
	scrollbar-3dlight-color: #6e6d5b;
	scrollbar-darkshadow-color: #6e6d5b;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}


#cold .navniv2 a:link, #cold .navniv2 a:visited {
	display: block;
	color: #cf472d;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	margin: 2px 30px 2px 0;
	padding: 2px 0 2px 15px;
	background-position: left -7px;
	background-image: url(../images/commun/cold_lien_rouge.gif);
	background-repeat: no-repeat;
}

#cold .navniv2 a:hover {
	color: #ffffff;
	text-decoration: none;
	background-position: left -88px;
	background-image: url(../images/commun/cold_lien_rouge.gif);
	background-repeat: no-repeat;
}

#cold .navniv2_on {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	margin: 2px 30px 2px 0;
	padding: 2px 0 2px 15px;
	background-position: left -7px;
	background-image: url(../images/commun/cold_lien_rouge.gif);
	background-repeat: no-repeat;
}



#cold .serv_centre {
	width: 180px;
	background-position: left top;
	background-image: url(../images/commun/serv_centre.gif);
	background-repeat: repeat-y;
	margin: 0;
	color: #ffffff;
	padding: 0 0 0 15px;
}

#cold .serv_centre a:link, #cold .serv_centre a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 3px 0 3px 0;
}

#cold .serv_centre a:hover {
	color: #cf472d;
	text-decoration: none;
}

#cold .serv_centre .col1 {
	float: left;
	width: 70px;
	margin: 0 5px 0 0;
	padding: 0;
	color: #ffffff;
}

#cold .serv_centre .lettrine {
	color: #ffffff;
	background-color: #cf472d;
	margin: 0 2px 0 2px;	
	padding: 0 2px 0 2px;	
}

#cold .carte {
	margin: 10px 0 0 10px;
	padding: 0;	
}

/* Communes */

#colg .commune_titre {
	font-size: 23px;
	margin: 0 0 6px 0;
	padding: 0 0 12px 0;
	background-position: left top;
	background-image: url(/images/commune_titre_fond.gif);
	background-repeat: no-repeat;
}

#colg .commune_titre .nom {
	font-weight: bold;
	color: #b5ab8a;
}

#colg .description {
	width: 530px;
	margin: 15px 0 15px 0;
	padding: 0;
}

#colg .description .col {
	float: left;
	width: 265px;
	font-weight: bold;
	color: #b4b3ac;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ffffff;
}

#colg .description .ligne {
	clear: both;
	font-weight: bold;
	color: #b4b3ac;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ffffff;
}

#colg .description .ligne a:link, #colg .description .ligne a:visited {
	color: #b4b3ac;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#colg .description .ligne a:hover {
	color: #cf472d;
	text-decoration: none;
}

#bas {
	clear: both;
	color: #000000;
	background-color: #6e6d5b;
	margin: 0px 0 0 0;
	padding: 2px 0 0px 0;	
}

#bas a:link, #bas a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#bas a:hover {
	color: #ffffff;
	text-decoration: none;
}

#bas .lien_txt {
	float: left;
	width: 600px;
	text-align: center;
	margin: 6px 0 0 0;
	padding: 0;
}
#bas .lien_img { 
	margin:0;
	padding:0; 
}

#bas .lien_img img {
	margin: 0 10px 0 0;
	padding: 0;
}

#bas_logo {
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
}

#bas_logo img {
	margin: 0 15px 0 0;
	padding: 0;
}
#urlNews{
display:none;
}
#titreNews{
	font-weight: bold;

}


/* hotel */

#colg .hotel {
	width: 535px;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #505364;
}

#colg .hotel .photo {
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
}

#colg .hotel .adresse {
	float: left;
	width: 140px;
	font-size: 13px;
	color: #b4b3ac;
	margin: 0 10px 0 0;
	padding: 0;
}

#colg .hotel .adresse h1 {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 2px 0;
	padding: 0;
}

#colg .hotel .adresse .icon {
	margin: 8px 0 2px 0;
	padding: 0;
}

#colg .hotel .complement {
	float: left;
	width: 140px;
	font-size: 12px;
	margin: 0 15px 0 0;
	padding: 0;
}

#colg .hotel .complement a:link, #colg .hotel .complement a:visited {
	font-weight: bold;
	color: #cf472d;
	text-decoration: none;
}

#colg .hotel .complement a:hover {
	color: #ffffff;
	text-decoration: none;
}



#colg .hotel .liens {
	float: left;
	width: 80px;
	color: #cf472d;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#colg .hotel .liens a:link, #colg .hotel .liens a:visited {
	display: block;
	color: #cf472d;
	text-decoration: none;
	margin: 0 0 2px 0;
	padding: 1px 0 1px 0;
}

#colg .hotel .liens a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* // contact // */

.con_fond {
	background-color: #2f2f27;	
}

.con_sexe {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 3px 0 3px 0;
	padding: 0;
	background-color: #6e6c5b;
	border: 1px solid #6e6c5b;	
}

.con_chps1 {
	width: 170px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 2px 0 2px 0;
	padding: 1px 0 1px 2px;
	background-color: #6e6c5b;
	border: 1px solid #6e6c5b;	
}

.con_chps2 {
	width: 350px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 2px 0 2px 0;
	padding: 1px 0 1px 2px;
	background-color: #6e6c5b;
	border: 1px solid #6e6c5b;	
}

.con_chps3 {
	width: 530px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 2px 0 2px 0;
	padding: 1px 0 1px 2px;
	background-color: #6e6c5b;
	border: 1px solid #6e6c5b;	
}

.con_chps4 {
	width: 170px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 3px 0 3px 0;
	padding: 1px 0 1px 2px;
	background-color: #6e6c5b;
	border: 1px solid #6e6c5b;	
}

.con_box1 {
	margin: 3px 5px 3px 0;
	padding: 0;
	vertical-align: middle;	
}

input.bouton {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0 15px 0 0;
	padding: 2px 3px 2px 3px;
	background-color: #cf472d;
	border: 1px solid #cf472d;	
}

input.bouton:hover {
	color: #cf472d;
	background-color: #ffffff;
	border: 1px solid #cf472d;
}

input.bouton:active {
	color: #000000;
	background-color: #cf472d;
	border: 1px solid #cf472d;
}