/* Charte 

	FONDS
	
		Blanc				#fff
		Vieux rose			#f8ced8
		Rose (submit)		#ea4b74
	
	BORDURES
	
		Gris (ligne)		#eae8e9
		Vieux rose			#dfb4be
	
	TEXTES
	
		Gris				#808183
		Gris clair (input)	#eee
		Rose				#a92e4b
		
*/

/* CSS RESET */

.clearboth { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*hides from IE mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/*end hides from IE mac*/


html, body {
    height: 100%;
}

#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
}

/* BODY */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:172%;
	color:#808183;
	background:#f8ced8 url(../_img/bg_body_pattern.png) top; 
	padding:0;
	margin:0;
}

#container {
	padding:0;
	width:820px;
	margin:0 auto;
	/*height:100%;*/
	position:relative;
	padding:0 0 0 0;
}

.containeraccueil {
	background:url(../_img/bg_main_accueil.png) top no-repeat #fff;
}

.containerpage {
	background:url(../_img/bg_main.png) top no-repeat #fff;
}

img {
	border:0;
	margin:0;
	padding:0;
}

a, a:visited, a:link, a:active {
	color:#808183;
	text-decoration:none;
}

a:hover {
	color:#a92e4b;
	text-decoration:none;
}

/* HEADER */

#header {
	position:relative;
	padding:30px 0 25px 0;
	width:100%;
	text-align:center;
}

#headerpage {
	position:relative;
	padding:25px 175px 25px 0;
	width:345px;
	float:right;
}

/* MAIN */

#main {
	position:relative;
	padding: 0 58px 0 0;
	clear:both;
}

#mainpage {
	position:relative;
	padding:0 175px 20px 0 !important;
	padding:0 145px 20px 0;
	clear:both;
}
	
	/* MAIN LEFT */
	
	#main #afficheaccueil {
		position:absolute;
		top:17px;
		left:36px;
		line-height:0;
	}
	
	#main #boutonaccueil {
		position:absolute;
		bottom:20px;
		left:62px;
		line-height:0;
	}
	
	#mainpage #boutonpage {
		text-align:left;
		margin:20px 0 0 0;
	}

	#femmepage {
		position:absolute;
		top:10px;
		left:0;
		line-height:0;
		z-index:100000;
	}
	
	/* MAIN CONTENT */
	
	#main #contentaccueil {
		position:relative;
		float:right;
		width:395px;
	}
	
	#main #contentaccueil h1 {
		font-size:21px;
		font-weight:normal;
		padding:15px 0 0 0;
		text-align:center;
		margin:15px 0 0 0;
	}
	
	#main #contentaccueil h1 img {
		margin:0 0 15px 0;
	}
	
	#mainpage #contentpage {
		float:right;
		width:345px;
	}
	
	#mainpage #contentpage h1 {
		font-size:21px;
		font-weight:normal;
		padding:15px 0 0 0;
		text-align:left;
		margin:15px 0 0 0;
	}
	
	#mainpage #contentpage h2 {
		font-weight:normal;
		color:#a92e4b;
		font-size:12px;
		text-transform:uppercase;
		text-align:left;
		margin:15px 0 0 0;
		padding:0 0 0 0;
		line-height:1em;
	}
	
	#mainpage #contentpage h1 img {
		margin:0 0 15px 0;
	}
	
	#mainpage #contentpage p {
		text-align:justify;
	}
	
	#mainpage #contentpage p a {
		text-decoration:underline;
	}

	#mainpage #contentpage p.right {
		text-align:right;
	}

	#mainpage #contentpage div#rsvErrors {
		font-weight:bold;
	}
	
	/* TELECHARGEMENTS */
	
	#mainpage #contentpage div.visuels {
		position:relative !important;
		position:inherit;
		width:430px !important;
		width:auto;
		padding:20px 0 0 0;
		margin:0;
	}
	
	#mainpage #contentpage div.visuels h1 {
		color:#a92e4b;
		font-size:16px;
		text-transform:uppercase;
		border-bottom:1px solid #ddd6d7;
		margin:0 0 10px 0;
	}
	
	#mainpage #contentpage div.visuels p {
		line-height:0;
	}
	
	#mainpage #contentpage div.visuels div.liens {
		position:absolute !important;
		position:inherit;
		bottom:0;
		right:0;
		width:160px;
	}
	
	#mainpage #contentpage div.visuels div.colonnes {
		margin:0 25px 0 0;
		float:left;
	}

	/* FORMULAIRES */
	
	label {
		color:#a92e4b;
		font-size:12px;
		text-transform:uppercase;
	}
	
	input.text, textarea.text {
		border:1px solid #dfb4be;
		background:url(../_img/bg_input.png) #eee repeat-x top;
		width:341px;
		padding:2px;
	}
	
	input.nonvalide, textarea.nonvalide {
		border:3px solid #dfb4be;
		background:url(../_img/bg_input.png) #eee repeat-x top;
		width:337px;
		padding:2px;
	}
	
	input.submit {
		border:1px solid #dfb4be;
		background:url(../_img/bg_submit.png) #ea4b74 repeat-x top;
		padding:2px 20px ;
		font-size:12px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
		color:#fff;
	}
	
	/* MENU */
	
	#main #contentaccueil #menulangue {
		position:relative;
		text-align:center;
		width:100%;
	}
	
	#menulanguepage {
		position:absolute;
		top:25px;
		right:10px;
		text-align:center;
		width:175px;
		z-index:10000;
	}
	
	#main #contentaccueil #menulangue img, #menulanguepage img {
		vertical-align:middle;
	}
	
	#main #menu {
		position:relative;
		float:left;
		padding:0;
		margin:0;
		background:none;
	}
	
	#main #menu ul {
		padding:0;
		margin:10px 0 0 0;
		background:none;
		overflow:hidden;
	}
	
	#main #menu ul li {
		border:0;
		list-style:none;
		text-transform:uppercase;
		font-size:15px;	
		margin:0 0 15px -25px;
		background:url(../_img/img_puce_star.png) left top no-repeat;
		padding:0 0 0 25px;
		width:300px;
	}
	
	/*#menupage {
		position:absolute;
		top:280px;
		left:20px;
		background:none;
		padding:0;
		margin:10px 0 0 0;
		overflow:hidden;
		width:255px;
	}
	
	#menupage {
		position:absolute;
		top:280px;
		left:20px;
		background:none;
		padding:0;
		margin:10px 0 0 0;
		overflow:hidden;
		width:255px;
	}
	
	#menupage ul {
		padding:0;
		margin:10px 0 0 0;
		background:none;
		overflow:hidden;
	}

	
	*/
	
	#menupage {
		float:left;
		position:relative;
		background:none;
		padding:0 0 0 0;
		margin:290px 0 0 25px !important;
		margin:290px 0 0 10px;
		overflow:hidden;
		width:255px;
	}
	
	#menupage ul {
		padding:0;
		margin:10px 0 0 15px;
		margin:10px 0 0 0;
		background:none;
		overflow:hidden;
	}
	
	#menupage ul li {
		border:0;
		list-style:none;
		text-transform:uppercase;
		font-size:15px;	
		margin:0 0 15px -25px;
		width:255px;
		background:url(../_img/img_puce_star.png) left top no-repeat;
		padding:0 0 0 25px;
	}
	
	#menupage ul li ul li {
		border:0;
		list-style:none;
		text-transform:uppercase;
		font-size:12px;	
		margin:0 0 10px 0;
		width:230px;
		background:none;
		padding:0 0 0 15px;
		line-height:1.2em;
	}
	
	#menupage ul li em {
		text-transform:none;
	}
	
	#main #menu ul li em {
		text-transform:none;
		font-variant:small-caps;
	}
	
	#menupage ul li#retour {
		border:0;
		list-style:none;
		text-transform:uppercase;
		font-size:15px;	
		margin:0 0 25px -25px;
		width:255px;
		background:url(../_img/img_puce_accueil.png) left top no-repeat;
		padding:0 0 0 25px;
	}
	
	#main #menu ul li a, #main #menu ul li a:visited, #main #menu ul li a:link, #main #menu ul li a:active, #menupage ul li a, #menupage ul li a:visited, #menupage ul li a:link, #menupage ul li a:active, #menupage ul li:hover ul li a {
		text-decoration:none;
		color:#808183;
	}
	
	#main #menu ul li a:hover, #menupage ul li a:hover, #main #menu ul li:hover a, #menupage ul li:hover a, #menupage ul li:hover ul li a:hover {
		text-decoration:none;
		color:#a92e4b;
	}	

/* FOOTER */

#footer {
	position:relative;
	width:820px;
	margin:20px auto 0 auto;
	text-align:center;
	padding:15px 0 50px 0 !important;
	border-top:1px solid #eae8e9;
}