/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
fieldset,img { border: none; }
p { text-align: justify;}
li {
	list-style-type: none;
}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


a {
	color: #000;
	text-decoration: none;
}


body {
	
	color: #000;
	font: 13px "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
}

/* @group Contour */


#contour_milieu {
	width: 994px;
	margin: auto;
}



/* @end */




#main {
	width:980px;
	position: relative;
}

#accueil {
	width: 372px;
	float: left;
	height: 103px;
}
#accueil a {
	display: block;
	width: 372px;
	height: 103px;
}

/* @group Bandeau Accueil */


#bandeau {
	width:980px;
	height:130px;
	background: url(../images/commun/logo-tarascon.gif) no-repeat left -20px;
}

#bandeau p {
	text-align: left;
}

#menu_haut {
	width: 605px;
	height: 21px;
	background: #000;
	float: right;
	margin-bottom: 3px;
	display: none;
}

/* @group menu haut */

#menu_haut ul {
	list-style-type: none;
}

#menu_haut ul li {
	float: left;
	list-style-type: none;
	padding-left: 15px;
	color: #fff;
	font: 11px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height: 21px;
}

#menu_haut ul li a {
	text-decoration: none;
	color: #fff;
}

#menu_haut ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

/* @end */


#cadre_haut_visiter {
	width: 203px;
	height: 80px;
	background: #c85f7f;
	float: right;
	color: #fff;
	display: none;
}

#cadre_haut_visiter a {
	width: 203px;
	height: 70px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 180px 55px;
}

#cadre_haut_visiter a:hover {
	width: 203px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 180px 55px;
}

#cadre_haut_habiter {
	width: 202px;
	height: 80px;
	background: #a0d04d;
	float: right;
	display: none;
}

#cadre_haut_habiter a {
	width: 202px;
	height: 70px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 180px 55px;
}

#cadre_haut_habiter a:hover {
	width: 202px;
	height: 70px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 180px 55px;
}

#cadre_haut_entreprendre {
	width: 200px;
	height: 80px;
	background: #6cb0c4;
	float: right;
	display: none;
}

#cadre_haut_entreprendre a {
	width: 200px;
	height: 80px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 180px 55px;
}

#cadre_haut_entreprendre a:hover {
	width: 200px;
	height: 80px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 180px 55px;
}


#barre_marron {
	width: 500px;
	height: 26px;
	float: left;
	background-color: #d3bc8e;
	line-height: 22px;
	font-size: 13px;
	display: none;
}

/* My Comment */

#barre_marron img {
	vertical-align: middle;
}


#cadre_haut_recherche {
	width: 147px;
	height: 26px;
	float: left;
	background-color: white;
	display: none;

}

#cadre_haut_recherche img {
	padding-top:2px;
	vertical-align: middle;
}

#cadre_haut_recherche form {
	margin:0;
	/margin : -16px 0 0 0 ; 
	padding:3px 0 0 2px;
	width: 140px;
}
#ajaxSearch_form {
	width: 140px;
	margin: 0;
	padding: 0;
	float: left;
}
#cadre_haut_recherche input {
	width: 136px;
	height: 16px;
	color: gray;
}

#cadre_haut_ccas {
	width: 133px;
	height: 26px;
	background: #72916d;
	float: left;
	display: none;
}
#cadre_haut_ccas a {
	width: 133px;
	height: 26px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 111px 4px;
}

#cadre_haut_ccas a:hover {
	width: 133px;
	height: 26px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 111px 4px;
}

#cadre_haut_theatre {
	width: 100px;
	height: 26px;
	background: #908a42;
	float: left;
	display: none;
}

#cadre_haut_theatre a {
	width: 100px;
	height: 26px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 80px 3px;
}

#cadre_haut_theatre a:hover {
	width: 100px;
	height: 26px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 80px 3px;
}


#cadre_haut_presse {
	width: 100px;
	height: 26px;
	background: #f4b111;
	float: left;
	display: none;
}

#cadre_haut_presse a {
	width: 100px;
	height: 26px;
	display: block;
	color: #fff;
	background: url(../images/commun/fleche_off.png) no-repeat 80px 3px;
}

#cadre_haut_presse a:hover {
	width: 100px;
	height: 26px;
	display: block;
	text-decoration: none;
	background: url(../images/commun/fleche_on.png) no-repeat 80px 3px;
}



/* @end */

#contenu {
	width: 980px;
	height: 460px;
	position: absolute;
	z-index: 2;
}

#contenu_page {
		width: 980px;
		position: relative;
}

.fond_dyn {
	background-image: none;
	background-color: transparent;
}




#fond_page_habiter{
	display: block;
	background-color: #fff;
}
#fond_page_entreprendre{
	display: block;
	background-color: #fff;
}
#fond_page_visiter{
	display: block;
	background-color: #fff;
}

.fond_visiter { background: url(../images/test/bandeau.jpg) no-repeat; }
.fond_theatre { background: url(../images/test/theatre.jpg) no-repeat; }
.fond_habiter { background: url(../images/test/habiter.jpg) no-repeat; }

#contenu_page_texte {
	width: 970px;
	margin-top: 205px;
	float: right;
	margin-bottom: 20px;
}
#contenu_page_texte h1.visiter {color: #842160; font: normal 26px/40px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#contenu_page_texte h1.theatre {color: #842160; font: normal 26px/40px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#contenu_page_texte h1.habiter {color: #908a42; font: normal 26px/40px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#contenu_page_texte h1.entreprendre {color: #4481a4; font: normal 26px/40px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }


h1.visiter {color: #842160; font: bold 20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;margin-bottom: 5px; }
h2.visiter {color: #842160; font: 16px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;margin-bottom: 5px; }



#fil_arianne {
	width: 780px;
	padding: 5px 0;
	font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #7b7b7b;
	display: none;
}
#fil_arianne a {
	color: #7b7b7b;
}
#fil_arianne a:hover {
	color: #7b7b7b;
	text-decoration: none;
}

/* @group Navigation Habiter */


/* #navigation{ position:absolute; top:15px; left:8px; width:200px; height: 400px ;padding:0; z-index: 1000;} */
#menu_navigation {
	width: 170px;
	float: left;
	left: 15px;
	top: 13px;
	z-index: 10;
	display: none;
}
#menu_navigation_tete {
	width: 170px;
	position: absolute;
	left: 15px;
	top: 13px;
	z-index: 10;
}

#menu_navigation_haut_habiter {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/haut_menu_habiter.png) no-repeat;
}
#menu_navigation_milieu_habiter {
	width: 170px;
	background: url(../images/cadre/milieu_menu_habiter.png) repeat-y;
}

#navigation_habiter {  float: left; margin: 0 0 0 5px; width:160px; padding:10px 0 0 0; background: #add467 url(../images/cadre/fond_menu_habiter.jpg) no-repeat left bottom; min-height: 200px;}

#navigation_habiter ul {padding: 0;margin:0;list-style: none;line-height: 1;}
#navigation_habiter a {display:block; text-decoration:none; color: #fff;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
#navigation_habiter ul li a {text-align: right;}
#navigation_habiter  ul li a:hover {display:block; text-decoration:none;  color:#908A42; background-color: #fff; width: 155px;  padding-right: 5px; }
#navigation_habiter li{float: left; padding:0; margin:0; width:155px;  }
#navigation_habiter li.bordure{ border-bottom:thin dashed #7a7a7a; width:160px;}
#navigation_habiter li ul {position: absolute; width:auto; display:none; padding:0; margin:0; font-size:13px;}
#navigation_habiter li:hover ul, #navigation li.sfhover ul {display:inline; width:185px;  margin:-18px 0 0 160px; padding:2px 0 0 0; min-height: 100px;
	background: url(../images/habiter/fond_sousmenu.png) no-repeat left bottom;
}


#navigation_habiter li ul li  a { display: block;text-align: left; padding-left: 10px;width: 160px; }
#navigation_habiter li ul li  a:hover { display: block; text-decoration: none; width: 160px; padding-right: 15px;
	background: #fff url(../images/commun/fleche_off.png) no-repeat 170px 2px; color: #a1d04e; }



/* @end */

/* @group Navigation entreprendre */
#menu_navigation_haut_entreprendre {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/haut_menu_entreprendre.png) no-repeat; }
#menu_navigation_milieu_entreprendre { width: 170px; background: url(../images/cadre/milieu_menu_entreprendre.png) repeat-y; }
#navigation_entreprendre {  float: left; margin: 0 0 0 5px; width:160px; padding:10px 0 0 0; background: #6db0c4 url(../images/cadre/fond_menu_entreprendre.jpg) no-repeat left bottom; min-height: 200px;}

#navigation_entreprendre ul {padding: 0;margin:0;list-style: none;line-height: 1;}
#navigation_entreprendre a {display:block; text-decoration:none; color: #fff;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
#navigation_entreprendre ul li a {text-align: right;}
#navigation_entreprendre  ul li a:hover {display:block; text-decoration:none;  color:#4481a4; background-color: #fff; width: 155px;  padding-right: 5px; }
#navigation_entreprendre li{float: left; padding:0; margin:0; width:155px;  }
#navigation_entreprendre li.bordure{ border-bottom:thin dashed #7a7a7a; width:160px;}
#navigation_entreprendre li ul {position: absolute; width:auto; display:none; padding:0; margin:0; font-size:13px;}
#navigation_entreprendre li:hover ul, #navigation li.sfhover ul {display:inline; width:185px;  margin:-18px 0 0 160px; padding:2px 0 0 0; min-height: 100px;
	background: url(../images/entreprendre/fond_sousmenu.png) no-repeat left bottom;
}


#navigation_entreprendre li ul li  a { display: block;text-align: left; padding-left: 10px;width: 160px; }
#navigation_entreprendre li ul li  a:hover { display: block; text-decoration: none; width: 160px; padding-right: 15px;
	background: #fff url(../images/commun/fleche_off.png) no-repeat 170px 2px; color: #6db0c4; }
/* @end */


/* @group Navigation visiter */
#menu_navigation_haut_visiter {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/haut_menu_visiter.png) no-repeat; }
#menu_navigation_milieu_visiter { width: 170px; background: url(../images/cadre/milieu_menu_visiter.png) repeat-y; }
#navigation_visiter {  float: left; margin: 0 0 0 5px; width:160px; padding:10px 0 0 0; background: #ca6584 url(../images/cadre/fond_menu_visiter.jpg) no-repeat left bottom; min-height: 200px;}

#navigation_visiter ul {padding: 0;margin:0;list-style: none;line-height: 1;}
#navigation_visiter a {display:block; text-decoration:none; color: #fff;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
#navigation_visiter ul li a {text-align: right;}
#navigation_visiter  ul li a:hover {display:block; text-decoration:none;  color:#842160; background-color: #fff; width: 155px;  padding-right: 5px; }
#navigation_visiter li{float: left; padding:0; margin:0; width:155px;  }
#navigation_visiter li.bordure{ border-bottom:thin dashed #7a7a7a; width:160px;}
#navigation_visiter li ul {position: absolute; width:auto; display:none; padding:0; margin:0; font-size:13px;}
#navigation_visiter li:hover ul, #navigation li.sfhover ul {display:inline; width:185px;  margin:-18px 0 0 160px; padding:2px 0 0 0; min-height: 100px;
	background: url(../images/visiter/fond_sousmenu.png) no-repeat left bottom;
}


#navigation_visiter li ul li  a { display: block;text-align: left; padding-left: 10px;width: 160px; }
#navigation_visiter li ul li  a:hover { display: block; text-decoration: none; width: 160px; padding-right: 15px;
	background: #fff url(../images/commun/fleche_off.png) no-repeat 170px 2px; color: #842160; }/* @end */



/* @group Naviagation theatre */

#navigation_theatre{  float: left; margin: 0 0 0 5px; width:160px; padding:10px 0 0 0;
	background: #908A42 url(../images/cadre/fond_menu_theatre.jpg) no-repeat left bottom; min-height: 200px;
}
#navigation_theatre ul {padding: 0;margin:0;list-style: none;line-height: 1;}
#navigation_theatre a {display:block; text-decoration:none; color: #fff;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
#navigation_theatre ul li a {text-align: right;}
#navigation_theatre a:hover {display:block; text-decoration:none;  color:#908A42; background-color: #fff; width: 140px;  padding-right: 20px; }
#navigation_theatre li{float: left; padding:0; margin:0; width:140px; height:14px; line-height:14px;padding-right: 20px; }
#navigation_theatre li.bordure{ border-bottom:thin dashed #7a7a7a; width:160px;}
#navigation_theatre li ul {position: absolute; width:auto; display:none; padding:0; margin:0; font-size:13px;height:14px; line-height:14px;}
#navigation_theatre li:hover ul, #navigation li.sfhover ul {display:inline; width:185px;  margin:-18px 0 0 160px; padding:2px 0 0 0; min-height: 100px;height:14px; line-height:14px;
	background: url(../images/habiter/fond_sousmenu.png) no-repeat left bottom;
}

#navigation_theatre li ul li {width:160px; height:14px; line-height:14px; }
#navigation_theatre li ul li  a { text-align: left; padding-left: 10px; }
#navigation_theatre li ul li  a:hover { display: block; text-decoration: none; width: 160px;
	background: #fff url(../images/commun/fleche_off.png) no-repeat 165px 2px; color: #908A42; }




#menu_navigation_haut_theatre {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/haut_menu_theatre.png) no-repeat;
}
#menu_navigation_milieu_theatre {
	width: 170px;
	background: url(../images/cadre/milieu_menu_theatre.png) repeat-y;
}


/* @end */

/* @group actualite */

#menu_actualite_haut {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/haut_menu_une.png) no-repeat;
}
#menu_actualite_milieu {
	width: 170px;
	background: url(../images/cadre/milieu_menu_une.png) repeat-y;
}
#menu_actualite_bas {
	width: 170px;
	height: 6px;
	background: url(../images/cadre/bas_menu_une.png) no-repeat;
}

#navigation_actualite{  float: left; margin: 0 0 0 5px; width:160px; padding:0;
	background: #e9e9e9 url(../images/cadre/fond_menu_une.jpg) no-repeat left bottom; height: 237px;
}

#navigation_actualite strong, #navigation_actualite p { 
	font-size: 12px;
	padding: 1px 10px;
	display: block;
	margin: 0;
	text-align: left;
}
/* @end */

/* Structure des pages */
#colonne_unique {
	width: 950px;
	float: right;
	margin-right:20px;
}

#colonne_unique ul {
	list-style-type: none;
	margin-left: 30px;
}

#colonne_unique a {	
	text-decoration: underline;
}



#colonne_unique .contour_vert {
	padding: 5px;
	border: thin solid #a0d04d;
}


#colonne_unique table.contour_vert td {
	padding: 5px;
	border: thin solid #a0d04d;
}

#colonne_gauche {
	width: 370px;
	float: right;
}
#colonne_droite {
	width: 370px;
	float: right;
	margin-left: 30px;
	margin-right: 15px;
}

#colonne_gauche .contour_vert {
	padding: 5px;
	border: thin solid #a0d04d;
}
#colonne_gauche table.contour_vert td {
	padding: 5px;
	border: thin solid #a0d04d;
}
#colonne_droite .contour_vert {
	padding: 5px;
	border: thin solid #a0d04d;
}
#colonne_droite table.contour_vert td {
	padding: 5px;
	border: thin solid #a0d04d;
}

.marge10 {
	margin: 10px 7px;
}
.marge5 {
	margin: 4px;
}

.font11 {
	font-size: 11px;
}

#theatre {
	width: 310px;
	margin: 0 auto;
	background-color: #AF2110;
	color: #FFF;
	padding: 12px;
	font-size: 12px;
	text-align: center;
}

#theatre table {
	margin: auto;}
#theatre td {
	padding: 5px;
}

/* @group Form */

#form_association {
	margin: auto;
	width: 400px;
}
#form_association label {
	clear: left;
	display: block;
	float: left;
	width: 110px;
	font: bold 12px "Trebuchet MS";
	margin: 2px 0;
}
#form_association input {
	float: left;
	margin: 2px 0;
	width: 250px;
	border: thin inset #6c9161;
	background-color: #cce588;
	font: 12px "Trebuchet MS";
	color: ;
}
#form_association input:focus {
 background-color:white;
 }
#form_association  #valider {
	margin: 6px 0;
	width: 120px;
	border: medium double #7e9e48;
	background-color: #cce588;
}
/* @end */

#colonne_unique .titre_theatre a {
	color: #842160;
	text-decoration: none;
}

/* @group hotels */

#hotel {
	width: 760px;
}
#hotel #visuel {
	width: 180px;
	float: left;
}

#hotel #visuel img {
	width: 175px;
}


#hotel #description {
	width: 580px;
	float: right;
}

#hotel #description img {
	vertical-align: middle;
}

#hotel #description #pictos {
	width: 180px;
	float: right;
}
#hotel #description #pictos img {
	width: 25px;
	float: left;
	margin: 1px;
	
}
#hotel #description #langue {
	width: 30px;
	height: 100px;
	float: right;
}
#hotel #description #langue img {
	margin: 1px;
}

#hotels_barre {
	background: url(../images/visiter/hebergements/separateur.gif) repeat-x 0 6px;
	width: 760px;
	clear: both;
	height: 26px;
}

/* @end */

#menu_calendrier {
	width: 170px;
	background: url(../images/cadre/milieu_menu_calendrier.png) repeat-y;
}
#menu_calendrier_bas {
	width: 170px;
	height: 6px;
	background: url(../images/commun/bas_navigation.png) no-repeat;
}
.cal_habiter {
	display: block;
	width: 80px;
	height: 40px;
	margin-left: 12px;
	background: url(../images/commun/calendrier_habiter.gif) no-repeat 0 center;
}
.cal_visiter {
	display: block;
	width: 80px;
	height: 40px;
	margin-left: 12px;
	background: url(../images/commun/calendrier_visiter.gif) no-repeat 0 center;
}
.cal_entreprendre {
	display: block;
	width: 80px;
	height: 40px;
	margin-left: 12px;
	background: url(../images/commun/calendrier_entreprendre.gif) no-repeat 0 center;
}

/* @group une */

#une {
	
	width: 276px;
	height: 345px;
	position: absolute;
	left: 702px;
	top: 15px;
	padding: 55px 0 6px 0;
	background: url(../images/commun/fond_a_la_une.png) no-repeat;

}
#une img {
	width: 273px;
	height: 200px;
	margin: 0 0 0 3px;
	text-align: center;
}
#une h1 {
	padding: 0 10px;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#une p {
	padding: 0 10px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Ajax Search */

.ajaxSearch_resultsInfo {
	display: block;
	color: #908a42;
	border-bottom: 1px solid #908a42;
	font: 13px "Trebuchet MS";
	margin-bottom: 8px;
	clear: both;
}
.ajaxSearch_paging {
	display: block;
	margin: auto;
	text-align: center;
	
}

.ajaxSearch_currentPage{
	font-weight: bold;
	color: #908a42;
}
.ajaxSearch_result {
	
	
}
.ajaxSearch_resultLink{
	color: #908a42;
	font: 13px "Trebuchet MS";
	margin-bottom: 8px;
	background: url(../images/commun/carre_habiter.gif) no-repeat 0 center;
	padding-left: 12px;
	
}
.ajaxSearch_resultExtract {
	
}

/* @end */
.tab_venir{
	background-color: #f2f2f2;
	width: 760px;
	border: 2px groove #e4e2db;
}
.td_venir{
	padding: 8px;
	vertical-align: top;
	text-align: justify;
}
.titre_venir{
	color: #ca6381;
	font-size: 13px;
	font-weight: bold;
}