/*
*
*	Styles globaux du site
*
*	Copyright (c) 2006 zepitt.net
*	Date création : 10.7.06
*	Dernière modification : 18.9.06
*
*/

html, body {
	margin: 0;
	padding: 0;
}

html { /* obliger l'affichage de la barre de scroll dans Firefox */
	height: 100%;
	margin-bottom: 1px;
}

body {
	background: #fdf4c6 url(img/fond.png) center repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a:link, a:visited {
	color: #2b68db;
}
a:hover, a:active {
	color: #da204d;
}

img {
	border: 0;
}

h3  {
	font-family: Lucida Console, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

/* div */
#page { /* centrer la page */
	position: absolute; top: 0; left: 50%;
	margin-left: -470px; width: 940px;
}

#colGauche {
	float: left;
	width: 340px !important;
	width: 335px;
	padding: 0;
	height: 590px;
	background: url(img/fond_gauche.png) no-repeat; /* width: 337px */
	
}
#colGauche div.logo {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
#colGauche div.calendrier {
	width: 254px;
	padding: 2px;
	text-align: center;
	margin-left: 40px;
	margin-top: 30px;

background-color: #fdf4c6;
	border: 1px solid #e8cda6;
}

#colDroite {
	margin-left: 340px !important;
	margin-left: 330px;
	margin-top: 5px;
	height: 575px;
	/*background-color: #fdf4c6;
	border: 5px solid #e8cda6;*/
}


/* navigation 1er niveau */	
#boutons a.boutonAccueil, #boutons a.boutonClub, #boutons a.boutonChalet, #boutons a.boutonContact {
	display: block;
	width: 110px;
	height: 40px; 
	vertical-align: middle;
	border: 0;
}
#boutons a.boutonAccueil {	
	margin: 50px 0 0 40px;
	background: url(img/boutons_accueil.png) 0 0 no-repeat
}
#boutons a.boutonClub {	
	margin: -5px -40px 0 240px;
	background: url(img/boutons_club.png) 0 0 no-repeat
}
#boutons a.boutonChalet {	
	margin: -5px 0 0 25px;
	background: url(img/boutons_chalet.png) 0 0 no-repeat
}
#boutons a.boutonContact {	
	margin: -35px 0 0 185px;
	background: url(img/boutons_contact.png) 0 0 no-repeat
}
#boutons a:hover.boutonAccueil, #boutons a:hover.boutonClub, #boutons a:hover.boutonChalet, #boutons a:hover.boutonContact {
	background-position: -130px 0
}



/* span */
div.col1 {
	float: left;
	width: 120px;
	/*background-color: #fdf4c6;*/
	padding-bottom: 5px;
}
div.col2 {
	float: left;
}
div.col3 {
	padding-bottom: 5px;
	margin-left: 130px;
	width: 210px;
	/*background-color: #cc3399;*/
}

div.col4 {
	float: left;
	padding-bottom: 5px;
	width: 390px;
	/*background-color: #fff;*/
}
div.col5 {
	text-align: center;
	margin-left: 400px !important;
	margin-left: 395px;
	width: 160px;
	/*background-color: #33ddcc;*/
}

div.col5 img {
	
	margin-top: -5px;
}


img.titre {
	margin: 20px 0;
}


/* traiteRaccourcis */
.gras {
	font-weight: bold;

}

.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}


p.interligne05 {
	margin: 0 0 5px 0;
}
p.interligne010 {
	margin: 0 0 10px 0;
}
p.interligne200 {
	margin: 20px 0 0 0;
}


.vignette {
	padding-right: 2px;
}

div.photosChalet img {
	margin: 0 2px 3px 0;
}