body {
	font: 85% verdana, arial, sans-serif;
	background-color: #e8ecaa;
	text-align: center;
}

a, img {
	text-decoration: none;
	color: blue;
	border: none;
}
a:hover{text-decoration:underline;}


.clear {clear: both; margin: 0; padding: 0; }

/*couleur du fond de texte*/
.contenu{
	background-color: transparent;
	clear: both;
	position: relative;
	width: 920px;
	border: 0px solid #556688;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

.assurehauteur{height:360px; float:left; width:1px; margin: 0; padding: 0;  }
.imagetitre{height:220px; text-align:left; background:#C8DCDC no-repeat right top; }
.imagetitre a {display:block; font-size:40px; color:#FFF; text-decoration:none; padding: 12px 0px 0px 10px; }


.contientpage{ padding:2em 2em 2em 3.8em; margin:0 auto; text-align:left;}/*bloc du texte et images*/

.pied { height:60px; text-align:center; margin:0 auto; padding:0px; background:no-repeat left top }
 
 /*Navigation BOUTONS PAGES lorsqu'on est sur la page la couleur qui reste*/
.pageselectionne{
	background-color: #9b171e;
	color: #9b171e;
}
/*Navigation position des onglets dans la page*/
ul#tabnav {
	position: absolute;
	top: 220px;
	left: 130px;
	font-weight: bold;
	font-size: 13px;
	list-style-type: none;
	padding-bottom: 24px;
	margin: 0 auto;
}
/*couleur fond BOUTONS off */
ul#tabnav li {
	float: left;
	height: 21px;
	background-color: ThreedShadow;
	margin: 1px 2px 0 2px;
	border: 0px solid #6c6;
	border-bottom: none;
}

ul#tabnav li.active {
	border-bottom: 0px solid #fff;
	background-color: white;
}

ul#tabnav li.active a {
	color: #000;
}

/*couleur texte BOUTONS ON */

#tabnav a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 4px;
}
/*couleur texte BOUTONS hover quand on passe dessus */
#tabnav a:hover {
	background: #8b0000;
	background-attachment: inherit;
}


#accesprive { width:800px; text-align:left; margin:0 auto; }
#accesprive a{color:#666; font-weight:bold; padding:6px; }
#accesprive a:hover {background-color:#B2E9F2; color:#000;}

/* pour centrer les videos avec id  */

#preview,#preview2{text-align:center;
 	
 }
/* pour centrer les lecteurs MP3 avec id  */

#mediaspace,#mediaspace2,#mediaspace3{
	text-align: center;
}


/* ADMIN */
#adminbody {
	background-color: olive;
}

.textetitre{position:absolute; top:10px; left:10px;}
.textetitre textarea { 
background-color: transparent;
color:#FFF;
font-family: verdana, arial, sans-serif;
font-size:30px;
}

.info{font-size:3em; color:#000; border:2px solid #000; background-color:#000;   float:left; text-align:center; margin-right:0.4em;}
.contientext{ text-align:left; vertical-align:middle; padding-bottom:50px; padding-top:1em; padding-left:1%; padding-right:1%;  }

.affichimage{ text-align:center; margin-right:4px; margin-bottom:1em;}
.affichimage a{text-align:center; }
.affichimage a img{width:98%; margin:0 auto; border:solid #FFF 1px; background-color:#000;}
	
.renomme,.valider{ background-color: #FFC0CB;}
.supprime{ background-color: #FF5559;}
.renomme,.valider,.supprime{
 	color: #000; margin:0px; padding:0px;  
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;}
	
.alerte{ display:block; z-index:100;  background-color: #FF5559; position:absolute; top:150px; left:200px; width:460px; color:#FFF; font-weight: bold; padding: 6px; border:4px solid #FFF; text-align:center;}
.alerte a {color:#FFF; text-decoration:underline;}
.alerte a:hover {color:#FFFF00;}
.alerteplusbas{ display:block; z-index:100;  background-color: #FF5559; position:absolute; top:350px; left:150px; width:460px; color:#FFF; font-weight: bold; padding: 6px; border:4px solid #FFF; text-align:center;}
.textblanc{color:#FFF; font-weight:bold; text-decoration:none;}


.fondtextarea {
background-color: #DDE0E1;
font-size:14px;
border: solid #666 3px;
width:95%;
margin:0; padding:0;
}

.gestionimg {font: bold 11px verdana, arial, sans-serif;}

ul#tabadmin {
	width:800px; 
    font: bold 0.8em verdana, arial, sans-serif;
    list-style-type: none;
    margin: 0 auto;
	padding:0;
	
}

ul#tabadmin li {
    float: left;
    height: 21px;
    white-space:nowrap;
    margin-right:1px;	
}

ul#tabadmin li.active , .gestionimg active {
    border-bottom: 1px solid #fff;    
}

ul#tabadmin li.active a, .gestionimg active a  {
    color: #000;
	
}

#tabadmin a, .gestionimg a {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}
#tabadmin a{float: left;}
#tabadmin a:hover, .gestionimg a:hover{
	background-color: #B2E9F2;
	color: #000;
}
#tabadmin li {
	border: 1px solid #009999;
	border-bottom: 0;
	background-color: yellow;
}

.enligne{list-style-type: none; display:inline; margin:0px; }
.modifadmin{ display: none; clear:both; border-right: 1px solid #009999;  border-left: 1px solid #009999;  border-top: 1px solid #009999;
width:800px; text-align:center; margin:0 auto; padding-top:4px; padding-bottom:4px; background-color: #FFF;}

.imagesadmin { border: 1px solid #009999; width:800px;  background-color:#D7F7FD; text-align:center; margin:0 auto; margin-top: 20px; }
.geredossierimage{   margin:0 auto; position:relative; height:auto;  padding:0px; display: none; margin-left:5px;}

/******TOOLBAR******/
.toolbar{margin:0; padding:0;  height:auto; }
p.toolbar a
{	background-color: #000;
	float: left;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	padding: 3px;
	color: #fff;
}

p.toolbar a, p.toolbar a:link, p.toolbar a:visited
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
	border-right: 1px solid #666;
	text-decoration: none;
}

p.toolbar a:hover
{
	background-color: #ccc;
	text-decoration: none;
}

 .compteur{color:#444; font-size:0.8em;}
  .alignleft{text-align:left;}
 .exploreimg{float:right; width:320px; margin-left:2em;}
 .exploreimgplus{overflow: auto; height:300px; width:400px;}
 
 .show{display:block}
 .imagesdusite{float:left; border: 1px solid #000 ;  display:block; background-color:#999; font-size:0.8em;  padding:5px; height:184px; width:184px ; overflow:hidden;}
 form p{display:inline; margin:0; padding:0;}
 
/*Navigation position des onglets dans la page admin*/
#adminbody ul#tabnav {
	position: absolute;
	top: 30px;
	left: 0px;
	font-weight: bold;
	font-size: 13px;
	list-style-type: none;
	padding-bottom: 44px;
	margin: 0 auto;

}
/* pour enlever l'image dans l'admin*/

#adminbody .imagetitre,#adminbody .pied,#adminbody .textetitre {
	visibility: hidden;
}
#adminbody .imagetitre {
	height: 50px;
}
/*
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px 
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
*/