/***************************** CSS MODELE 3 ********************************/
html, body{
	height: 100%; /* POUR CENTRER VERTICALEMENT : PARENTS DU TABLE*/
}

div{
	border: 0px solid black;
}

/***************************** DECOUPAGE DE LA PAGE 	********************************/

#o_contener_haut {
	position: relative;
	width:976px;
	height:61px;
	margin: 0px auto 0px auto;
	background: url('./images/oasis/modele3/o_contener_haut.jpg') top no-repeat;
}
	
/* CENTRE */
#o_centre {
	position: relative;
	width:649px;
	float:left;
	min-height: 243px;
	height:auto;
	text-align: left;
	_height:243px;
}

/* BLOCNEWS */
#o_bloc_news {
	position: relative;
	float:left;
	width:649px;
	height:288px;
	background: url('./images/oasis/modele3/o_contener_logo.jpg') top no-repeat;
}
	
	
#o_bloc_news #o_imp,
#o_bloc_news #o_plan{
	position: absolute;
	left: 465px;	
	top: 3px;
	background: url('./images/oasis/o_bandeau_informations_href.jpg') left no-repeat;
	color: #c7a453;
	padding: 1px 14px 0px 15px;
}

#o_bloc_news #o_plan{
	left: 554px;	
}

#blocflash {
	position: absolute;
	width:649px;
	height:146px;
	top: 142px;
	left:0px;
}


#ariane {
	clear: both;
	font-size: 11px;
	position: relative;
	display:block;
	text-align: left;
	text-decoration: none;
	color: #a4c753;	/* modele 2 */
	overflow: hidden;
	padding: 5px 0px 0px 20px;
	line-height:3em;
}

/* CONTENU */
#contenu{
	position: relative;
	float: left;
	padding: 14px 0px 0px 20px;
	width: 629px;
}



#contenu .titre{
	margin-top: 10px;
	clear: both;
	position: relative;
	float: left;
	background: url('./images/oasis/modele3/o_contenu_titre.jpg') left no-repeat; /* modele 2 */
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
}

#contenu .titre h2{
	clear: both;
	position: relative;
	float: left;
	height: 34px; /* modele 2 */
	left: 26px; /* modele 2 */
	top: 4px;
	color: #4c261e; /* modele 2 */
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}

#contenu .texte{
	clear: both;
	font-size: 11px;
	position: relative;
	color: #652d20;	/* modele 2 */
	overflow: hidden;
	display:block;
	text-align: justify;
}

#contenu .texte a{
	clear: both;
	font-size: 11px;
	text-decoration: underline;
	position: relative;
	color: #a4c753;	/* modele 2 */
	overflow: hidden;
}


#o_contener_centre {
	position: relative;
	width:976px;
	clear:both;
	margin: 0px auto 0px auto;
	background: url('./images/oasis/modele3/o_contener_centre.jpg') repeat-y;
}
	
#o_contener_bas {
	position: relative;
	float:left;
	clear:both;
	width:976px;
	height:44px;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background: url('./images/oasis/o_conteneur_bas.jpg') top no-repeat;
}
	
	
h1.o_balise_h1{
	padding: 18px 0px 0px 0px;
	margin: 0px;
	color: #e8d5b4;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding: 18px 0px 0px 39px;
}

/* PAGE */
#o_page {
	position: relative;
	margin: 0px auto 0px auto;
	width:901px;
	clear:both;
	
	min-height: 531px;
	height: auto;
	_height: 531px;
}

/* MENU_GAUCHE */
#o_menu_gauche {
position: relative;
z-index:10;
float:left;
width:252px;
min-height: 531px;
_height: 531px;
height: auto;
}

/* MENU_HAUT */
#o_menu_haut {
	position: relative;
	float: left;
	min-width:252px;
	_width:252px;
	width:auto;
	min-height: 141px;
	border-bottom: 1px solid #ffffff;
	_height: 142px;
	height: auto;
	background: url('./images/oasis/o_menu.jpg') repeat-y;
}


#flashcontent {
	position: absolute;
	top: 42px;
	left:0px;
}

#o_menu_centre {
	position: relative;
	float: left;
	width:252px;
	height:208px;
	background: url('./images/oasis/modele3/o_contener_actualite.jpg') top no-repeat;
	}
	
	
#o_menu_bas {
	position: relative;
	float: left;
	width:252px;
	height:182px;
	background: url('./images/oasis/modele3/o_contener_publicite.jpg') top no-repeat;
}
	
	
#o_copyright{
	padding: 11px 0px 0px 40px;
	font-size: 10px;
	color: #c7a453;
}


#o_copyright a{
	color: #c7a453;
}

#o_copyright img{
	margin-bottom: -2px;
}





/********************************** CLASSES FCK **********************************/
.surtitre {
	font-weight: none;
	font-size: 16px;
}

.sous_titre {
	margin-top: 20px;
	font-weight: bold;
	color: #d8ba85;
	background-image: url(images/oasis/modele3/o_contenu_sous_titre.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 25px;
	padding-top: 2px;
	height: 22px;
}

.resume {
	font-weight: bold;
	color: #a4c753;
}

.valorise {
	font-weight: bold;
	color: #f3961a;
}

.liste {
	font-weight: none;
	background-image: url(images/oasis/modele3/o_contenu_puce.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 95px;
	padding-top: 20px;
	background-position: 83px 24px;
	height: 25px;
	
}

.intertitre {
	font-weight: bold;
	color: #a4c753;
	background-image: url(images/oasis/modele3/o_contenu_intertitre.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 32px;
	padding-top: 2px;
	background-position: 10px 0px;
	height: 20px;
}