/********************* CONTENEURS ************************/
*{
	margin : 0px;
	padding : 0px;
}
body{
	background: url(../medias/background.gif) center top repeat-y;
}
a img{
	border : none;
}
.noFlash{
	margin-left : 10px;
	margin-right : 130px;
	margin-top : 10px;
	font-family : Arial;
	color : #423936;
}
.noFlash span{
	color : #ff4d00;
	font-weight : bold;
}
#navigateur{
	display : none;
	z-index : 20;
	text-align : center;
	width : 100%;
}
#navigateur_fermer{
	position : absolute;
	width : 31px;
	left : 913px;/*944 - 31*/
	bottom : 40px;
	cursor : pointer;
}
#navigateur_texte{
	position : relative;
	margin-left : auto;
  	margin-right : auto;
  	text-align : center;
	width : 944px;
	background-color : #feece4;
	color : #ff4d00;
	padding-top : 10px;
	padding-bottom : 10px;
	font-family : Arial;
}
#navigateur_texte a{
	text-decoration : none;
	color : #ff4d00;
}
#navigateur_texte a:hover{
	color : #b53d09;
}
#conteneur{
	visibility : hidden;
	position : relative;
	width : 998px;
	left : 50%;/*Centre le bloc dans la fenetre*/
 	margin-left : -499px;/*Centre le bloc dans la fenetre*/
	font-size : 1em;
}
#page{
	margin-left : 27px;
}
#footer{
	position : absolute;
	z-index : 20;
	top : 600px;
	font-family : Arial;
	font-size : 0.8em;
	color : #423936;
	margin-left : 40px;
	margin-top : 40px;
}
#footer a{
	text-decoration : none;
	color : #423936;
}
#footer a:hover{
	color : #ff4d00;
}
#ariane{
	height : 16px;
	margin-right : 27px;
	margin-left : 27px;
	background-color : #ffffff;
	padding-left : 255px;
	color : #6a5551;
	font-family : Arial;
	font-size : 0.9em;
}
.ariane_expertise a{
	color : #8e9938;
	text-decoration : none;
}
.ariane_expertise a:hover{
	color : #585b29;
}
.ariane_projet a{
	color : #8c2c8c;
	text-decoration : none;
}
.ariane_projet a:hover{
	color : #be8dbd;
}
.ariane_yo a{
	color : #ff4d00;
	text-decoration : none;
}
.ariane_yo a:hover{
	color : #f89e77;
}
#ambiance{
	float : left;
	width : 244px;
}
#hauteur_utile{
	position : absolute;
	display : block;
	height : 100%;
}
#mentions_legales{
	font-size : 0.8em;
	font-family : Trebuchet MS,Helvetica,Arial;
	color : #423936;
	margin-left : 244px;
	margin-right : 130px;
}
#mentions_legales a{
	text-decoration : none;
	color : #423936;
}
#mentions_legales a:hover{
	color : #ff4d00;
}
/************************* HEADER *************************/
#header{
	position : relative;
	/*height : 192px;*/
	height : 180px;
	margin-left : 27px;
	margin-right : 27px;
	background-color : #f0eeee;
	background: url(../medias/Header.jpg);
	z-index : 1;
}
#jukebox{
	position : relative;
	width : 460px;
	height : 155px;
	z-index : 20;
}
#header_logo{
	position : absolute;
	top : 34px;
	left : 786px;
	width : 57px;
	height : 85px;
	background: url(../medias/logo_yo.gif) no-repeat;
	cursor : pointer;
}
#header_visuel1{
	position : absolute;
	top : -50px;
	left : 600px;
	width : 358px;
	height : 163px;
	/*background: url(../medias/flore_header_.gif) no-repeat;*/
}
#header_date{
	position : absolute;
	left : 852px;
	top : 20px;
	font-family : Trebuchet MS,Arial;
	font-size : 0.8em;
	font-weight : bold;
	color : #6a5551;
}
/************************ MENU ***************************/
#menu{
	position : absolute;
	z-index : 10;
 	left : 27px;
 	top : 155px;
	height : 449px;
	width : 146px;
	/*background: url(../menu/medias/menu_ombre_cote.png) repeat-y;*/
}
#menu_conteneur{
	margin-left : 16px;
	width : 114px;
	height : 449px;
	background: url(../medias/menu/menu_bas.gif) no-repeat bottom;
	overflow : hidden;/* Necessaire pour le bon fonctionnement du menu */
}
#menu_footer{
	position : absolute;
	top : 449px;
	/*background: url(../menu/medias/menu_ombre_inferieure.png) no-repeat;*/
	height : 72px;
	width : 146px;
}
.menu_item1{
	text-align : left;
	font-family : Arial;
	font-size : 0.70em;
	margin-left : 10px;
	padding-left : 5px;
	margin-right : 5px;
	padding-bottom : 5px;
	line-height : 13px;
	background: url(../medias/menu/pointille.gif) repeat-y left;
}
.menu_item1 a{
	color : #ffffff;
	text-decoration : none;
}
.menu_item1 a:hover{
	color : #ffffff;
	text-decoration : none;
	background-color : #585b29;
}
.menu_item2{
	text-align : left;
	font-family : Arial;
	font-size : 0.70em;
	margin-left : 10px;
	padding-left : 5px;
	margin-right : 5px;
	padding-bottom : 5px;
	line-height : 13px;
	background: url(../medias/menu/pointille.gif) repeat-y left;
}
.menu_item2 a{
	color : #ffffff;
	text-decoration : none;
}
.menu_item2 a:hover{
	color : #ffffff;
	text-decoration : none;
	background-color : #572454;
}
.menu_item3{
	text-align : left;
	font-family : Arial;
	font-weight : bold;
	font-size : 0.9em;
	margin-left : 5px;
	padding-left : 5px;
	margin-right : 5px;
	padding-bottom : 5px;
	line-height : 15px;
	/*background: url(../menu/medias/pointille.gif) repeat-y left;*/
}
.menu_item3 a{
	color : #ffffff;
	text-decoration : none;
}
.menu_item3 a:hover{
	color : #ffffff;
	text-decoration : none;
	background-color : #b53d09;
}
.sousMenu_titre{
	cursor : pointer;
	font-family : Arial;
	font-weight : bold;
	font-size : 0.9em;
	height : 20px;/* Si cette valeur est modifiée, il faut aussi la modifier la variable 'hauteur_SousTitre' dans 'menu.js' */
	color : #ffffff;
	padding-left : 5px;
	padding-right : 5px;
	margin-left : 5px;
	margin-right : 5px;
}
.sousMenu_titre a{
	text-decoration : none;
	color : #ffffff;
}
.sousMenu_titre a:hover{
	background-color : #585b29;
}
#menu_element1{
	background-color : #8e9938;
}
#menu_element2{
	background-color : #8c2c8c;  
}
#menu_element3{
	background-color : #ff4d00;
	height : 383px; 
}
#menu_titre1{
	background: url(../medias/menu/menu_expertise.jpg) no-repeat;
}
#menu_titre2{
	background: url(../medias/menu/menu_portfolio.jpg) no-repeat;
}
#menu_titre3{
	background: url(../medias/menu/menu_yo.jpg) no-repeat;
}

/************************ NEWS ***************************/
#news{
	position : relative;
	background-color : #ffffff;
	width : 798px;
	height : 392px;
	margin-left : 130px;
}
#news * a{
	text-decoration : none;
}
#news_textes{
	position : absolute;
	left : 456px;
	top : 0px;
	height : 392px;
	width : 342px;
}
#news_visuel{
	height : 392px;
	width : 456px;
}
/* Il peut y avoir de 1 à 4 news afficher, une classe pour chaque cas : */
.news_1{
	height : 392px;
	overflow : hidden;
}
.news_2{/* 2 news : hauteur de news divisé par 2 */
	height : 196px;
	overflow : hidden;
}
.news_3{/* 3 news : hauteur de news divisé par 3 */
	height : 131px;
	overflow : hidden;
}
.news_4{/* 4 news : hauteur de news divisé par 4 */
	height : 98px;
	overflow : hidden;
}
.news_titre{
	font-family : Arial;
	font-size : 1.2em;
	color : #868066;
	padding-left : 20px;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	
	background: url(../medias/news/filet.gif) bottom no-repeat;
}
.news_texte{
	font-size : 0.75em;
	font-family : Lucida grande,Trebuchet MS,Arial;
	color : #423936;
	padding-left : 35px;
}
#newsPlus{
	background: url(../medias/news/BTN_en_savoirplus.gif) no-repeat;
	cursor : pointer;
	width : 90px;
}

/*********************** PORTFOLIO ************************/
#portfolio{
	width : 700px;
	height : 408px;
	margin-left : 244px;
}
.portfolio_noFlash{
	margin-left : 10px;
	font-family : Arial;
	margin-bottom : 3px;
}
.portfolio_noFlash a{
	text-decoration : none;
	color : #8c2c8c;
}
.portfolio_noFlash a:hover{
	color : #be8dbd;
}
/******************* PRESENTATION ************************/
.presentation_noFlash{
	margin-left : 244px;
	margin-right : 130px;
}
.presentation_yo_noFlash_titre{
	color : #ff4d00;
}
.presentation_expertise_noFlash_titre{
	color : #8e993e;
}

/********************** CONTENU **************************/
#contenu{
	width : 700px;
	margin-left : 244px;
	position : relative;
}
#contenu_droite{
	width : 130px;
	/*background: url(../commun/medias/marge_bas.gif) bottom no-repeat;*/
	background-color: #c3bbb9;
	font-family : Arial;
	font-size : 0.8em;
}
#contenu_droite * a{
	color : #423936;
	text-decoration : none;
}
#contenu_droite * a:hover{
	color : #211c1b;
}
#contenu_droite_haut{
	height : 36px;
	background: url(../medias/marge_liens.gif) top no-repeat;
}
#contenu_droite_centre{
	margin-bottom : 20px;
	margin-top : 5px;
	padding-left : 10px;
	padding-right : 5px;
}
.contenu_droite_centre_lien{
	position : relative;
}
.contenu_droite_centre_lien_commentaire{
	position : absolute;
	text-align : right;
	width : 170px;
	top : 0px;
	left : -190px;
	padding-right :10px;
	padding-top :10px;
	padding-bottom :10px;
	display : none;
	color : #6a5551;
	background-color: #e1dddc;
}
#contenu_droite_bas_entete{
	background: url(../medias/marge_voiraussi.gif) top no-repeat;
	height : 36px;
}
#contenu_droite_bas_lien{
	margin-bottom : 20px;
	margin-top : 5px;
	padding-left : 10px;
	padding-right : 5px;
}
.contenu_liens{
	margin-bottom : 10px;
}
#contenu_mobil{
	width : 130px;
	position : absolute;
	left : 570px;
	z-index : 0;
}
/* la taille total du bloc mobil est 70+20+20 = 110 , si cette taille change il faut modifier la variable 'hauteur_mobil' de la catégorie CONTENU FINAL dans le fichier 'javascript/general.js'   */
#contenu_up{
	height : 70px;
	background: url(../medias/btn_up.gif) no-repeat;
	cursor : pointer;
}
#contenu_precedent{
	height : 20px;
	background: url(../medias/btn_precedent.gif) no-repeat;
	cursor : pointer;
}
#contenu_precedent img{
	border : none;
}
#contenu_suivant{
	height : 20px;
	background: url(../medias/btn_suivant.gif) no-repeat;
	cursor : pointer;
}
#contenu_suivant img{
	border : none;
}
#contenu_centre{
	vertical-align : top;
	width : 570px;
}