* 					{ margin: 0 ; padding: 0 ; border-height: 0 }

body				{ font-family: "Century Gothic", arial, helvetica, sans-serif ; font-size: .8em ; color: black ; text-decoration: none }



/* Attributs de textes et paragraphes */

.gras				{ font-weight:bold ; text-decoration: none }
.fort				{ font-size: 1.1em }
.feradroite			{ text-align: right ; padding-right: 50px }
.centre				{ text-align: center }

/* liens */

a					{ font-family: arial, helvetica, sans-serif ; text-decoration: none }
a.gris:link			{ font-family: arial, helvetica, sans-serif ;text-align : left; color: #818084 }
a.gris:hover		{ font-family: arial, helvetica, sans-serif ;color: #333}
a.gris:visited		{ font-family: arial, helvetica, sans-serif ;color: #818084 }
a.gris:visited:hover{ font-family: arial, helvetica, sans-serif ;color: #333 }

a					{ text-decoration: none }
a.vert				{ font-family: arial, helvetica, sans-serif }
a.vert:link			{ color: #91B46C }
a.vert:hover		{ color: #333}
a.vert:visited		{ color: #91B46C }
a.vert:visited:hover{ color: #333 }

a					{ text-decoration: none }
a.bleu				{ font-family: arial, helvetica, sans-serif }
a.bleu:link			{ color: #40ACC1 }
a.bleu:hover		{ color: #333}
a.bleu:visited		{ color: #40ACC1 }
a.bleu:visited:hover{ color: #333 }

a					{ text-decoration: none }
a.rose				{ font-family: arial, helvetica, sans-serif }
a.rose:link			{ color: #CD70A0 }
a.rose:hover		{ color: #333}
a.rose:visited		{ color: #CD70A0 }
a.rose:visited:hover{ color: #333 }

h1 h2 h3 h4 h5 h6	{ font-family: arial, helvetica, sans-serif }
h1					{ font-size : 1.5em ; line-height: 1.8em ; font weight: bold ; color: #91B46C }
h2					{ font-size : 1.2em ; line-height: 1.2em ; font weight: bold ; color: #91B46C }
h3					{ font-size : 1.5em ; line-height: 1.8em ; font weight: bold ; color: #40ACC1 }
h4					{ font-size : 1.2em ; line-height: 1.2em ; font weight: bold ; color: #40ACC1 }
h5					{ font-size : 1.5em ; line-height: 1.8em ; font weight: bold ; color: #CD70A0 }
h6					{ font-size : 1.2em ; line-height: 1.2em ; font weight: bold ; color: #CD70A0 }

.logo				{ padding-left: 15px ; font-size : 1.5em ; font-weight: bold ; color:#818084 ; text-align : left }


/* images */

img					{ border : 0px }


/* elements divers */

.drapeaux			{ position: absolute; bottom : 15px ; right: -75px ; width: 45px ; height: 14px ; z-index: 1000 ; padding: 0px ; margin : 0px ; background-image: url('../images/drapeaux.gif') ; background-position: bottom }
.drapeaux:hover		{ background-position: top }





/* conteneurs */


#centrage			{ position:fixed !important ; position: absolute ; top: 50%; padding: 0px ; background-color: #fff ; margin: -250px 0 0 0 ; height: 500px ; width:100% }
#superconteneur 	{ position: relative ; margin: 0 auto ; max-width: 1400px}
.conteneurimages1	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance1.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages2	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance2.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages3	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance3.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages4	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance4.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages5	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance5.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages6	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance6.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages7	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance7.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages8	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance8.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages9	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance9.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages10	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance10.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages11	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance11.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages12	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance12.jpg') no-repeat top right ; text-align: right ; float: left}
.conteneurimages13	{ display: block ; width: 38% ; max-width: 600px ; margin:0 ; padding: 0 ; height: 500px ; background: url('../images/ambiance13.jpg') no-repeat top right ; text-align: right ; float: left}

.conteneurtextes	{ position: relative ; float: left ; width: 40% ; height: 500px ; margin-right: 1% ; margin-left: 1% ; border-top: 1px solid #DBDCDD ; border-bottom: 1px solid #DBDCDD }
.conteneurmenu		{ float: left ; height: 500px ; min-height: 500px ; width: 19.5% ; background-color: #DBDBDB }
#contplan			{ position: absolute ; top: 50% ; left: 50% ; margin:-280px 0 0 -372px ; width: 745px ; height: 559px ; text-align: center}


/* mise en forme des textes */

.texte				{ font-family: arial, helvetica, sans-serif ; overflow: auto ; height: 400px ; margin: 50px 0 0 50px ; padding: 0 25px 0 0 ; color: #818084 ; scrollbar-face-color: #EDEEEF; scrollbar-shadow-color:#fff ; scrollbar-highlight-color : #fff ; scrollbar-3dlight-color: #fff;
					  scrollbar-darkshadow-color: #BBBCBC ; scrollbar-track-color: #fff ; scrollbar-arrow-color: #BBBCBC} /*pour un scroll auto : overflow: auto ; height: à définir*/
.moyen				{ line-height: 1.8em }
.moyen2				{ line-height: 1.5em }
.long				{ line-height: 1.2em }
.signature			{ position: absolute ; top: 20px ; right: 0px ; width: 200px ; font-size: 12px ; font-family: arial, helvetica, sans-serif ; font-style: italic ; text-align: right; color: #818084 }
.lienenbas			{ position: absolute ; bottom: 20px ; right: 15px ; width: 400px ; text-align : right} /* conteneur isolé pour télécharger le programme */
.petittexte			{ font-family: arial, helvetica, sans-serif ; font-size: 0.8em ; font-style: italic ; line-height: 1em } /* pour les mentions en tout petit */
.coordonnees		{ font-family: arial, helvetica, sans-serif ; position: absolute ; top: 80px ; left: 60% ; width: 40% ; font-size: 1em ; line-height: 1.8em ; text-align: left; color: #818084 ; border-left: 1px solid #DBDCDD ; padding-left: 10px }
.positionlogocouv	{ position: absolute ; top: 25px ; left: 50px ; width: 100px }

/* formulaire de réservation */
.form, .form1, .form2, .form3, .form4	{ font-family: arial,helvetica,sans-serif ; line-height : 1.2em ; font-weight: bold ; font-size: 1em ; color: #818084 ; border-top: 1px solid #DBDCDD ; border-right: 1px solid #ababab ; border-bottom: 1px solid #ababab ; border-left: 1px solid #DBDCDD }
.form				{ margin-bottom: 8px ; width: 50% }
.form1				{ margin-bottom: 8px ; width: 50% }
.form2				{ line-height: 1.2em ; background-color: #DBDBDB}
.form3				{ margin-bottom: 8px ; width: 50%}
.form4				{ margin-bottom: 8px ; width: 50% }


/* Tableaux des prix */

table 				{ font-family: arial, helvetica, sans-serif ; width: 90% ; border-style:solid ;  border: 1px solid #DBDCDD ; border-collapse : collapse ;line-height: 1.5em ; color: #818084 ; font-family: arial, helvetica, sans-serif ; font-size: 1em  }
td					{ padding-left : 5px ; border: 1px solid #DBDCDD ; border-collapse : collapse }
.droite				{ width: 20% ; text-align: right ; padding-right: 5%}
.gauche				{ font-weight: bold ; width: 50% ; border: 1px solid #DBDCDD }

/* menus */

#menu					{ }
#navcontainer ul li		{ font-family: "Century Gothic", verdana, sans-serif ; list-style-type: none ; margin-bottom: .8em ; text-indent : 18px }
#navcontainer a			{ font-family: "Century Gothic", verdana, sans-serif ;color: #333 }
#navcontainer a#current { font-weight: bold ; color: #91B46C }
#navcontainer a:hover	{ color: #AEAFB2 }
#navcontainer2 ul li	{ font-family: century gothic, verdana, sans-serif ; list-style-type: none ; margin-bottom: .8em ; text-indent : 18px }
#navcontainer2 a		{ font-family: century gothic, verdana, sans-serif ; color: #333 }
#navcontainer2 a#current{ font-weight: bold ; color: #40ACC1 }
#navcontainer2 a:hover	{ color: #AEAFB2 }
#navcontainer3 ul li	{ font-family: century gothic, verdana, sans-serif ; list-style-type: none ; list-style-type: none ; margin-bottom: .8em ; text-indent : 18px }
#navcontainer3 a		{ font-family: century gothic, verdana, sans-serif ; color: #333 }
#navcontainer3 a#current{ font-weight: bold ; color: #CD70A0 }
#navcontainer3 a:hover	{ color: #AEAFB2 }





/* éléments du diaporama en javascript */

#diapo							{ position: absolute ; bottom: 10px; left: 10px } /* conteneur positionné pour les vignettes */
ul#galerie_mini					{ margin: 0 ; padding: 0 ; list-style-type: none }
ul#galerie_mini li				{ float: left }
ul#galerie_mini li a img		{ margin: 2px 3px ; border: 1px solid #fff ; filter: alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5 ; -webkit-opacity: 0.5}
ul#galerie_mini li a img:hover	{ border: 1px solid #818084 ; filter: alpha(Opacity=100) ; -moz-opacity: 1; opacity: 1 ; -webkit-opacity: 1}
#photo							{ margin-top: 150px} /* positionne la photo couleur dans le conteneur de gauche */