@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#ffffff; font-size:12px; font-family: /*"Arial Unicode MS"*/ Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { font-weight:bold; font-size:1.2em; }
h2 { font-size:1.5em; color:#6f3400; font-family:"Times New Roman", Times, serif;
font-family: "MPH 2B Damase", Code2000, "Times New Roman", serif;}
h3 { font-weight:bold; font-size:1.0em; }
h4 { font-weight:bold; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#bd000d; }
a:hover {color:#810009}

a.savoirplus { color:#003e00; }
a.savoirplus:hover {color:#008000;}

a.plansite { color:#bd000d; }
a.plansite:hover {color:#FFA352;}

.errorbox {
	border: 1px solid #CC0000;
	color: #CC0000;
	margin: 1em;
	padding: 0.5em;
}

label {
	cursor: pointer;
}

label.error {
	color: #c00;
	font-style: italic;
	font-size: 0.9em;
}

input.error, textarea.error {
	border: 1px dotted #c00;
}

ul.nextEvents li {
	margin: 0.5em;
}

ul.nextEvents {
	margin: 1em 0;
	padding: 0;
	width: 298px;
	border:1px solid #490106;
	font-weight: bold;
	list-style: none;
}

.club-pro-encart a {
	text-decoration: none;
}

.images-kit-box {
	width: 265px;
	width: 120px;
	margin: 0 1em 1em 0;
	float: left;
	text-align: center;
}

.note {
	font-size: 0.9em;
	font-style: italic;
}

span.copyright {
	display: block;
	font-size: 0.9em;
	font-style: italic;
}

.image_kit h3 {
	padding: 0.5em 0;
}


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

.floatrightMarge { float:right; margin-left:10px; }
.floatleftMarge { float:left; margin-right:10px; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

.legende{font-size:10px;}
.rouge{color:#810009; font-weight:bold;}


/* Accueil
----------------------------------------------------------*/

#flash {width:950px; height:820px; margin-left:auto; margin-right:auto; position:relative;}
	
/* Diapo
----------------------------------------------------------*/	
.diaporama{position:relative; width:330px;}

.diaporama li{ list-style-type:none; overflow:hidden; position:absolute }
*>.diaporama li{ list-style-type:none; overflow:hidden; position:absolute; !margin-left:-170px;}


.diaporama2{position:relative; /*width:330px;*/}
.diaporama2 li{ list-style-type:none; overflow:hidden; position:absolute }
*>.diaporama2 li{ list-style-type:none; overflow:hidden; position:absolute; !margin-left:-170px;}



/* Visites individuelles
----------------------------------------------------------*/
/*Pagination*/
div.paginationindiv {padding:3px; text-align:center; margin-top:10px;}
div.paginationindiv a {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #808080; text-decoration: none; color: #000000; }
div.paginationindiv a:hover, div.paginationindiv a:active { border:1px solid #808080; color: #000000; background-color: #810009; }
div.paginationindiv span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #808080; font-weight: bold; background-color: #810009; color: #FFF;}
div.paginationindiv span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #810009; color: #ccc;}
/*fin Pagination*/


.blok{display: none;}

#visite1{display:block;}
#visite2{}
#visite3{}
#visite4{}

#txtLogis{width:560px; float:left; margin-top:5px; text-align:justify;}
#conseil{width:330px; float:left;  text-align:center; /*margin-top:35px;*/ margin-left:10px;}

#txtFamille{width:600px; float:left;}
#pereFils{width:300px; float:left;  text-align:center; margin-top:15px;}

#horaireTarifs{width:390px; margin-left:auto; margin-right:auto; background-color:#810009; color:#FFFFFF; padding:5px; border:solid 1px #550006; margin-top:10px; margin-bottom:10px;}

#special{width:500px; float:left;}
#video{width:400px; float:left;  text-align:center; margin-top:35px;}

#soiree{width:560px; float:left; margin-top:5px; text-align:justify;}
#soiree2{width:340px; float:left;  text-align:center; margin-top:60px;}

/* Visites en groupe
----------------------------------------------------------*/
#groupe1{display: block;}
#groupe2{}
#groupe3{}

.comment{width:450px; float:left; margin-top:27px;}
.commentimg1{width:420px; float:left; text-align:center; margin-top:20px;}

.comment2{width:500px; float:left;}
.commentimg2{width:400px; float:left; text-align:center; margin-top:33px;}



/* Visites scolaire
----------------------------------------------------------*/
#scolaire1{display: block;}
#scolaire2{}
#scolaire3{}

.title{color:#6f3400;}
.scol1{ width:630px; float:left;}
.scol2{ width:255px; float:left; margin-left:10px;}

/* handicap
----------------------------------------------------------*/
#handicap1{display: block;}

#scrollHandicap {
	width: 900px;
	height: 410px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #500005;
	scrollbar-highlight-color: #500005;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color: #ffffff;
}

/* service
----------------------------------------------------------*/
#service1{display: block;}
#service2{}
#service3{}

/* securite
----------------------------------------------------------*/
#securite1{display: block;}

/* Tarifs
----------------------------------------------------------*/

#tarifs1{display: block;}
#tarifs2{}

#tarifsgroupe{width:430px; float:left;}
#tarifsgroupe2{width:390px; float:left; margin-left:70px;}
table#tarifs{width:380px;}
table#tarifs td.intitule { background-color:#810009; color:#FFFFFF; font-weight:bold;  padding:2px;}
table#tarifs td.categorie { width:85%; padding:2px;}
table#tarifs td.prix { width:15%; text-align:right; padding:2px;}

table#tarifs22{width:410px;}
table#tarifs22 td.intitule { background-color:#810009; color:#FFFFFF; font-weight:bold;  padding:2px;}
table#tarifs22 td.categorie { width:85%; padding:2px; text-align:justify;}
table#tarifs22 td.prix { width:15%; text-align:right; padding:2px;}

table#tarifsgroupetab{width:380px;}
table#tarifsgroupetab td.intitule { background-color:#810009; color:#FFFFFF; font-weight:bold;  padding:2px; width:100%}
table#tarifsgroupetab td{width:50%; padding:2px;}


table#Rates{width:500px; margin-left:auto; margin-right:auto; margin-top:50px;}
table#Rates td {width:25%; padding:3px;}
table#Rates td.cent { text-align:center;}


/* Horaires
----------------------------------------------------------*/

#horaires1{display: block; margin-top:10px;}

table#horairetab{width:550px; margin-bottom:30px; margin-top:50px;}
table#horairetab td.intitule {background-color:#810009; color:#FFFFFF; font-weight:bold;  padding:5px;}
table#horairetab td { width:25%; padding:6px; text-align:center;}

/* Evenements
----------------------------------------------------------*/
.calendrierEve{width:265px; height:47px; background-image:url(../images/calendrier.jpg); background-repeat:no-repeat; margin-top:10px; text-align:center; padding-top:3px; margin-bottom:5px; padding-left:35px;}


.calendrierEve2{width:265px; height:35px; background-image:url(../images/calendrier2.jpg); background-repeat:no-repeat; margin-top:10px; text-align:center; padding-top:15px; margin-bottom:5px; padding-left:35px;}

#calendrierEvenement{ width:270px; height:35px; background-image:url(../images/actualite.jpg); background-repeat:no-repeat; text-align:center; padding-top:80px; padding-left:30px;}


#eve{display:block;}
#evenements {
	width: 900px;
	height: 410px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #500005;
	scrollbar-highlight-color: #500005;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color: #ffffff;
}

table#module{width:100%}
table#module td.gauche{ width:40%}
table#module td.droite{ width:60%}



/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#calendrier {
 margin-left: 0px;
}

#calendrier table{
	width: 295px;
}

#calendrier td{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #490106;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
}

#calendrier li{
	list-style: none;	
}
#contenumodule{
	border: 1px solid #490106;
	width: 290px;
	padding-left: 13px;
	font-size:12px;
	width: 280px !important;
}

#libelle {
	width: 280px;
	margin: 0;
	padding: 0;
	overflow:hidden;
    _overflow:visible;
	zoom:1;
}
.ligne {
	width: 280px;
	font-size:12px;
	margin: 0;
	padding: 0;
	overflow:hidden;
    _overflow:visible;
	zoom:1;
} 
#libelle li {
	float : left;
	width : 40px; 
	padding-top: 5px;
	padding-bottom: 10px;
}
.ligne li {
	color: #000000;
	font-weight:bold;
	float : left; 
	width : 40px;
	padding-bottom: 10px;
}
.ligne li a:hover{
	list-style: none;
}


a.liendate, a.liendate:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

a.liendate:hover, a.liendate:focus, a.liendate:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

a.liencal, a.liencal:link, a.liencal:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

a.liencal:hover, a.liencal:focus, a.liencal:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.ligne li.currentday{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}


/* Réceptions
----------------------------------------------------------*/
#reception1{display: block; margin-left:40px; margin-right:40px;}
#reception2{}
   
#salleConseil{ width:250px; float:left; text-align:center; margin-bottom:5px; margin-top:7px;}
#salleEchanson{ width:250px; float:left; text-align:center; margin-bottom:5px; margin-left:70px;  margin-top:7px;}
#salleLys{ width:250px; float:right; text-align:center; margin-bottom:5px;  margin-top:7px;}

#salleConseil2{ width:250px; float:left; text-align:center; margin-bottom:5px; margin-top:7px;}
#salleEchanson2{ width:250px; float:left; text-align:center; margin-bottom:5px; margin-left:38px;  margin-top:7px;}
#salleLys2{ width:250px; float:right; text-align:center; margin-bottom:5px;  margin-top:7px;}

/* Réceptions : salle conseil salles_prestige4.html
----------------------------------------------------------*/
#conseil1{display: block;}

#tofconseil{width:300px; float:left; padding-top:10px; text-align:right;}
#txtconseil{ width:600px; float:left;}

/* Réceptions : salle echanson salles_prestige2.html
----------------------------------------------------------*/

#echanson1{display: block;}

#tofechanson{width:300px; float:left; text-align:right; padding-top:80px;}
#txtechanson{ width:600px; float:left;}


/* Réceptions : salle lys de france salles_prestige3.html
----------------------------------------------------------*/
#lys1{display: block;}
#toflys{width:300px; float:left; text-align:right; padding-top:80px;}
#txtlys{ width:600px; float:left;}


/* Un peu d'histoire
----------------------------------------------------------*/
#histoire1{display: block; margin-top:15px;}

.int{width:300px; float:left;}
.intCenter{width:300px; float:left; text-align:center;}

#histoireContent{display: block; margin-top:35px; width:700px; margin-left:auto; margin-right:auto;}
#histoireContent2{display: block; margin-top:25px; width:780px; margin-left:auto; margin-right:auto;}


/*Pagination*/
div.pagination {padding:3px; /*margin:3px;*/ text-align:center; margin-top:20px;}
div.pagination a {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #808080; text-decoration: none; color: #000000; }
div.pagination a:hover, div.pagination a:active { border:1px solid #808080; color: #000000; background-color: #810009; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #808080; font-weight: bold; background-color: #810009; color: #FFF;}
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #810009; color: #ccc;}
/*fin Pagination*/

#restaurationGauche{width:48%; float:left; padding:5px;}
#restaurationDroite{width:48%; float:left;  padding:5px;}

#restauration1{width:400px; float:left;}
#restauration2{width:190px; float:left; text-align:center;}
#restauration3{width:190px; float:left; text-align:center; padding-top:10px;}


/* Contact
----------------------------------------------------------*/
#contact1{display:block;}
#deroulant{width:415px; float:left; padding-top:60px;}
#formindiv{width:435px; float:left;}
#imgcontact{width:415px; float:left; margin-left:40px; padding-top:60px;}
#imgcontactform{width:415px; float:left; margin-left:40px; }
#imgcontactproform{width:400px; float:left; }

#coordonnees{width:240px; margin-left:auto; margin-right:auto; background-color:#810009; color:#FFFFFF; padding:5px; text-align:center; margin-top:40px;}


/*	Formulaire de contact indiv
----------------------------------------------------------*/
#contactpart{ width:430px; }
.divformulaire{ width:430px; float:left; padding-right:10px;}
#contactpart{ width:430px; float:left;}
#contactpart input, #formulaire textarea{ padding:2px; border:#810009 solid 1px; }
#contactpart .INPUT2{ border:none;}
#contactpart .field{ text-align:right; padding-top:5px; }
#contactpart .champ { height:12px; width:200px; }
#contactpart textarea{ height:50px; width:430px; border:#810009 solid 1px;}
.divtexte{font-size:11px; margin-top:-5px; margin-bottom:-5px;}


/*	Formulaire de contact groupe
----------------------------------------------------------*/
#contactgroupe{ width:900px; }
.divformulairegroupe{ width:430px; float:left; padding-right:10px;}
#contactgroupe{ width:850px; float:left;}
#contactgroupe input, #formulaire textarea{ padding:2px; border:#810009 solid 1px; }
#contactgroupe .INPUT2{ border:none;}
#contactgroupe .field{ text-align:right; padding-top:5px; }
#contactgroupe .champ { height:12px; width:200px; }
#contactgroupe textarea{ height:50px; width:380px; border:#810009 solid 1px;}
.divtexte{font-size:11px;}

#form1{width:400px; float:left;}
#form2{width:390px; float:left; margin-left:20px;}

/*	Plan d'accès
----------------------------------------------------------*/
#plan1{display:block;}

#moyentransport{width:550px; float:left;}
#voiture{padding:5px; text-align:justify; margin-bottom:15px; margin-top:65px;}
#train{padding:5px; text-align:justify; margin-bottom:15px;}
#avion{padding:5px; text-align:justify; margin-bottom:15px;}
#helico{padding:5px; text-align:justify; margin-bottom:15px;}
#imgplan{width:350px; float:left; text-align:right;}

#planFull { 
  position:absolute;
  background-color:#FFFFFF; 
  left: 50%;  
  top: 10%; 
  width: 786px; 
  height: 760px; 
  margin-top: -350px; /* moitié de la hauteur */ 
  margin-left: -393px; /* moitié de la largeur */ 
  border: 1px solid #810009; 
  overflow:auto;
  overflow x:hidden;
  z-index:1000;
  display:none;
}

/*	Sejour val de loire
----------------------------------------------------------*/
#sejour1{display:block;}
#sejour2{}
#sejour3{}

.tabGauche{ width:450px; float:left;}
.tabDroite{ width:450px; float:left;}

table.tourisme{width:440px;}
table.tourisme td {width:50%; padding:1px;}

#routetheme{display: block; padding-left:15px;}
.routegauche{float:left; width:49%; margin-right:15px; margin-top:20px;}
.routedroite{float:left; width:45%; margin-top:20px;}
#scrollRoutetheme {
	width: 900px;
	height: 410px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #500005;
	scrollbar-highlight-color: #500005;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color: #ffffff;
}




/*	Mentions légales
----------------------------------------------------------*/
#mentions1{}
#mentions2{display:block;}

.mentionspart{width:48%; float:left; padding:5px;}

/*	FluxRSS
----------------------------------------------------------*/
#flux1{display:block;}
#flux {
	width: 880px;
	height: 410px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 30px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #500005;
	scrollbar-highlight-color: #500005;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #ffffff;
}

/*	Plus d'histoire
----------------------------------------------------------*/
#histplus{ display:block; margin-top:20px;}
#indexplushist{
	height: 390px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 30px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #500005;
	scrollbar-highlight-color: #500005;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color: #ffffff;

	}
	
table#login{width:50%; margin-left:auto; margin-right:auto;}


.videoFloat { float:right; margin-left:15px; }

/*	club pro
----------------------------------------------------------*/
#clubpro{ display:block; height:410px; overflow-y:scroll;}
#cachebas{ width:951px; height:10px; position:absolute; top:802px; background-color:#810009;}
*>#cachebas{ width:951px; height:10px; position:absolute; top:802px; background-color:#810009; !right:0px;}
.pro{width:50%; float:left;}
#clubproscroll{
	height: 410px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 30px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #810009; 
	scrollbar-shadow-color: #0B4D89;
	scrollbar-highlight-color: #0B4D89;
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #0B4D89;
	}


/* video
----------------------------------------------------------*/
#video1{display: block;}
#video2{}
.centreVid{ width:550px; margin-left:auto; margin-right:auto;}

/* Liens bas de page*/
/** { margin:0; padding:0; outline:none; }*/
 
#menubas {  padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; }
 
#menubas a { color:#ffa352; }
 
#coldusite { width:825px; clear:both; text-align:left; color:#C33948; margin-left:auto; margin-right:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:20px;}
 
#coldusite p {line-height:8px; color:#ffa352;}

#coldusite a {color:#ffa352;}
 
#col1, #col2, #col3, #col4 {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:22%; min-height:120px; _height:120px; float:left; padding:5px 0.1% 10px 2.5%; border-right:1px solid #333; list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333;}
 
#col4 {border-right: none;}

#col1 p {color:#C33948;}
#col2 p {color:#C33948;}
#col3 p {color:#C33948;}
#col4 p {color:#C33948;}
 
.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif ;}
#zoomtexte{width:300px; height:55px; display:none; position:absolute; top:10px; left: 304px;  /*margin-left: -150px;*/ font-weight:bold; text-align:right;}
#zoomtexteIndex{width:300px; height:55px; display:none; position:absolute; top:10px; left: 640px;  /*margin-left: -150px;*/ font-weight:bold; text-align:right;}

.chunk img{vertical-align:bottom; margin-right:10px;}

/* Billetterie */
a.billetterie {width: 222px; height: 95px; background:url(../images/billterie.png) no-repeat 0 0; margin-right:30px; margin-top:-15px; float:right;}
a.billetterie:hover {background:url(../images/billterie.png) no-repeat 0 -95px;}