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

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

a, img {
  text-decoration:none; 
/*  color:#999999; */
 color:#000000;
  border:none;
}

a:hover{
  text-decoration:underline;
}

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

.contenu {
  background-color:#CCCCAA;  
  clear:both; 
  position:relative; 
  width:800px;  
  border:2px solid #990000; 
  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:#990000;
  text-decoration:none;
  padding: 12px 0px 0px 10px;
}

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

.pied {
  height:60px;
  text-align:center;
  margin:0 auto;
  padding:0px;
  background:no-repeat left top
}
 
/* Navigation BOUTONS PAGES */
.pageselectionne{
/*  background-color:#BFD9E1; */
 background-color:#CCCCAA;
  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: #cfc; */
/*    background-color: #CCCCBB; */
 background-color:#997575;
    margin: 2px 2px 0 2px;
    border:1px solid #990000;
/*    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:#666; 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 #990000 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;
}

.langage{
  font-size:0.8em;
  text-align:right;
}
.signature { 
  color:#000000;
}

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