*
{
	font-family: Arial;
	margin: 0;
	padding: 0;
}
body
{
	padding: 89px 0 30px 0;
	text-align: center;
}
body#index
{
	background: #420709 ;
}
body#accueil
{
	background: #354B00 ;
}
body#contact
{
	background: #420709;
}
body#cours
{
	background: #727E07;
}
body#photos, body#album
{
	background: #922731;
}
#main
{
	position: absolute;
	margin-left: 50%;
	left: -440px;
	width: 880px;
	height: 547px;
	border: 10px solid #fff;
}
body#index #main
{
	position: absolute;
	margin-left: 50%;
	left: -147px;
	margin-top: 25px;
	width: 294px;
	height: 390px;
	border: 10px solid #fff;
	background: white url(../img/bg-index.jpg) no-repeat 50% 50%;
}
body#accueil #main
{
	background: #fff url(../img/bg-main-home.jpg) no-repeat 50% 50%;
}
body#contact #main
{
	background: #fff url(../img/bg-main-contact.jpg) no-repeat 50% 50%;
}
body#cours #main
{
	background: #fff url(../img/bg-cours.jpg) no-repeat 50% 50%;
}
body#photos #main
{
	background: #fff url(../img/bg-main-photos.jpg) no-repeat 50% 50%;
}
body#album #main
{
	background: #fff url(../img/bg-main-album.jpg) no-repeat 50% 50%;
}

body h1
{
	position: absolute;
	
	left: -38px;
	top: 273px;
	width: 29px;
	height: 284px;
}
img.flag
{
	top: -26px; right: 0;
	position: absolute;
	border:0;}
	
body#index h1
{
	position: absolute;
	left: -39px;
	top: 74px;
	width: 19px;
	height: 329px;
	background: transparent url(../img/coursdeonologie-in.gif) no-repeat top left;
}

body#index h3
{
	position: absolute;
	left: -10px;
	top: 412px; 
	width: 243px;
	height: 29px;
	background: transparent url(../img/redrosewhite-index.gif) no-repeat top left;
}


body#accueil h1
{
	background: transparent url(../img/redrosewhite-home.gif) no-repeat top left;
}
body#contact h1
{
	background: transparent url(../img/redrosewhite-contact.gif) no-repeat top left;
}
body#cours h1
{
	background: transparent url(../img/redrosewhite-cours.gif) no-repeat top left;
}
body#photos h1
{
	background: transparent url(../img/redrosewhite-photos.gif) no-repeat top left;
}
body#album h1
{
	background: transparent url(../img/redrosewhite-photos.gif) no-repeat top left;
}
h1 span
{
	display: none;
}
ul#nav
{
	text-align: left;
	position: absolute;
	left: -38px;
	top: 28px;
}
ul#nav li
{
	height: 60px;
	list-style: none;
	width: 438px;
	margin: 0 0 0 0;
}
body#album ul#nav li
{
	width: 161px;
}
ul#nav li a
{
	line-height: 57px;
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 0px 0 0 0;
	text-indent: 53px;
	display: block;
	height: 57px;
	width: 438px;
}
body#album ul#nav li a
{
	width: 161px;
}
ul#nav li#nav_accueil a span,
ul#nav li#nav_cours a span,
ul#nav li#nav_photos a span,
ul#nav li#nav_contact a span
{
	visibility: hidden;
}
ul#nav li#nav_accueil a:hover span,
ul#nav li#nav_cours a:hover span,
ul#nav li#nav_photos a:hover span,
ul#nav li#nav_contact a:hover span, 
body#accueil ul#nav li#nav_accueil a span,
body#contact ul#nav li#nav_contact a span,
body#cours ul#nav li#nav_cours a span,
body#photos ul#nav li#nav_photos a span,
body#album ul#nav li#nav_photos a span
{
	visibility: visible;
	color: #fff;
}
ul#nav li#nav_accueil a
{
	background: transparent url(../img/nav_accueil.jpg) no-repeat top left;
}
ul#nav li#nav_accueil a:hover
{
	background: #364D00 url(../img/nav_accueil_h.jpg) no-repeat top left;
}
ul#nav li#nav_cours a
{
	background: transparent url(../img/nav_cours.jpg) no-repeat top left;
}
ul#nav li#nav_cours a:hover
{
	background: #737E08 url(../img/nav_cours_h.jpg) no-repeat top left;
}
ul#nav li#nav_photos a
{
	background: transparent url(../img/nav_photos.jpg) no-repeat top left;
}
ul#nav li#nav_photos a:hover
{
	background: #912731 url(../img/nav_photos_h.jpg) no-repeat top left;
}
ul#nav li#nav_contact a
{
	background: transparent url(../img/nav_contact.jpg) no-repeat top left;
}
ul#nav li#nav_contact a:hover
{
	background: #43080A url(../img/nav_contact_h.jpg) no-repeat top left;
}

body#accueil ul#nav li#nav_accueil a
{
	background: #364D00 url(../img/nav_accueil_h.jpg) no-repeat top left;
}
body#contact ul#nav li#nav_contact a
{
	background: #43080A url(../img/nav_contact_h.jpg) no-repeat top left;
}
body#photos ul#nav li#nav_photos a, body#album ul#nav li#nav_photos a
{
	background: #912731 url(../img/nav_photos_h.jpg) no-repeat top left;
}

body#cours ul#nav li#nav_cours a
{
	background: #737E08 url(../img/nav_cours_h.jpg) no-repeat top left;
}


/* -----------------ACCUEIL------------------------ */
body#accueil div#content
{
	position: absolute;
	left: 400px;
	top: 28px;
	width: 452px;
}
body#accueil div#content p
{
	font-size: 12px;
	text-align: left;
	color: #000;
	padding: 5px 10px 10px 10px;
}
body#accueil .en div#content p
{
	font-size: 12px;
	text-align: left;
	color: #000;
	padding: 5px 10px 10px 10px;
}
body#accueil h2,body#contact h2
{
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 10px 10px 10px;
	margin-top: 10px;
}
body#accueil .en h2
{
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 10px 4px 10px;
	margin-top: 10px;
}

/* -----------------CONTACT--------------------- */
body#contact div#content
{
	position: absolute;
	left: 400px;
	top: 208px;
	width: 452px;
}
body#contact div#content p
{
	font-size: 12px;
	float:left;
	margin: 0 75px 0 5px;
	height:100px;
	color:#fff;
	text-align:left;

}
body#contact div#content p a
{
	color:#fff;
	text-decoration:none;
}
body#contact div#content p a:hover
{
	color:#fff;
	text-decoration:underline;
}
body#contact h2
{
	padding: 5px 0px 0px 10px;
}

/* -----------------PHOTOS--------------------- */
body#photos div#content
{
	position: absolute;
	left: 160px;
	top: 28px;
	width: 700px;
}
body#album div#content
{
	position: absolute;
	left: 125px;
	top: 23px;
	width: 740px;
}
body#album div#content p,
body#photos div#content p
{
	font-size: 12px;
	color: #E5C7A1;
	padding: 5px 10px 0px 10px;
	text-align: center;
	margin: 0 0 3px 0;
}
body#album div#content img,
body#photos div#content img
{
	float:left;
	border: 0;
	padding:0; margin:0,
}
#cont_photos
{
	padding: 0px 0 0 25px;
	height:440px;

}
	
#cont_photos dl
{
	width:103px;
	height: 105px;
	display: inline;
	padding: 3px 0 3px 3px;
	border: 1px solid black;
	background-color: #fff;
	float: left;
	margin: 0px 4px 4px 0;
	font-size: 10px;
	border: 0;
	text-align: center;
}

#cont_photos dl a
{
	text-decoration: none;
	color: #922731;
}
#cont_photos dl a:hover
{
	text-decoration: underline;
	color: #922731;
	
}
p#pagination
{
	clear: both;
	height:12px;
	position: relative;
	bottom:0;
	}
p#pagination a
{

float:right;
	text-align: right;
	color: #922731;
	text-decoration: none;
	font-size: 11px;
	padding: 0 7px 0 7px;
	margin: 2px 27px 0 0;
	background-color: #922731;}
p#pagination a:hover{
	color: #922731;
	background-color: #fff;
	text-decoration: none;
	}
	
#album_photos
{padding: 0px 3px 0 3px;
		height:505px;
			overflow: auto;

}
#album_photos a
{
	float: left;
	padding: 2px;
	margin: 2px;
	background-color: #fff;
	display: inline;
	}
#album_photos a img
{
	float: left;
	display: inline;
	}
#album_photos a:hover
{
	padding: 2px;
	margin: 2px;
	background-color: #737E08;
	}
#content p a
{
	color: #E5C7A1;
	text-decoration: none;}
#content p a:hover
{
	color: #fff;
	text-decoration: underline;}


/* -----------------INDEX-----246---------------- */

/* -----------------Texte accueil--------------- */

body#index h2
{
	position:absolute;
	top:262px;
	left: 75px;
	font-size: 12px;
	font-weight: bold;
}

body#index p{
	position:absolute;
	top:355px;
	left: 105px;
	font-size: 15px;
	color: #420709;
	font-weight: bold;}


ul#rdv
{	position: absolute;
left:20px;
	top: 225px;
}
ul#rdv li
{
	list-style: none;
	font-size: 11px;
	text-align: left;
}
ul#choix_lg
{	position: absolute;
left:0;	top: 355px;
}
ul#choix_lg li

{	list-style: none;
}
ul#choix_lg li a span
{display:none;
}
ul#choix_lg li.fr
{ text-align: left;
	position:absolute;
	left: 230px;
	}
ul#choix_lg li.en
{
	text-align: left;
	position:absolute;
	left: 10px;
}
ul#choix_lg li.fr a
{
width: 48px;
height: 40px;
display: block;
background: transparent url(../img/index-frh.gif) no-repeat top left;
}
ul#choix_lg li.en a
{
width: 48px;
height: 40px;
display: block;
background: transparent url(../img/index-enh.gif) no-repeat top left;
}
ul#choix_lg li.fr a:hover
{
display: block;
background: transparent url(../img/index-fr.gif) no-repeat top left;
}
ul#choix_lg li.en a:hover
{
display: block;
background: transparent url(../img/index-en.gif) no-repeat top left;
}

#photo_aggrandie img{
text-align:center;
display: block;
margin-left: auto; margin-right: auto;
border-left: 5px solid white;
border-right: 5px solid white;}
body#popup
{
	background-color:#922731;
	padding:0;
	margin:0;
	text-align: center;
}



/* -----------------ACCUEIL--------------------- */
body#cours div#content
{
	position: absolute;
	left: 400px;
	top: 28px;
	width: 452px;
}
body#cours div#content h2
{
	font-size: 14px;
	color: #fff;
	padding: 20px 0 20px 10px;
	text-transform: uppercase;
}
body#cours div#content ul
{
	padding: 0 0 0 30px;
}
body#cours div#content li
{
	list-style-type: square;
	color: #fff;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
}
body#cours div#content li a
{
	text-decoration: none;
	color: #fff;
}
body#cours div#content li a:hover
{
	text-decoration: underline;
	color: #fff;
}

body#cours div#content select
{
	font-size: 11px;text-transform: capitalize;
}
body#cours div#content option
{
	padding: 0 20px;
}
body#cours div#content input
{
	font-size: 11px;
	border: 0;
	background-color: #364D00;
	color: #fff;
	width: 55px;
}
body#cours div#content p.retour
{
	text-align: right;
	padding: 40px 20px 0 0;
	}
body#cours div#content p.retour a
{
	font-size: 12px;
	color: #fff;
	text-decoration: underline
	}
body#cours div#content p.retour a:hover
{
	color: #fff;
	text-decoration: none;
	}
	
	div#ttes_fiches
	{
		height: 400px;
		overflow: auto;
		width: 430px;}
		
		div#desc_fiches
		{
			
	position: absolute;
	left: 20px;
	top: 250px;
	width: 310px;
	padding: 25px 20px 0 15px;
}

div#desc_fiches p
{
	color: #0D130F;
	font-size: 12px;
	text-align: left;}

div#desc_fiches ul
{
	color: #0D130F;
	font-size: 12px;
	text-align: left;
	padding: 15px 0 0 30px;}