/* CSS Document */
html,body{
	padding:0;
	margin:0;
	color:#EAEAEA;
	height:100%;
	/*background: url("./images/ga2d_fond38.png") no-repeat;*/
	background-color:#000000;
	background-attachment:fixed;
	}
html>body #wrap {height:100%;} /* 100 % en hauteur */
#wrap {
	width:771px;
	margin:0 auto;
}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
}
/*--------------------------------menuline---------------------------*/
#menuline{
	position:fixed;
	width:100%;
	margin:0 auto 0 auto;
	height:21px;
	text-align: center;
	background: #696969;
	left:0;
	z-index:10;
}
#menuline ul{
	width:484px;
	margin:0 auto 0 auto;
	display:block;
}
#menuline ul li{
	display:block;
	float:left;
	margin:0 auto 0 auto;
	padding:0;
}
#menuline ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 14px 0 14px; 
	color:#EAEAEA;
	text-decoration:none; 
	margin:0 auto 0 auto;  
	height:21px;
}
#menuline ul li a:hover{
	color:#EAEAEA; 
	background-color:#454545;
}


/*--------------------------------header pan---------------------------*/
#headerPan{	/*pour la banniere*/
	padding:1.3125em 0 0 0;
	width:771px;
	height:8.75em;
	position:fixed;
	z-index:2;
	}
html>body #mainBody2-wrap {
	height:100%;
	background-color: #000000;
}

/*----------------------------------body part----------------*/
#mainBody{	/*pour la page accueil(index.html)*/
	width:771px;
	background-color: #696969;
	padding:9.75em 0 1.6875em 0;
	}	
#LogoCentral{
	width:544px;
	height:363px;
	margin: 27px auto 43px auto;
	text-align: center;
}
	
#mainBody2{	/*pour les autres pages*/
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:8.75em 1em 4.1em 10.5em;
	background-color: #696969;
	}	
#mainBody2 a{
	font: bold 18px/ 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none; 
	}/*
#mainBody2 a:hover{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size: 16px;
	}	*/
		
#mainBody2 a img{
	border-style:solid;
	border-color:#CCCCCC;
	}	
	
#mainBody2 a:hover img{
	border-style:solid;
	border-color:#FFFFFF;
	}	
	
#mainBody2 li {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size: 16px;
	padding: 5px 0 1px 5px;
	}
	
#mainBody2 a.normal  {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-size: 16px;
	text-decoration:none;
	}	
#mainBody2 a.normal:hover  {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 16px;
	text-decoration:none;
	}
	

ul.imglist2
{
	font-size: 18px;
	list-style-type:disc;
  	padding: 0px;
	margin: 0px 0px  0px 20px;
}

#mainBody2 li.imglist3	/*pour les activites*/
{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
  	padding: 1em 0 0 0em;
}

#mainBody2 li.imglist4	/*pour les elements de la presentation*/
{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
  	padding: .5em 0 0 0em;
	margin: 0px 0px  0px 12em;
}

.imglist
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

	
.realisa {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-style:solid;
	border:solid;
	border-width:2px;
	border-color:#000000;
}	
.photo {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:top;
}


/*-------------left side------*/
#leftPan{
	padding:12.4em 0 4.1em 0;
	width:9.375em;
	height:100%;
	color:#B6B6B5;
	position:fixed;
	background-color: #3e3e3e;
	}
	
/*---------------Puces du menu gauche----------*/
#leftPan ul li a{
	color:#B6B6B5; 
	text-decoration:none; 
	display:block;
	}
#leftPan ul li a:hover{
	background-color:#454545; 
	color:#B6B6B5;
	}

li.pun
{
  background-image: url('images/ga2d-puce-accueil.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}

li.pdeux
{
  background-image: url('images/ga2d-puce-presentation.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.pdeuxencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-presentation.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}

li.ptrois
{
  background-image: url('images/ga2d-puce-activites.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.ptroisencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-activites.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}


li.pquatre
{
  background-image: url('images/ga2d-puce-realisations.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.pquatreencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-realisations.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}

li.pcinq
{
  background-image: url('images/ga2d-puce-equipe.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.pcinqencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-equipe.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}

li.psix
{
  background-image: url('images/ga2d-puce-contact.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.psixencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-contact.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}
li.psept
{
  background-image: url('images/ga2d-puce-administration.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
  padding: 4px 0 4px 41px;
  margin: .4em 0;
}
li.pseptencours{
	background-color:#454545; 
	color:#B6B6B5;
	display:block;
	background-image: url('images/ga2d-puce-administration.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 4px 0 4px 41px;
	margin: .4em 0;
}

.titre1 {
	font-size: 18px;
	font-weight: bold;
}
.titre2 {
	font-size: 16px;
	font-weight: bold;
	padding:.7em 0px .2em 0px;
	color:#000000;
}
.texte1 {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:justify;
}
/*-------------------------------footer---------*/

html>body #footerMain {
	position:fixed;
	bottom:0;
	z-index:8;
}
#footerMain{
	height:20px;
	width:771px;
	text-align: center;
	color:#FFFFFF;
	font:12px/18px "Helvetica", Arial, Trebuchet MS, sans-serif;
	background:#000000
	}
/*-------------------------*/
html>body #LogoFooter {
	position:fixed;
	bottom:0;
	z-index:9;
}
#LogoFooter{
	height:3.2em;
	background: #000000;
	width:771px;
	padding-bottom:15px;
	}
a.nomdesigner {
	color:#AAAAAA;
	text-decoration:none;
}
a.nomdesigner:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/*-------------------------*/
.post {
	margin-bottom: 9px;
	padding: 18px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #1F1F1F;
	border-bottom: 1px solid #1F1F1F;
	border-left: 1px solid #1F1F1F;
}
#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 640px;
	background-color: #000000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1000;
	display: none;
}

#control_menu {
  position: absolute;
  /*top: 21px;
  right: 20px;*/
  bottom: 10px;
  left: 550px;
  width: 130px;
  text-align: right;
  display: none;
  z-index: 1002;
}

#control_menu img {
  cursor: pointer;
}

#update .thumb {
  background: #000000;
  border: 1px solid #222222;
  display: inline;
  padding: 7px;
  margin: 3px;
  cursor: pointer;
}

#wiindow {
	z-index: 1005;
	display: none;
	position: absolute;
}

#wiindow_inside {
	border: 1px solid #555555;
	padding: 10px;
	background: black;
	text-align: center;
}

/*-------------------------*/
.link_bulle {
	color: gray;
	border-bottom: 1px dotted gray;
}

.infos_bulle {
	z-index: 500;
	position: absolute;
	top: -999px;
	visibility: hidden;
	font: normal 10px Verdana, Arial;
	font-size:13px;
	color: black;
	padding: 8px;
	border: 1px solid #ccc;
	background-color: #FFFFE1;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90); 
}