/********** PLOOK 2008 *************/
/*###### http//elastick.net  ######*/
/******   plook-classic.css  *******/

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

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


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

.contenu{
background-color:#A7C4CD;  clear:both; position:relative; width:800px;  border:2px solid #556688; margin:0 auto; padding:0px; text-align:center; }

.assurehauteur{height:360px; float:left; width:1px; margin: 0; padding: 0;  }
.imagetitre{height:120px; 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.5em; margin:0 auto; text-align:left; background-image:url(../images/fond_page.jpg);}/*bloc du texte et images*/

.pied { height:60px; text-align:center; margin:0 auto; padding:0px; background:no-repeat left top }
 
 /*Navigation BOUTONS PAGES*/
.pageselectionne{background-color:#E6CCFD; color:#000}

ul#tabnav {
    position:absolute; top:96px; left:0px;
    font-weight: bold;
    font-size:11px;
    list-style-type: none;
    padding-bottom: 24px;
    margin: 0 auto;
}

ul#tabnav li {
    float:left;
    height: 21px;
    background-color: #CFE38E;
    margin: 2px 2px 0 2px;
    border: 1px solid #6c6;
	border-bottom: none;
}

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

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

#tabnav a {  
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

#tabnav a:hover {
    background: #fff;
}


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



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

.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:#FFF;   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:#D7F7FD;}

.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: #999;
	float: left;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	padding: 3px;
	color: #000;
}

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;}