@charset "utf-8";
/* CSS Document */

/* --------------index------------------*/

#container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:771px;
}

#contenu{
	width:834px;
	height:630px;
	position:relative;
	top:-26px;
	left:165px;	
	border-right-style:solid;
	border-right-width:1px;
	background-color:#CCC;
	}
/*---------Feuille css haut------------*/

#banniere{
	position:relative;
	top:0px;
	z-index:4;
	width:100%;
	height:135px;
}

#table{
	position:relative;
	top:0px;
	height:20px;
	width:1000px;
	z-index:3;
	border-collapse:collapse;
	background-image:url(images/menu.png);
	background-position:bottom;
		
}

#tdhaut{	
	width:120px;
	height:20px;
	background-image:url(images/bouton.png);
	background-position:bottom;	
}


#phaut, #avi{	
	position:relative;
	bottom:10px;
	text-align:center;
	height:20px;
	width:120px;
	border-right:solid;
	border-right-width:1px;
	border-left:solid;
	border-left-width:1px;
	border-color:#FFF;
}

#tdder1{
	position:relative;
	bottom:10px;
	text-align:center;
	height:20px;
	width:120px;
	border-left:solid;
	border-left-width:1px;
	border-color:#FFF;
}

#tdder{
	height:20px;
	width:120px;
	position:relative;
	bottom:10px;
	text-align:center;
	border-right:solid;
	border-right-width:1px;
	border-color:#FFF;
}

#tdder2{
	position:relative;
	bottom:10px;
	text-align:center;
	height:20px;
	width:120px;
	border-right:solid;
	border-right-width:1px;
	border-left:solid;
	border-left-width:1px;
	border-color:#FFF;
}

#amenu{
	padding:15px;
	color:#FFF;	
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}

#tdhaut:hover{
background-image:url(images/bouton2.png);
}
	

/* ---------Feuille css gauche------------*/

#gauche{
	width:160px;
	height:617px;
	position:absolute;  
	top:179px;
	z-index:3;	
}

#imgback{
	top:179px;
	width:250px;
	height:623px;
	position:absolute;
	z-index:1;
}

form{
	position:relative;
	top:30px;
	left:15px;
	width:125px;
	height:120px;
	z-index:3;
	position:relative;
	/*border-bottom:dashed;
	border-bottom-width:2px;
	border-bottom-color:#000;*/
}

#connexion{
	position:relative;
	top:25px;
	left:0px;
	width:130px;
	background-color: #009;
	color:#FFF;
	border-width:1px;
	border-color:#FFF;
	border-style:inset;
}

#login{
	position:relative;
	top:12px;
	left:30px;
	border-style:inset;
	border-width:1px;
	width:61px;
	height:15px;
}

#mot_de_passe{
	position:relative;
	left:2px;
	top:18px;
	border-style:inset;
	border-width:1px;
	width:58px;
	height:15px;
}

#log{
	position:relative;
	top:10px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

#mdp{
	position:relative;
	top:15px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#acces{
	position:relative;
	top:0px;
	left:8px;
	font-size:14px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	}

#menu{
	width:150px;
	height:300px;
	position:relative;
	top:40px;
	left:12px;
}


.dt1, .dt2, .dt3, .dt4, .dt5, .dt6{
	width:137px;
	height:40px;
	position:relative;
	top:0px;
	left:0px;
	background:#0066FF;
	border:solid;
	border-width:1px;
	text-align:center;
	}
	
.dt1:hover , .dt2:hover, .dt3:hover, .dt4:hover, .dt5:hover, .dt6:hover{
	background-color:#03C;

}

#spm1{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

#spm2{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

#spm3{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

#spm4{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:11px;
	padding-right:11px;
}

#spm5{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

#spm6{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:53px;
	padding-right:53px;
}


#ul1
{
top:25px;
position:absolute;
width:130px;
height:auto;
left:110px;
z-index:3;
background-color:#03C;
border-style:solid;
border-width:1px;
}

#ul2
{
top:100px;
position:absolute;
width:160px;
height:auto;
left:110px;
z-index:3;
background-color:#03C;
border-style:solid;
border-width:1px;
}

#ul3
{
top:140px;
position:absolute;
width:160px;
height:auto;
left:110px;
z-index:3;
background-color:#03C;
border-style:solid;
border-width:1px;
}

#li1, #li2, #li3{
position:relative;
top:0px;
left:7px;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
list-style-image:url(images/palme4.png);
font-size:0.7em;
font-weight:600;
}

#link{
	color:#FFF;
	text-decoration:none;
	position:relative;
	top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:600;
}

#slink{
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}

#img{
	position:relative;
	top:25px;
	left:-2px;
}

#linkadmin{
	position:relative;
	top:7px;
	left:30px;
	color:#000;
}


/*------------Menu_Membre-------------*/


#menumembre{
	position:absolute;
	top:18px;
	left:130px;
	height:10px;
	width:500px;
	border-collapse:collapse;
	z-index:3;
}



#tdm1{
	border-right:solid;
	border-width:1px;
	width:40px;
	height:10px;
	text-align:center;
}

#tdm2{
	border-left:solid;
	border-right:solid;
	border-width:1px;
	width:100px;
	height:10px;
	text-align:center;
}

#tdm3{
	border-left:solid;
	border-right:solid;
	border-width:1px;
	width:120px;
	height:10px;
	text-align:center;
}

#tdm4{
	border-left:solid;
	border-width:1px;
	width:70px;
	height:10px;
	text-align:center;
}

#bmenu{
	text-decoration:none;
	color:#000;
	font-family:Arial, Helvetica, sans-seriff;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
}

#bmenu:hover{
	text-decoration:underline;
	color:#000;
	font-family:Arial, Helvetica, sans-seriff;
	font-style:italic;
}



/*-----------------NEWS---------------------*/


#news{
	width:125px;
	height:560px;
	position:absolute;
	top:40px;
	left:695px;
	z-index:2;
	padding:5px;
	padding-top:20px;
	border-left:solid;
	border-left-width:1px;
	border:solid;
	border-width:1px;/*
	border-top:solid;
	border-top-width:1px;*/
}

#h1news{
	position:relative;
	top:-30px;
	left:-5px;
	width:130px;
	height:22px;
	font-size:15px;
	color:#FFF;
	border-bottom:dashed;
	border-bottom-color:#000;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-left:5px;
	padding-top:3px;
	background-color:#999;
	font-family:Arial, Helvetica, sans-serif;
}

#PauseNews ,#StartNews{
	position:relative;
	top:0px;
	right:10px;
	font-size:12px;
	font-weight:bold;
	float:right;
	cursor:pointer;
}

#StartNews{
	display:none;
}

#PauseNews:hover ,#StartNews:hover{
	color:#F00;
}

#trnews{
	margin-top:-25px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#txtnews{
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:solid;
	border-bottom-width:1px;
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom-style:dashed;	
}

#text_accueil{
	width:100%;
	height:590px;
	position:absolute;
	top:40px;
	left:0px;
	z-index:2;
}

#text{
	width:650px;
	height:590px;
	position:relative;
	top:0px;
	left:0px;
	padding-left:20px;
	padding-right:20px;
	font-size:1em;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:2;
}

#Cliquez{
	font-size:12px;
	font-weight:500;
	margin-left:10px;
}

#TitreArt{
color: rgb(0, 0, 255);
font-size: xx-large;
font-style:italic;
}

img{
	border:none;
}


#galerie{
	position:relative;
	top:15px;
	left:5px;
	z-index:2;
}

#comm{
position:relative;
top:-10px;
font-size:9.5x;
text-align:center;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}