@charset "utf-8";


*{
	margin: 0;
	padding: 0;
	border: none;
}

body {
	color:#585F5F;
	background: #E7E4E2 url(img/bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*div#global { position: relative; width: 790px; margin:0; }*/
	
a:link, a:visited, a:active {
	background-color: transparent;
	text-decoration: underline;
	outline: none;
	color:#666666
}
a:hover { text-decoration: underline; color:#333 }  

h1{font-size:18px;font-weight:bold;color:#BF7A7A;margin-bottom:14px}

/*---------------- BLOCS PRINCIPAUX -----------------*/


#page{
	top:2px;
	position: absolute;
	width: 1021px;
	margin-right:-510px;
	right:50%;
}

#header{
	float:left;
	position: relative;
	width: 1021px;
	height:98px;
}

#header-logo{
	float:left;
	position: relative;
	background: #FFF url(img/logo.gif) top left no-repeat;
	width: 300px;
	height:98px;
}

#header-graphic{
	float:left;
	position: relative;
	background: #FFF url(img/header.gif) top left no-repeat;
	width: 381px;
	height:48px;
	padding-top:50px;
	padding-left:340px
}

#header-graphic a:link,#header-graphic a:active,#header-graphic a:visited{
color:#BF7A7A;font-style:italic
}

/* MENU --------------------------------------------------------------------------*/

#menu{
	float:left;
	position: relative;
	width: 1021px;
	height:51px;
}

#menu-gauche{
	float:left;
	position: relative;
	width: 85px;
	height:51px;
}

#menu-flash{
	float:left;
	position: relative;
	background: url(img/menu.jpg) top left no-repeat;
	width: 851px;
	height:51px;
}

#menu-droite{
	float:left;
	position: relative;
	background: #FFF url(img/bg-droite-1.jpg) top left no-repeat;
	width: 85px;
	height:51px;
}

/* DIAPORAMA --------------------------------------------------------------------------*/

#diapo{
	float:left;
	position: relative;
	width: 1024px;
	height:360px;
}

#diapo-gauche{
	float:left;
	position: relative;
	background: #FFF url(img/bg-gauche-2.jpg) top left no-repeat;
	width: 85px;
	height:360px;
}

#diaporama{
	float:left;
	position: relative;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width: 849px;
	/*height:360px;*/
}

#diapo-droite{
	float:left;
	position: relative;
	width: 85px;
	height:360px;
}


/* DIAPORAMA --------------------------------------------------------------------------*/

#contenu{
	margin-left:85px;
	float:left;
	position: relative;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width: 849px;
}

#vignettes{
	float:left;
	text-align:center;
	padding-top:6px;
	padding-left:106px;
	width: 743px;
	background: url(img/bg-vignettes.jpg) top right no-repeat;
}

#contenu-texte{
	margin:20px 0px 40px 40px;
	float:left;
	position: relative;
	width: 765px;
}

#footer{
	float:left;
	position: relative;
	margin-left:85px;
	background: url(img/bg-footer.jpg) top right no-repeat;
	width: 851px;
	height:27px;
	text-align:center;
	color:#FFF;
	padding-top:5px;
}

#footer a:active, #footer a:link, #footer a:visited{
	color:#FFF;
}

#footer-2{
	float:left;
	position: relative;
	margin-left:85px;
	width: 851px;
	height:27px;
	text-align:center;
	color:#8E8177;
	padding-top:5px;
}

/*---------------- STYLES -----------------*/
.aloasis-rouge1{color:#7B1C1A;font-size:12px}
.aloasis-rouge2{color:#B32926;font-size:12px}
.aloasis-rouge1-petit{color:#7B1C1A;font-size:11px}
.aloasis-rouge2-petit{color:#B32926;font-size:11px}
.aloasis-rouge3{color:#B32926;font-size:14px}
.aloasis-rouge-vif{color:#FF0000;font-size:12px}
.aloasis-orange{color:#FF9900;font-size:12px}

.facebook a:link, .facebook a:active, .facebook a:visited{
color:#3B5998;text-decoration:none
}