@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
font-family:Arial, Helvetica, sans-serif;
font-family: 'Gudea', sans-serif;
text-align:justify;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
table tr,
table tr td{ border-collapse:collapse; padding:0; margin:0;}
/* FIN RESET */

strong{ font-weight:bolder;}
em{ font-style:italic;}
.cb{ clear:both;}
p{ margin-bottom:16px;}
sup{ height:0; line-height:0; font-size:9px;}
small{ font-size:11px;}

.cb{ clear:both;}

html{ height:100%;}
body{ background-image:url(../images/bg.gif); height:100%; min-height:10%;}

#body2{ background-color:#e8eaec; background-image:url(../images/chateau.jpg); background-repeat:no-repeat; background-position:center 0;  height:640px; position:relative;}
#body2.interieur{ background-color:#e8eaec; background-image:url(../images/chateau_interieur.jpg); background-repeat:no-repeat; background-position:center 0;  height:640px; position:relative;}

#body3{ background-image:url(../images/bg_bande_marron.gif); background-repeat:repeat-x; background-position:center 592px; height:100%; min-height:10%; z-index:55; position:relative;}

#site{ width:980px; margin:auto; position:relative; padding-bottom:20px;}
#haut{ width:980px; height:592px;}

#haut a.tarascon{ display:block; width:124px; height:20px; padding:5px 0 0 35px; background-image:url(../images/communs/bg_retour_tarascon.png); background-position:0 0;
					font-size:13px; text-decoration:none; color:#5e5e5e;
					-moz-box-shadow: 2px 2px 5px 0px #000000;
					-webkit-box-shadow: 2px 2px 5px 0px #000000;
					-o-box-shadow: 2px 2px 5px 0px #000000;
					box-shadow: 2px 2px 5px 0px #000000; }
#haut a:hover.tarascon{ background-position:0 -25px;}


#haut a.accueil{ display:block; width:270px; height:0; padding-top:90px; 
				position:absolute; top:160px; left:-10px; overflow:hidden; z-index:1000;}

#menu{ position:relative; z-index:800;}
#menu ul li{ direction:block; position:relative; height:29px; float:left; margin-right:1px;}
#menu ul li a{ float:left; padding:3px 13px 0 13px; height:26px; background-color:#2e2e2e; color:#FFF; text-transform:uppercase; font-size:20px; text-decoration:none;  font-weight:400;}
#menu ul li a:hover{ background-color:#5c5c5c;}
#menu ul li ul{ display:none; left:0;  width:100%; overflow:hidden; width:100%;}
#menu ul li:hover ul{ display:block; position:absolute; top:29px;}
#menu ul li ul li{ height:auto; float:none; width:100%; margin-top:1px; background-color:none;}
#menu ul li ul li:hover{background-color:#5c5c5c;}
#menu ul li ul li a{ display:block; width:100%; background-color:#2e2e2e;  padding:5px 0 5px 13px; float:none; text-transform:none; font-size:12px; height:auto; background-color:none;  line-height:14px; text-align:left;}


#menu2{ position:relative; z-index:500;}
#menu2 ul li{ direction:block; position:relative; height:18px; float:left; margin-right:1px;}
#menu2 ul li a{ float:left; padding:2px 13px 0 13px; height:16px;  color:#5e5e5e; font-size:12px; text-decoration:none;  font-weight:400;
				background-image:url(../images/communs/bg_menu2.png); background-position:0 0;}
#menu2 ul li a:hover{ background-position:0 -18px;}	
#menu2 ul li ul{ display:none;  width:100%; overflow:hidden; width:100%;}
#menu2 ul li:hover ul{ display:block; position:absolute; top:18px;}


#boxes{ margin-top:13px;}
.box{ width:483px; float:left; margin:0; margin-bottom:15px;}
.box.gauche{ margin-right:14px;}
.box div.titre{ width:332px; background-color:#ececec; height:25px; padding:10px 0 0 10px; color:#96797f; font-weight:600; font-size:20px; font-variant: small-caps ; }
.box div.contenu_illus{ background-color:#FFF; padding:10px;}
.box div.contenu_illus a:hover{ opacity:0.7;}
.box div.resume{ height:85px; padding:10px; width:245px; float:left; text-align:justify;
			background-color:#ececec; font-size:13px; line-height:15px; color:#5f5f5f;}

.box div.plus{ background-color:#2f2f2f; color:#FFF; padding:10px; width:198px; height:85px; float:left; font-size:13px; line-height:15px; color:#FFF;}
.box div.plus ul{ padding-left:20px; list-style-type:disc;}
.box div.plus ul li{ list-style-position:outside;}
.box div.plus a{ text-decoration:none; color:#FFF; font-size:12px; line-height:14px;}
.box div.plus a:hover{ text-decoration:underline;}
.box div.plus span.letitre{ font-size:12px; text-transform:uppercase; font-weight:600;}

#corps.interieur{ position:relative; height:auto; margin-top:-500px; width:980px; }

#corps_interieur{ width:690px; float:right; }
#illus_interieur{ padding:20px;background-color:#FFF; }
#contenu_interieur{ width:650px; float:right; background-color:#ececec; padding:20px;
			font-size:13px; line-height:15px; }
	#contenu_interieur a{ color:#222222;}
#contenu_interieur h1{ color:#96797e; font-size:24px; line-height:28px; font-variant:small-caps; font-weight:600; margin-bottom:20px;}
#contenu_interieur h2{ margin-bottom:10px; text-transform:uppercase;font-weight:600; font-size:15px; line-height:18px; }
#contenu_interieur ul{ padding-left:20px; list-style-type:disc;}
#contenu_interieur ul li{ list-style-position:outside;}


#menu_interieur{ background-color:#ececec; width:270px; position:relative; float:left; left:0; margin-top:205px; padding-bottom:20px; overflow:hidden;}
#menu_interieur .letitre{ padding:20px 0 20px 15px; color:#0b0b0b; font-size:25px; text-transform:uppercase;}
		#menu_interieur	 ul li a{ display:block; color:#5f5f5f; font-variant:small-caps; font-size:20px; text-decoration:none; padding:0 0 0 15px; width:255px; margin-bottom:1px;}
		#menu_interieur	 ul li a:hover,
		#menu_interieur	 ul li.active a{ background-color:#2f2f2f; color:#FFF;}
		#menu_interieur	 ul li ul li a{ color:#5f5f5f; font-variant:normal; font-size:13px; padding:2px 20px 2px 15px; width:235px; margin-bottom:1px;}
		#menu_interieur	 ul li.active ul li a{ background:none;  color:#5f5f5f;}
		#menu_interieur	 ul li ul li.active a{ background-color:#2f2f2f; color:#FFF;}
		#menu_interieur	 ul li ul{ margin-bottom:20px;}


form#contactform { margin-top:20px;}
form#contactform label{ width:120px; height:30px; margin-right:5px; display:block; float:left; text-align:right;}
form#contactform input[type=text]{ width:196px; border:none; background-color:#FFF; height:16px; padding:2px;}
form#contactform input:focus[type=text]{border:1px solid #042d54;}
form#contactform textarea{ display:block; width:240px; height:100px; border:none; background-color:#FFF;}
form#contactform textarea:focus{ border:1px solid #042d54;}

form#contactform input[type=submit]{ background-color:#96797E; height:20px; color:#FFFFFF; text-transform:uppercase; border:none; width:240px; margin:20px 0 0 0;; padding-right:20px;
										text-align:right; background-repeat:no-repeat; background-position:125px 1px; cursor:pointer;}
form#contactform input:hover[type=submit]{ background-color:#FFF; color:#042d54;  border:1px solid #96797E;}


#infos_supp{ width:265px; float:right; margin:0 -20px 20px 20px;}
#infos_supp #gris{ padding:15px; background-color:#2f2f2f; color:#FFF;}
#infos_supp #gris h2{ font-size:14px;}
#infos_supp #gris a{ color:#FFF;}

#infos_supp #orange{ padding:15px; background-color:#fb7d2f; color:#000;}
#infos_supp #orange h2{ font-size:14px;}
#infos_supp #orange a{ color:#000;}


#pied #adresse{ text-align:center; color:#FFF; font-size:14px; padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px dashed #b7afa6;}
#pied #adresse a{ color:#FFF;}

#pied{ width:960px; background-color:#585450; margin:20px 0 0 0; padding:10px;}
#pied #menu_pied{ width:50%; float:left;}
#pied  ul li a{ text-decoration:none; font-size:11px; color:#e1d7cc; }
#pied  ul li{ float:left; width:29%; padding:0 2% 0 2%; border-right:1px dashed #b7afa6; height:520px;}
#pied  ul li a{ display:block; font-variant:small-caps; font-size:16px; text-decoration:underline; padding-bottom:8px;}
#pied  ul li ul li a{ display:block; font-variant:small-caps; font-size:14px; text-decoration:none; padding-bottom:5px;}
#pied  ul li ul li{ float:none; width:100%; margin-bottom:10px; border:none; height:auto;}
#pied  ul li ul li ul li{ margin-bottom:0;}
#pied  ul li ul li ul li a{ font-size:11px; font-variant:normal; padding:0 0 2px 0;}

#pied #menu2_pied{ width:50%; float:left; position:relative;}
#pied  #menu2_pied ul li.last{ border:none;}


#diapo{ width:650px; height:417px;}
#navigation-slideshow{  width:100%; height:417px; position:relative; top:0; overflow:hidden; }
#navigation-slideshow .page{ position:absolute; left:0; width:100%; height:auto;}
#navigation-slideshow .page img{ width:100%;}
#navigation-slideshow a#go_left{ position:absolute; font-size:20px; left:0; top:50%; z-index:999; width:40px; height:0; padding-top:40px; overflow:hidden; background-image:url(../images/communs/bt_left.png);    display:block; left:10px;}
#navigation-slideshow a#go_right{ position:absolute; font-size:20px; right:0; top:50%; z-index:999;  width:40px; height:0; padding-top:40px; overflow:hidden; background-image:url(../images/communs/bt_right.png);    display:block; right:10px;}