/*COULEURS*/

/*	#000000; /* noir */
/*	#ffffff; /* blanc */
/*	#292018; /* marron bloc */
/*	#e47013; /* orange */
/*	#907349; /* beige (BG body) */
/*	#4d443c; /* bouton */

* 
{
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 72%;
	background-color:#907349; /* beige (BG body) */;
	color:#ffffff; /* blanc */
}

/*///////////////////////////////////////  TITRES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
h1 span, h2 span, h3 span{position:absolute;margin-top:-2000px;}
h1, h2, h3 {color:#FFFFFF; font-weight:bold;}

h1 {font-size:1.8em}
h2 {font-size:1.8em; }
h3 {font-size:1.2em;}
h4 {font-size:1.1em}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
/*   /TITRES   */


/*///////////////////////////////////////  PARAGRAPHES    ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
p {font-size:1em;}


/*///////////////////////////////////////  LISTES A PUCES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
ul li{list-style-type:none;list-style-position:outside;}
ol li{list-style-position:inside;}


/*///////////////////////////////////////   LIENS   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
/*	*:link	=> lien pas encore visité
	*:visited	=> lien déjà visité
	*:hover	=> lorsque l'on pointe le lien
	*:active	=> lorsque l'on clic sur le lien
	*:focus	=> lorsque le lien reçoit le focus (touche Tab par ex)
* repecter ordre d'écriture des styles!!
*/

a, a:link {text-decoration:unerline; color:#ffffff; /* blanc */}
a:hover, a:active, a:focus {text-decoration:none; }
a.select {text-decoration:none;}

a.orangelink {color:#e47013; /* orange */}
a.beigelink {color:#4d443c; /* bouton */}
/*   /LIENS   */


/*///////////////////////////////////////   IMAGES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
img {border:none;/*vertical-align:middle;*/}


/*///////////////////////////////////////   CONTAINER  ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#container {
	text-align:left;
    width:1010px;
	margin:0 auto;
    font-size: 1em;
    /*line-height: 1.3em;*/
}

/*   /CONTAINER */


/*///////////////////////////////////////   HEADER   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
	background: #ffffff url(../images/BG-header.jpg) no-repeat top left;
	height:auto !important;/*IE*/
	height:190px;/*IE*/
	min-height:190px;
	margin:0;
	padding:10px 10px 0 10px;
	width:990px;
}
#header img {vertical-align:middle;}
#header h1 {width:302px; float:left;}

#box_infos {float:right; margin:40px 20px 0 0; width:294px;}
#box_infos ul {height:66px;}
#box_infos ul li {float:left;margin-left:4px;width:143px;}

/*   /HEADER   */

/*///////////////////////////////////////   FOOTER   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	text-align:center;
	clear:both;
	margin:20px 0 30px 0;
	padding:0;
	color:#ffffff;
}
#footer a, #footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#footer p {margin-bottom:8px;}
/*   /FOOTER   */


/*///////////////////////////////////////   CONTENT ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#content {
	clear: both;
	padding:20px 30px;
	background:#ffffff url(../images/BG-content.png) repeat-y top left;
	overflow:hidden; /*cela empeche aux flottants de dépasser*/
	width:950px;
	margin:0;
}

/* colonnes */
#part_left, #part_right {
	float:left;
	display: inline; /* bug IE */
	width:430px;
	padding:20px;
}
#part_left {
	background-color:#292018; /* marron bloc */
	margin:0 10px 0 0;
	height:auto !important;/*IE*/
	height:330px;/*IE*/
	min-height:330px;
}
#part_right {
	background-color:#e47013; /* orange */
	margin:0;
}
#part_left.page_contact, #part_right.page_contact {
	height:auto !important;/*IE*/
	height:591px;/*IE*/
	min-height:591px;
}

/* Pages */
#part_left.page_salon { background:#292018/* marron bloc */ url(../images/BG-salon.png) no-repeat top left; }
#part_left.page_plage { background:#292018/* marron bloc */ url(../images/BG-plage.png) no-repeat top left; }
#part_left.page_carte { background:#292018/* marron bloc */ url(../images/BG-carte.png) no-repeat top left; position:relative; }
#part_left.page_evenements { background:#292018/* marron bloc */ url(../images/BG-evenements.png) no-repeat top left; }
#part_left.page_contact { background:#292018/* marron bloc */ url(../images/BG-contact.png) no-repeat top left; }

/* Accueil */
#part_center {
	padding:0;
	margin:0;
	width:950px;
	overflow:hidden;
}
#accroche {
	background-color:#e47013; /* orange */
	padding:20px;
	width:367px;
	float:left;
	height:280px;
}
#accroche p {font-size:1.3em; margin:18px 0 0 0;}
#part_left_home, #part_right_home {
	float:left;
	display: inline; /* bug IE */
	width:470px;
	background-color:#ffffff; 
}
#part_left_home {margin-right:10px;}

/* box */
.box_home {width:450px; height:141px; overflow:hidden; background-color:#292018; /* marron bloc */ padding:10px;}
.box_home_photo {width:235px; height:141px; margin:0 20px 0 0; float:left;}
.box_home_text {width:185px; height:129px; float:left;}
.box_home_link {font-weight:bold; width:185px; float:right; text-align:right;}
.box_home_link a {text-decoration:none;}
.box_home_link a:hover {text-decoration:underline;}

/* diaporamas */
#diaporama {height:320px; float:left;}
#diaporama_page {height:290px;}

/* listes */
#part_left ul li {list-style-type:disc; list-style-position:inside;}


/* styles de texte, de paragraphe */
.textOrange {color:#e47013; /* orange */}
.textBeige {color:#4d443c; /* bouton */}
.textMarron {color:#292018; /* marron bloc */}

.title_paragraph {font-size:1.1em; font-weight:bold; margin-bottom:5px; display:block;}
.link_carte {position:absolute; color:#e47013; /* orange */ font-size:1.5em; right:70px; top:20px;}

/*   /CONTENT */


/*///////////////////////////////////////   FORMULAIRES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
form{margin-top:10px;}
.ligne	{
	margin:0 0 10px 0;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
	overflow:hidden;
	width:430px;
}
.ligne p {
	clear:both;
	margin:0;
	overflow:hidden; /*cela empeche aux flottants de dépasser*/
	width:100%;
}
.libelle {text-align:right;float:left;width:100px;padding:5px 20px 0 0;font-weight:bold;}
.champs {text-align:left;float:left;width:310px;}
.champs input, .champs textarea, .champs select {
	/*background:#FFFFFF none repeat scroll 0 0;*/
	border:1px solid #dedede;
	color:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	padding:6px 3px 0 3px;
	float:left;
}


.champs input {height:20px;width:220px;}
.champs select {width:308px;}
.champs option {padding:0 3px;}
.champs input.radio {width:10px;border:medium none;height:inherit;margin:1px 5px 0 0;padding:0;}
.champs input.checkbox {width:10px;border:medium none;height:inherit;margin:1px 5px 0 0;padding:0;}
.champs textarea {width:95%;}

/* styles formulaires */
.texte-ok {}
.texte-error {color:#ff0000;}
.champs input.bouton-defaut {
	font-weight:bold;
	width: auto;
	height:auto;
    background-color: #4d443c; /* bouton */ 
    border:1px solid #4d443c; /* bouton */
    padding:4px 8px;
	cursor:pointer;
	color:#ffffff;
}

.form-erreur {color:#ff0000;font-weight:bold;margin:10px 0;}
.form-reussi {font-weight:bold;margin:10px 0;}

/*   /FORMULAIRES   */

/*///////////////////////////////////////   TABLEAUX   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
table {
	margin:0 10px 0 0;
	/*background-color:#cccccc; /* gris niveau 1 (BG content) */
	font-size:12px;
	width:600px;
	border:1px solid #AFAEAE;
	float:left;
}
table tr{}
table td {padding:5px 5px 5px 10px;background-color:#dbdbdb; /* gris (BG box) */ vertical-align:top; }
table tr.libelles {font-weight:bold;}
table tr.libelles td {background-color:#bdbcbc;padding-left:5px;}
table td.colonne2 {width:80px;text-align:center;padding:5px 0;}
table tr.ligne-impair td {background-color:#e2e2e2;}
/*   /TABLEAUX   */

	
/*///////////////////////////////////////   DIVERS   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
hr{margin:0;border:none;height:1px;clear:both;}
.clr5 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:5px;border:none;background:none;color:#fff;}
.clr10 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:10px;border:none;background:none;}
.clr20 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:20px;border:none;background:none;}

.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}

.floatLeft {float:left}
.floatRight {float:right;}
/*   /DIVERS   */