/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Page */
html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0 0 0 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: black;
	background: #484740;
}

/* Bug IE6 et IE7, mettre /, ? ou * avant */
a, input{
	?position: relative;
	?z-index: 1;
}

/* Conteneur principal */
#global {
	width: 904px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: transparent;
	border: 0px solid black;
}

/* Conteneur au-dessus de l'entête */
#sur_entete {
	width: 885px;
	height: 32px;
	margin: 0 19px 0 0;
	padding: 2px 0 0 0;
	text-align: right;
	background: transparent;
	border: 0px solid blue;
}

/* Conteneur de l'entête */
#entete {
	width: 904px;
	height: 185px;
	margin: 0;
	padding: 0;
	background: url(images/template_home_V4_Rc_clubdes1000.png) transparent no-repeat !important;
	/*background: transparent;*/
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images/template_home_V4_Rc_clubdes1000.png', sizingMethod='scale');
	border: 0px solid blue;
}

/* Conteneur du menu */
#menu_horizontal {
	width: 904px;
	height: 41px;
	margin: 5px 0 0 0;
	padding: 0;
	background: url('images/menuh.gif') no-repeat !important;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images/menuh.png', sizingMethod='scale');*/
	border: 0px solid green;
}

/* Conteneur du menu spécial - Liens sur d'autres sites */
.menu_special  {
	float: left;
	height: 41px;
	margin: 0;
	padding: 0;
	/*color: #5A5A5A;*/
	color: #000000;
	background: transparent;
	border: 0px solid blue;
	/display:inline; /* bug ie */
}

.menu_special, .menu_special a, .menu_special a:link, .menu_special a:visited, .menu_special a:hover, .menu_special a:active  {
	height: 41px;
	margin: 0 0 0 0;
	padding: 12px 0 0 0;
	/*color: #5A5A5A;*/
	color: #000000;
	background: transparent;
	border: 0px solid yellow;
	/display:inline; /* bug ie */
}

/* Conteneur du menu spécial - Liens sur d'autres sites */
.menu_normal {
	float: left;
	height: 41px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0px solid violet;
	/display:inline; /* bug ie */
}

/* Conteneur de réserve */
#reserve {
}

/* Conteneur central */
#centre {
	width: 100%;
	min-height: 340px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(images/centre_1px_blanc.jpg) transparent repeat-y;
	border: 0px solid blue;
}

/* Navigation */
#navigation {
	float: left;
	width: 140px;
	margin: 5px 0 0 0;
	padding: 10px 20px;
	background: transparent;
	border: 0px solid blue;
}

/* Contenu principal */
#principal {
	float: left;
	width: 464px;
	padding: 10px 20px;
	color: black;
	background: transparent;
	border: 0px solid green;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	float:right;
	width: 193px;
	margin:0;
	padding: 10px 10px;
	background: transparent;
	border: 0px solid red;
}

#centre_bas {
	clear:both;
	width: 904px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(images/centre_bas_25px__blanc.png) transparent no-repeat !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images/centre_bas_25px_.png', sizingMethod='scale');
}

/* Pied de page */
#pied {
	width: 904px;
	height: 111px;
	margin: 5px 0 0 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	background: url(images/pied_.png) transparent no-repeat !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images/pied_.png', sizingMethod='scale');
	border: 0px solid black;
}

#pied_gauche {
	float: left;
	width: 155px;
	height: 96px;
	margin: 0;
	padding: 15px 0 0 25px;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	border: 0px solid blue;
}

#pied_centre {
	width: 510px;
	height: 76px;
	margin: 0 0 0 180px;
	padding: 35px 0 0 0;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	border: 0px solid green;
}

#pied_droite {
	float: right;
	width: 185px;
	height: 96px;
	margin: 0;
	padding: 15px 25px 0 0;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	border: 0px solid red;
}

/* Mention de copyright */
#copyright {
	width: 904px;
	height: 20px;
	margin: 5px auto 0 auto;
	font-size: 10px;
	text-align: center;
	border: 0px solid green;
}

/* NAVIGATION PROVISOIRE POUR L'ANCIEN SITE ***********************************************************************/

/* Menu */
#menuprov {
	width: 140px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: transparent;
	text-align: left;
	border: 0px solid red;
}

/* Niveau 1 */
#navprov, #navprov ul {
	/* float: left; */
	width: 140px;
	margin: 0;
	padding: 0;
	color: #5A5A5A;
	list-style-type: none;
	background: transparent;
	border: 0px solid blue;
}

#navprov a {
	/* display: block; */
	margin: 0;
	padding: 0;
	width: 140px;
	color: #5A5A5A;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#navprov a:hover {
	/* display: block; */
	text-decoration: underline;
}

#navprov li {
	list-style-type: none;
	/* float: left; */
	padding: 15px 0 0 0;
	width: 140px;
}

/* Niveau 2 */
#navprov li ul {
	/* position: absolute;
	left: -999em; */
	height: auto;
	width: 140px;
	margin: 0;
	padding: 0 0 0 10px;
}

#navprov li li {
	list-style-type: none;
	padding: 0;
	width: 140px;
	height: 15px;
}

#navprov li ul a {
	width: 140px;
	font-size: 11px;
	font-weight: normal;
}

/* Texte */
#oldsite {
	width: 140px;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #5A5A5A;
	background: transparent;
	text-decoration: none;
}