body {
	margin:0 auto; padding:0; text-align:center;
	background-color:#F49834;
	min-width:780px; font-size:100%;  color:#992202;
	font-family: Arial, Verdana, Sans-serif;
}

a:link {
	text-decoration:underline; color:#0240BC;
}
a:visited {
	text-decoration:underline; color:#0240BC;
}
a:hover {
	text-decoration:none; color:#0240BC;
}
a:visited:hover {
	text-decoration:none; color:#0240BC;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, td, th, ul, ol, li, blockquote, input {
	margin 0; padding:0;
}
	
td, th {  
	vertical-align:top;
}
	
em {
	font-style:italic;
}

form, INPUT, TEXTAREA, SELECT, OPTION {
	padding:0; margin:0; font-size:11px;
} 


sup {  
	font-size:.8em; vertical-align:35%; 
	/*vertical-align:super;*/
}


/**** Container ****/

#conteneur {
	width:775px; height:406px;
	margin:0 auto; padding:0 0 0 5px;
}



/************ Header *************/ 

#header {
	position:relative; background: url(images/header/background.gif) no-repeat left top;
	height:284px; text-align:left;
}

#langue {
	position:absolute; top:30px; right:50px; width:50px; height:20px; text-align:right; font-size:11px;
	z-index:5;
}
#langue a:link {
	text-decoration:none; color:#FFFFFF;
}
#langue a:visited {
	text-decoration:none; color:#FFFFFF;
}
#langue a:hover {
	text-decoration:underline; color:#FFFFFF;
}
#langue a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}

#header #flash {
	margin:0; padding:0;
}


/**** Menu (horizontal) ****/

#menu {
	margin:0; padding:0; text-align:center; height:42px; width:750px; font-size:13px;
	background: url(images/menu/background.gif) no-repeat left top;
}

#menu.home {
	background: url(images/menu/background_home.gif) no-repeat left top;
}

#menu .menuContainer {
	padding:8px 0 0 0; margin:0;
}
#menu .menuContainer div {
	display:inline; padding:0 9px; margin:0;
}

#menu a:link {
	text-decoration:none; color:#263804;
}
#menu a:visited {
	text-decoration:none; color:#263804;
}
#menu a:hover {
	text-decoration:none; color:#992202;
}
#menu a:visited:hover {
	text-decoration:none; color:#992202;
}

#menu div.on a:link, #menu div.on a:visited  {
	color: #992202;
}

#menu img  {
	vertical-align:bottom;
}



/************ Contenu *************/

#contenuBody {
	width:750px; margin:0 25px 0 0; padding:0; background: url(images/contenu/background.gif) repeat-y left top;
}

#contenuBody.home {
	background: url(images/contenu/background_home.gif) repeat-y left top;
}


/**** Colonne de gauche (sous-menu) ****/

#colonneGauche {
	padding:5px 0; text-align:center;
}

#colonneGauche div {
	margin:5px 0;
}

#colonneGauche #legendeIconPhoto {
	color:#6D6F71; font-size:10px; text-align:left; padding:25px 15px;
}
#colonneGauche #legendeIconPhoto p {
	padding:0 0 5px 0; margin:0;
}
#colonneGauche #legendeIconPhoto img {
	vertical-align:bottom;
}
#colonneGauche #legendeIconPhoto .legendeTitre {
	color:#2C2D2D; text-align:center;
}


/**** Colonne de droite (pub) ****/

#colonneDroite {
	padding:10px 0; text-align:center;
}




/**** Contenu ****/


#contenu {
	padding: 35px 35px 25px 60px; text-align: justify; font-size: .8em; /* width reel = 500px */
	line-height:1.3em;
}

#contenu.home {
	padding:0;
}
#contenu.home .conteneurTexte {
	padding: 25px 35px 0 35px;
}

#contenu h1 {
	font-size: 1.8em;font-weight: normal;
	padding: .5em 0 1em 0;margin: 0;
}

#contenu h2 {
	font-size: 1.3em; font-weight: bold; text-align:left; line-height:1.1em;
	padding: .7em 0 .9em 0;margin: 0;
}

#contenu h3 {
	font-size: 1.1em;font-weight: bold;
	padding: .7em 0 .8em 0; margin: 0; color:#4b1202;
}

#contenu h4 {
	font-size: 1em;font-weight: bold;
	padding: .5em 0 .8em 0;margin: 0;
}

#contenu h5 {
	font-size: 1em;font-weight: bold;
	padding: .5em 0 .8em 0;margin: 0;
}

#contenu p {
	padding: 0 0 1em 0; margin: 0;
}
#contenu p.coller {
	padding: 0 0 .2em 0; margin: 0;
}

#contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 1em 17px; padding:0;
	/*list-style-type:none;
	padding-left:0;
	margin-left:0;*/
}

#contenu ol {
	margin: 0 0 .5em 17px; padding:0;
}

#contenu li {
	margin: 0 0 .2em 0;
	/*Pour avoir un bullet different au bout (image) - Fonctionne mieux que le list-style 
	background: url(images/bullet.gif) left top no-repeat;
	padding:0 0 0 15px; */
}

#contenu img {
	vertical-align:text-bottom;
}

#contenu .photosTop {
	float:right; margin:0 -20px 10px 10px;
}

#contenu .ligne {
	margin:1em 0 .5em 0; padding:0; background-color: #992202; font-size:0px; line-height:0px; height:1px;
}

#contenu .retour {
	padding: .5em 0 0 0;
	font-size:11px;text-align:right;
}

#contenu .hautdepage {
	padding: .5em 0 0 0;
	font-size:11px;text-align:right;
}

#contenu .imageGauche {
	float:left;
	margin:0px 15px 15px 0; padding:0;
}

#contenu .imageDroite {
	float:right;
	margin:0px 0 15px 15px; padding:0;
}

#contenu .section {
	padding:0 0 0 25px;
}
#contenu .indention {
	padding:0; margin:0 0 0 25px;
}

/* Pour faire suivre le texte apres un float */
#contenu .spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}


/** Tableaux **/

/* Hack IE 6 pour grosseur de font dans un tableau */
* html #contenu table td {
	font-size:.8em;
}

/* Tableau de base (transparent) */
#contenu table.tableauBase td {
	padding:2px;
}
#contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}


/* Tableau Programmation (activites)  */
#contenu table.tableauProgrammation {
	border-top:1px solid #992202; margin: 0 0 1em 0;
}
#contenu table.tableauProgrammation td {
	padding:.6em .6em 0 .6em; color:#636466;
	border-bottom:1px solid #992202; vertical-align:middle;
}
#contenu table.tableauProgrammation .titre {
	color:#992202;
}
#contenu table.tableauProgrammation td p {
	padding: 0 0 .6em 0;
}
#contenu table.tableauProgrammation .texteRouge {
	color:#992202;
}


/* Tableau horizontal  */
#contenu table.tableauHorizontal {
	border-top:1px solid #992202; border-left:1px solid #992202; margin: 0 0 1em 0;
	background:#FFFFFF url(images/contenu/tableau_horizontal_back.gif) repeat-x left top;
}
#contenu table.tableauHorizontal td {
	border-right:1px solid #992202; border-bottom:1px solid #992202; padding:7px 7px 0px 7px;
	color:#636466; vertical-align:middle; line-height:1.1em;
}
#contenu table.tableauHorizontal .titre {
	color:#FFEEBD; font-size:13px; font-weight:bold; background-color:#992202;
	padding:.5em .4em .4em .4em; text-align:center; border-bottom:none;
}
#contenu table.tableauHorizontal td p {
	padding: 0 0 7px 0;
}
#contenu table.tableauHorizontal .texteRouge {
	color:#992202;
}
#contenu table.tableauHorizontal .centre {
	text-align:center;
}

/* Tableau vertical  */
#contenu table.tableauVertical {
	border-top:1px solid #992202; border-left:1px solid #992202; margin: 0 0 1em 0;
	background:#FFFFFF url(images/contenu/tableau_vertical_back.gif) repeat-x left top;
}
#contenu table.tableauVertical td {
	border-right:1px solid #992202; border-bottom:1px solid #992202; padding:14px 25px 14px 25px;
	color:#636466; vertical-align:top; line-height:1.1em; text-align:center; font-size:13px;
}
#contenu table.tableauVertical .titre {
	color:#FFEEBD; font-size:13px; font-weight:bold; background-color:#992202;
	padding:0 .4em 0 .4em;  border-bottom:none; vertical-align:middle; height:30px;
}
#contenu table.tableauVertical td p {
	padding: 0 0 11px 0;
}
#contenu table.tableauVertical .texteRouge {
	color:#992202;
}
#contenu table.tableauVertical .centre {
	text-align:center;
}
#contenu table.tableauVertical .tableauCrochet {
	margin: 10px 0 0 0;
}
#contenu table.tableauVertical .tableauCrochet td {
	border-right:none; border-bottom:none; padding:0 0 14px 0;
	color:#636466; vertical-align:top; text-align:left; font-size:13px;
}
#contenu table.tableauVertical .tableauCrochet td.crochet {
	padding:4px 0 0 0;
}


/* Accueil */

#contenu .logo4etoiles {
	position:absolute; top:0; left:350px; width:60px; height:75px;
}
#contenu .logoGrandPrix {
	position:absolute; bottom:135px; right:40px; width:45px; height:107px;
}



/* Album photos*/

#contenu #photos {
	margin:0; padding:0; text-align:left;
}

body.photoZoom {
	background:#F49834 url(/images/contenu/background_photoszoom.gif) repeat-y center top; 
	margin: 10px auto;
}
body.photoZoom .photo img {
	border:2px solid #992202; padding:10px;
}
.caption {
	font-size:11px; padding-top:4px;
}



/* Photos popup dans les pages */

.popupPhotos a:link {
	text-decoration:none; color:#263804;
}
.popupPhotos a:visited {
	text-decoration:none; color:#263804;
}
.popupPhotos a:hover {
	text-decoration:none; color:#992202;
}
.popupPhotos a:visited:hover {
	text-decoration:none; color:#992202;
}

.popupPhotos img {
	border:1px solid #992202;
}



/* Grille de tarifs en pop dans Le Camping */

#contenuBody.grilleTarifs {
	background: none; background-color:#FFFFFF; margin:15px; width:95%;
}
#contenuBody.grilleTarifs #contenu {
	padding: 15px;
}
#contenuBody.grilleTarifs table {
	margin: 0; border-left:1px solid #992202; border-top:1px solid #992202;
}
#contenuBody.grilleTarifs td {
	border-right:1px solid #992202; border-bottom:1px solid #992202; padding:4px;
	color:#000000; vertical-align:middle; text-align:center; line-height:1.1em; text-align:center;
}
#contenuBody.grilleTarifs .titre {
	font-size:18px; font-weight:bold; padding:0 0 10px 0;
}
#contenuBody.grilleTarifs .basseSaison {
	background-color:#FFCC00;
}
#contenuBody.grilleTarifs .moyenneSaison {
	background-color:#FF9900;
}
#contenuBody.grilleTarifs .hauteSaison {
	background-color:#FF6600;
}


/* Plan agrandi */

#contenuBody.plan {
	background: none; background-color:#FFFFFF; margin:15px; width:95%;
}


.buttonOff {
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
}
.buttonOn {
	opacity:100;filter: alpha(opacity=100); -moz-opacity: 1;
}
.buttonOver {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}


/**** Footer ****/

#footer {
	margin:0 25px 0 0; padding:0 0 0 590px; height:30px; line-height:30px; font-size:13px;
	background: url(images/footer/background.gif) no-repeat left top;
}

#footer div {
	width:160px; font-size:11px; text-align:center;
}

#footer a:link {
	text-decoration:none; color:#FFFFFF;
}
#footer a:visited {
	text-decoration:none; color:#FFFFFF;
}
#footer a:hover {
	text-decoration:underline; color:#FFFFFF;
}
#footer a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}


/* Lien taiga */

#webmaster {
	text-align:right; color: #B54B00;
	margin:0 25px 0 0; padding:8px 0 8px 500px; font-size:10px;
}
#webmaster div {
	width:250px; text-align:right;
}
#webmaster a:link {
	text-decoration:none; color: #B54B00;
}
#webmaster a:visited {
	text-decoration:none; color: #B54B00;
}
#webmaster a:hover {
	text-decoration:underline; color: #B54B00;
}
#webmaster a:visited:hover {
	text-decoration:underline; color: #B54B00;
}