@import url(../../moteurajax/medias/fonts/Sansation/stylesheet.css);


body{
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#CBCB98;
	background-image:url(../images/fond.png);
	background-position:center -200px;
	background-repeat: no-repeat;
	}
	
body, p, div, a, td {
	/*font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	*/
	font: 14px 'SansationLight',futura,'Lucida Grande',Arial, sans-serif;
	/*font-size:14px;*/
	color:#333;
}

div{
	text-align:left;	
	}

a:focus { outline:none; }

#contenu{
	width:1030px;/*980*/
	margin:auto;
	text-align:center;	
	}
	
	
	
/**************************************************	
					MUSIQUE
***************************************************/
#musique{
	position:absolute;	
	z-index:55;
	top:655px;
	margin-left:140px;
	}
	
/**************************************************	
					MENU
***************************************************/

#element_menu{
	position:absolute;
	top:10px;
	padding: 0px;
	margin: 0px;
	width: 200px;
	height:128px;
	background-image:url(../images/logo.png);
	background-position:center;
	background-repeat: no-repeat;	
	text-align:center;
	font: 16px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	/*font-size:18px;*/
	overflow: hidden;
	color:#FFF;
	z-index:24;
}

#menu_conteneur{
	position:absolute;
	z-index:17;
	top:50px;
	padding: 0px;
	margin: 0px;
	width: 230px;
	height:600px;
	overflow: hidden;	
	}

#menu_panneau{
	position:absolute;
	top:0px;
	left:-200px;
	padding: 0px;
	margin: 0px;
	width: 230px;
	height:600px;
	overflow: hidden;
	z-index:20;	
	}

#btn_menu{	
	position:absolute;
	cursor:pointer;
	top:0px;
	width:30px;
	height:600px;
	margin-left:200px;
	background-image:url(../images/btn_menu.png);
	background-position:30px 0px;/*posX posY
	background-repeat:no-repeat;*/
	z-index:25;
	}

#menu_fond{	
	/*background-color: rgba(255, 255, 255, 0.5);*/
	top:0px;
	padding: 0px;
	margin: 0px;
	width: 200px;
	height:600px;
	overflow: hidden;	
	
	
	position:absolute;
	z-index:18;	
	background-image: url(../../moteurajax/medias/images/fonds/noir_50.png);
	background-repeat:repeat;
	/*
	background-color:#000;
	opacity: 0.5;
	-moz-opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);					// second!	
	*/
	}

#menu{	
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index:21;
	/*
	opacity: 1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first!
	filter: alpha(opacity=100);					// second!	
	*/
	position: relative;
	}

#navigation {	
	margin: 0;
	margin-top:147px;
	padding: 0;
	list-style: none;
	width: 200px;	
	}
	
#navigation ul, #navigation li{		
	list-style-type: none; 
}
	
#navigation a, #navigation span {
	display: block;
	padding: 4px 10px;
	color: #CCC;
	text-decoration: none;
	text-transform:uppercase;
	/*
	font-weight:bold;
	font-size: 1em;	
	*/
	/*
	background: #333 url(menu-item.png) left bottom no-repeat;
	font: 1em "Trebuchet MS", sans-serif;
	font-variant:small-caps;
	
	*/
	text-align:center;
	}

#navigation a:link, #navigation a:visited{
	text-decoration: none;
	color: #FFF;
	background:none;	
	}
#navigation a:hover {
	text-decoration: none;
	color: #333;
	background-image: url(../../moteurajax/medias/images/fonds/blanc_60.png);
	background-repeat:repeat;
	}
#navigation a:active, #navigation a:focus {
	text-decoration: none;
	color:#900;
	background-image: url(../../moteurajax/medias/images/fonds/blanc_80.png);
	background-repeat:repeat;
}


#navigation .open a{
	background-image: url(../../moteurajax/medias/images/fonds/blanc_80.png);
	background-repeat:repeat;
	color: #333;
	}

#navigation .open a:active, #navigation .open a:focus{
	color:#900;
	}
/*
#navigation .menu_select a:link, #navigation .menu_select a:visited, #navigation .menu_select a:focus{color: #0F0; }
.menu_select {color: #0F0; }

*/

/*
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	
	}
#navigation .open a, #navigation .open span {
	background-image: url(../../moteurajax/medias/images/fonds/blanc_80.png);
	background-repeat:repeat;
	color: #333;
	}


#navigation a:focus {
	text-decoration: none;
	color: #900;
	background-image: url(../../moteurajax/medias/images/fonds/blanc_80.png);
	background-repeat:repeat;
}
*/
#navigation .subMenu {
	margin: 0;
	padding: 0;
	}
	
#navigation ul.subMenu a {
	list-style: none;
	background: none;
	padding: 3px 20px;
	color: #000;/*#CBCB98;*/
	text-transform:uppercase;
	font-weight:bold;
	font-size:.8em;
	text-decoration: none;
	background-image: url(../../moteurajax/medias/images/fonds/blanc_60.png);
	background-repeat:repeat;
	}
	
#navigation ul.subMenu a:hover{
	color:#FFF;
	}
#navigation ul.subMenu a:focus, #navigation ul.subMenu a:active { /*color:#900;*/ }



/*************** FIN MENU *************************************/
/*************** SOUS MENU *************************************/
#sous_menus{
	display:block;	
	position:absolute;
	top:0px;
	left:30px;		
	width:800px;
	min-width:300px;
	height:40px;
	overflow:hidden;
	background-image: url(../../moteurajax/medias/images/fonds/blanc_60.png);
	background-repeat:repeat;
	list-style: none;
	margin-left: 0px;
	padding: 0;
	}

#sous_menus ul{ margin-top:12px; margin-left:-10px}

#sous_menus li{
	display: inline ;
	border-right:#666 solid 1px;
	padding-left:10px;
	padding-right:10px;
	}

#sous_menus li.reduitbordure{
	padding-right:0px;
	}
	
#sous_menus li.pasbordure{
	display: inline ;
	border:none;
	}

#sous_menus li a, #sous_menus button{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	/*font-size:14px;*/
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	background:none;
	border:none;
	cursor:pointer;
	}
	
#sous_menus li a:hover, #sous_menus button:hover{
	color: #900;
	}

#sous_menus form{
	display:inline;
	margin:0px;
	padding:0px;
	}
	

/*
form.cmxform #envoyer{
	margin: 10px 0px;
	width:100px;
	border-width: thin;
	border-color: #666666;
	border-style: solid;
	background-color:#CCC;
	color:#000;
	text-transform:uppercase;
}
*/
	/*	
#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				}
			#nav li {
				display: inline ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}
			#nav li a {
				background: #c00 ;
				color: #fff ;
				border: 1px solid #600 ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 20px ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #900 ;
				text-decoration: underline ;
				}
	
#sous_menus ul, #sous_menus li{	
	list-style: none;
	list-style-type: none; 
}

#sous_menus ul

#sous_menus a{	
	font-size:14px;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	border-right:#666 solid 1px;
	padding-left:10px;
	padding-right:10px;
	}
	
#sous_menus a:hover{
	color: #900;
	}
	*/
/*************** FIN SOUS MENU *************************************/
.saut{clear:both;}

.tab_vignettes{border-collapse:collapse;}
.tab_vignettes td{padding:0px; vertical-align:top; text-align:center}	

.tab_vignettes .onglet{
	background-image: url(../images/onglet_150.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:25px;
	width:150px;
	}
	
.tab_vignettes .onglet a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_vignettes .sepa{
	width:10px;
	}


.tab_onglets2{border-collapse:collapse;}
.tab_onglets2 td{padding:0px; vertical-align:top; text-align:center}	

.tab_onglets2 .onglet{
	background-image: url(../images/onglet_255.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:25px;
	width:120px;
	}
	
.tab_onglets2 .onglet a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_onglets2 .sepa{
	width:15px
	}


.tab_onglets4{border-collapse:collapse;}
.tab_onglets4 td{padding:0px; vertical-align:top; text-align:center}	

.tab_onglets4 .onglet{
	background-image: url(../images/onglet_120.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:25px;
	width:120px;
	}
	
.tab_onglets4 .onglet a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_onglets4 .sepa{
	width:15px
	}


.tab_onglets5{border-collapse:collapse;}
.tab_onglets5 td{padding:0px; vertical-align:top; text-align:center}	

.tab_onglets5 .onglet{
	background-image: url(../images/onglet_95.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:25px;
	width:95px;
	}
	
	
.tab_onglets5 .onglet a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_onglets5 .onglet2{
	background-image: url(../images/onglet_95.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:45px;
	width:95px;
	}

.tab_onglets5 .onglet2 a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_onglets5 .sepa{
	width:13px
	}
	
	
.tab_onglets9{border-collapse:collapse;}
.tab_onglets9 td{padding:0px; vertical-align:top; text-align:center}	

.tab_onglets9 .onglet{
	background-image: url(../images/onglet_169.png);
	background-repeat: no-repeat;
	background-position:top;
	vertical-align:middle;
	height:25px;
	width:120px;
	}
	
.tab_onglets9 .onglet a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;	
	}


.tab_onglets9 .sepa{
	width:8px
	}



.bandeau{
	float:left;
	margin-right:10px;
	border:none;
	padding:0px;
	text-align:center;
	padding:0px;
	}
.bandeau_fin{
	float:left;
	margin:0px;
	border:none;
	padding:0px;
	text-align:center;
	}

.bandeau a{
	font: 14px 'SansationRegular',futura,'Lucida Grande',Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	
	}


.onglet_5{
	background-image: url(../images/onglet_112.png);
	background-repeat: no-repeat;
	background-position:top;
	height:25px;
	}

.onglet_4{
	background-image: url(../images/onglet_4.png);
	background-repeat: no-repeat;
	background-position:top;
	height:25px;
	}

#page{
	text-align:center;

	}

#titre{
	display:none;
	position: absolute;

	}



#page_contenus{
	text-align:left;
	position: absolute;
	width:1030px;/*980*/
	height:610px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;	
	padding:0px;
	
	background-image:url(../images/ombre.png);
	background-repeat:no-repeat;	
	
	overflow: hidden;
	}


/*===== ZONE ACTION DANS CONTENUS GENERE AU DEBUT DU CONTENUS 2 ET DANS MENU ==*/
.zone_action{
	position:absolute;
	width:100%;
	height:100%;
	/*
	background-color:#096;
	opacity:0.5;
	*/
	cursor:pointer;
	}


#contenu_1{
	/*background-color:#ebeaeb;*/
	background:none;
	padding:0px;
	margin-right:0px;
	width: 1020px;/*970*/
	height:600px;
	overflow: hidden;
	}
	

div#contenu_2{
	position:absolute;
	top:0px;
	left:230px;
	padding: 0px;
	margin: 0px;
	width: 790px;/*740px;*/
	height:600px;
	overflow: hidden;
	z-index:11;
	}



body#contenu_2{
	position:absolute;
	top:0px;
	left:230px;
	padding: 0px;
	margin: 0px;
	width: 790px;/*740px;*/
	height:600px;
	overflow: auto;
	z-index:11;
	}

#contenu_2_bloc{
	left:760px;/*710px;*/
	position: absolute;
	width:auto;
	height:600px;	
	right:0px;	
	background-image: url(../../moteurajax/medias/images/fonds/blanc_80.png);
	background-repeat:repeat;
	z-index:14;
	}

#btn_texte{
	position:absolute;
	left:0px;
	cursor:pointer;
	width:30px;
	height:600px;
	background-image:url(../images/btn_texte.png);
	background-position:30px 0px;//posX posY
	background-repeat:no-repeat;
}

body#contenu_2 div#texte{
	height:520px;
}
#texte{

	margin-top:0px;
	margin-left:30px;
	padding:20px;
	
	width:530px;/*530px;*/	
	/*height:495px;	*/
	overflow-y: auto;

	/*
	overflow : -moz-scrollbars-vertical; */
	}
	

#texte h1{
	color:#666;
	font: 20px 'SansationBold', Arial, sans-serif;
	display:inline;
	line-height:0px;
	/*letter-spacing: 0;*/
	}
	

#texte .lien_titre {
	font-size:14px;
	font-weight:bold;
	}


/*======================= BARRE OUTILS ======================*/

#outils{
	text-align:left;
	position:absolute;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom:40px;
	width:980px;
	color:#999;
	
	
	z-index:50;
	top:670px;	
	/*
	opacity: 1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first!
	filter: alpha(opacity=100);					// second!	
	*/
	}



#o_favoris{ /* icone favoris */
	background-image:url(../../moteurajax/medias/images/icones/outils/favoris_nb.png);	
	}
	
#o_elmt1{/* icone rss */
	background-image:url(../../moteurajax/medias/images/icones/outils/rss_nb.png);
	}	

#o_elmt2{/* icone liens */
	background-image:url(../../moteurajax/medias/images/icones/outils/liens_nb.png);
	}	
	
#o_elmt3{/* icone infos */
	background-image:url(../../moteurajax/medias/images/icones/outils/infos_nb.png);
	}	
	
#o_elmt4{/* icone admin */
	background-image:url(../../moteurajax/medias/images/icones/outils/admin_nb.png);
	}	

#sepa{/* separateur entre bouton et elmt */
	clear:both;
	}

#outils .btn{
	background-repeat:no-repeat;
	width:26px;
	height:26px;
	float:left;
	cursor:pointer;	
	/*
	opacity: 1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first!
	filter: alpha(opacity=100);					// second!	
	*/
	}	
	
#outils .elmt{display:block; margin-top:10px;}


/* Login */
#connexion{
	/*
	text-align:left;
	position:relative;
	margin-left:auto;
	margin-right:auto;	
	width:980px;
	color:#999;
	display:block;
	
	
	z-index:20;
	top:655px;	
	*/
	}
	
#connexion a{color:#999; text-decoration:none;}
#connexion a:hover{color:#FFF; text-decoration:none;}
#login form{display:inline;}