body { font: 11px sans-serif; margin: 0; padding:0; background: #262626 url(/_com/images/background.gif) repeat-x; color: #FFFFFF; }

big { font-size: 1.2em; }
small { font-size: 0.8em; }

h1 { font-size: 1.5em; }

#wrapper { width: 965px; margin: 20px 0 0 0; position: absolute; top: 0; left: 50%; margin-left: -482px; }
#footer { clear: left; }
#footer a { display: block; float: right; text-decoration: none; padding: 15px; }
#footer a:hover { background-color: #313131; }
#baseline { clear: both; padding: 6px 0; color: #666666; text-align: center; }
#baseline a { color: #999 !important; }
#baseline a:hover { color: #FFFFFF !important; }

/* TypeA : Tarifs, Formulaires, Et pages Annexes */
.typeA { background: url(/_com/images/logo.gif) no-repeat 244px 2px; }
.typeA .flashCols { float: left; width: 238px; height: 500px; }
.typeA .content { float: left; width: 435px; }
.typeA .content .in { margin: 160px 0 0 2em; }
.typeA .suiteContent { float: left; width: 200px; margin: 300px 0 0 0; }
.typeA .content .in #h1 { position: absolute; top: 0; left: 50%; margin: 100px 0 0 183px; }

.tarif { width: 90%; padding: 5px; margin: 0 auto; background-color: #000000; margin:5px; }
.tarif td { color: #FFFFFF; }
.line td { background-color: #313131; }
.tarif .line td { background-color: #262626; }
.tab { display: block; padding-left: 185px; padding-top:3px; color: #dade00; font-size: 0.8em; }
.reservation { padding: 10px 0; border-top: 2px solid #dade00; border-bottom: 2px solid #dade00; } 
.reservation td { font-size: 10px; }
.reservation input { font-size: 10px; border: none; color: #dade00; background-color: #313131; }
.reservation select { font-size: 10px; border: none; color: #dade00; background-color: #313131; }
.reservation textarea { font-size: 10px; border: none; color: #dade00; background-color: #313131; }

/* Type B : Pages de présentation (Rubriques de gauche et 'Acces') */
.typeB .flashCols { float: left; width: 660px; height: 500px; } /* largeur SWF: 640. On rajoute une 'marge' a droite */
.typeB .content { font-size: 10px; padding: 90px 0 0 0; float: left; width: 200px; background: url(/_com/images/frame.gif) no-repeat 20px 0; }
.typeB .content .presentation { margin: 0 20px 0 5px; padding: 0 20px 0 0; height: 410px; overflow-y: auto; overflow-x: hidden; }
.typeB .content .presentation p { text-align: justify; }
/* special : encadre pour le Petit Mas */
#encadre { position: absolute; left: 50%; top: 380px; margin: 0 0 0 200px; color: #fff; background: #000; font: 1.1em sans-serif; width: 260px; height: 130px; overflow-x: hidden; overflow-y: auto; }
#encadre .marges { margin: 0.5em 1em; }

/* Type C : Film Le Gordos */
.typeC .flashCols { float: left; width: 865px; height: 500px; }

.actus { position: absolute; top: 260px; left: 50%; margin: 0 0 0 200px; font-size: 10px; width: 192px; }
#actusChapo { background-image: url(/_com/images/actu.gif); background-repeat: no-repeat; padding: 3px; width: 192px; }
.actus p { text-align: justify; }
#actusScroll { height: 160px; overflow-x: hidden; overflow-y: auto; padding: 0 1em 0 0; }

/* Styles prédéfinis */

input { color: #dade00; }
.inputNorm { width: 150px; }
.inputSec { width:40px; }
.inputButton { width: 180px; text-align: center; color: #FFFFFF; }
textarea { background-color: #313131; width: 180px; height: 50px; }

.legend { color: #4f4f50; }
.important { color: #dade00 !important; }
.white { color: #fff !important; }
.grey { color: #666666 !important; }
a { color: #dade00; text-decoration: underline; }
a:hover { color: #fff; text-decoration: underline; }

.lang { position: absolute; right: 3%; top: 80px; }
.lang div a { font-size: 10px; font-weight: bold; color: #636363; text-decoration: none; }

.plan { padding: 10px 0 0 100px; }
.plan ul { list-style-type: square; }
.plan ul li { padding: 0.2em 0 0 0.3em; }

#adresse { clear: both; color: #ccc; }

#infosLegales { text-align: justify; }

h3 { font-size: 13px; color: #999; margin: 3em auto auto auto; }

/* Mars 2010 // Page d'actus */

/* TypeA : Tarifs, Formulaires, Et pages Annexes */
.typeA1 { background: url(/_com/images/logo.gif) no-repeat 244px 2px; }
.typeA1 .flashCols { float: left; width: 238px; height: 500px; }
.typeA1 .content { float: left; width: 700px; }
.typeA1 .content .in { margin: 160px 0 0 2em; }
.typeA1 .suiteContent { float: left; width: 200px; margin: 300px 0 0 0; }
.typeA1 .content .in #h1 { position: absolute; top: 0; left: 50%; margin: 100px 0 0 183px; }

#actualites { text-align: justify; }
	#actualites .actu { float: left; width: 100%; clear: both; }
	/*#actualites p { margin-left: 2em; }*/
	#actualites img.actuD { float: right; margin: 0 0 1em 2em; border: solid 6px #fff; }
	#actualites h2 { color: #fff; border-bottom: solid 2px #dade00; padding: 1em 0 0.5em; }