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

body{
	background-image: url(../Image/fond.png);
	}

#global {
	background-position:center;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#entete {
	background-image:url(../Image/entete.png);
	background-position:center;
	height:84px;
	width: 1000px;
	position:relative;
	z-index:4;
	}

.menu_dce{
	background-image:url(../Image/menu_dce.png);
	height:73px;
	width:73px;
	position:relative;
	top:-80px;
	left:888px;
	z-index:5;
	}
	
/*      MENU      
------------------------------------------------------------------------*/
#menu {
	position: relative;
	z-index:2;

	font-family:Credit Valley; 
	font-size:20px;
	top:-90px;
	left:-20px;
	#top:-90px; /* IE */
	#left:-20px;
		}

#menu ul {
 list-style-type:none;
 }
#menu li {
 float:left; /*pour IE*/
 }
#menu ul li a {
		background-image:url(../Image/bouton_click.png);
		width:93px;
	    line-height:32px;
 		display:block;
 		float:left;   
		text-decoration:none;
 		text-align:center;
 }
#menu ul li a:hover {
	background-image:url(../Image/bouton_ullia.png);
	width:93px;
	line-height:32px;
	color:#666;
	#color:#666;
 }  
#menu a:visited{
	color:#666;
	#color:#666;
}

	
/*      MENU2      
------------------------------------------------------------------------*/
#menu2 {
	position: relative;
	z-index:2;

	font-family:Credit Valley; 
	font-size:20px;
	top:10px;
	left:-30px;
	#top:10px; /* IE */
	#left:-30px;
		}

#menu2 ul {
 list-style-type:none;
 }
#menu li {
	float:left;
 #float:left; /*pour IE*/
 }
#menu2 ul li a {
 display:block;
 float:left;   
 line-height:20px; /*hauteur de l'image de fond*/
 text-decoration:none;
 text-align:center;
 }
#menu2 ul li a:hover {
	color: #FC0;
	#color: #FC0;
 }  
#menu2 a:visited{
	color:#666;
	#color:#666;
}

/*      MENU footer      
------------------------------------------------------------------------*/
#menu_footer {
	position: relative;
	z-index:2;
	font-family:Credit Valley; 
	font-size:20px;
	top:5px;
	left:-30px;
	#top:-30px; /* IE */
	#left:-30px;
	
		}

#menu_footer ul {
 list-style-type:none;
 }
#menu_footer li {
 float:left; /*pour IE*/
 width:25px;
 height:25px;
 }
#menu_footer ul li a {
	
 float:left;   

 }
#menu_footer ul li a:hover {

 }  
#menu_footer a:visited{

}
/*      contenu      
------------------------------------------------------------------------*/
.content
{
	padding-top:50px;
	padding-right:40px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #666;
	#padding-top:20px;
}

#contenu{
	background-color:#FFF;
	position:relative;
	width: 1000px;
    position:relative;
	top:-115px;
	z-index:0;
	#top:-140px; /* IE */
}

#contenu_header{ 

}

#contenu_middle{
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-y;
	width: 1000px;
	position: relative;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	#top:px; /* IE */
}

#contenu_footer{

	width: 1000px;
	position:relative;
	background-image: url(../Image/contenu_footer.png);
	background-repeat: no-repeat;
	height: 90px;
	#top:px; /* IE */
}

/*      foot      
------------------------------------------------------------------------*/
#footer{
	
	background-image:url(../Image/footer.png);
	height: 30px;
	width: 1000px;
	background-repeat: no-repeat;
	position:relative;
	top:-136px;
	#top:-140px; /* IE */
	}
	
#liens{
	background-position:center
	}

a img {

border:0;

} 

/*     image home    
------------------------------------------------------------------------*/

.titre_home{
	font-size:25px;
	position: relative;
	font-weight: bold;
	color: #666;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}

.texte_home{
	font-size:15px;
	color: #666;
	z-index: 1;
	vertical-align: middle;
	}

.world{
	background-image: url(../Image/world.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 250px;
	position:relative;
	left:350px;
	}

                                 /*   page lien  
------------------------------------------------------------------------*/
.lien{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#000;
	text-decoration: none;
	}
.lien:hover { text-decoration:underline; color: #39F }

.texte_lien{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	}
	
.planet{
	background-image:url(../Image/planet.png);
	height: 132px;
	width: 135px;
	margin-top: -180px;
	margin-left: 800px;
	}

.titre_lien{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: bolder;
	}
	                                /*   page doc  
------------------------------------------------------------------------*/
.titre_docu{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	color: #666;
	}
.gallerie{
	padding-left: 70px;
	padding-bottom: 10px;
	}
	                              /*   page forum
------------------------------------------------------------------------*/
.texte_forum{
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
         
A { text-decoration:none }
A:hover { text-decoration:underline; color:red }

td.menu { border:solid 1pt silver; padding:5 }
td.item { border:outset 1pt white; text-align:center; font:bold 9pt Verdana; background:#EEEEFF }

td.msg { border:solid 1pt silver }
dt.msg { background:#EEEEFF }
dd.msg { background:#FFFFEE }
font.msg,A.msg { font:bold 9pt Verdana }
.msgdate { color:gray }

.msg1 { padding:5; border:solid 1pt silver; background:#EEEEFF }
.msg2 { padding:5; border:solid 1pt silver; background:#FFFFEE }

tr.navig { background:#EEEEFF }

.titre { font:normal 18pt Verdana; color=gray }
.form { background:#EEEEFF; border:solid 1pt silver }

.f7 { font:normal 7pt Verdana }

.signature { border-top:dashed 1pt silver; font:normal 7pt Verdana; color:gray; }

.box { border:outset 1pt white }
                        /*   page intro
------------------------------------------------------------------------*/
.energie{
	background-image:url(../Image/energie.png);
	background-repeat: no-repeat;
	height: 185px;
	width: 670px;
	padding-bottom: 20px;
	margin-left: 140px;
	}
	
.RSS{
	background-image:url(../Image/RSS-icon.png);
	height: 30px;
	width:30px;
	position: absolute;
	z-index: 5;
	left:960px;
	top:25px;
	#top:20px; /* IE */
	}
	
.contact{
	color:#666;
	padding-left: 50px;
	position: relative;
	top:px;
	height:230px;
	width: 900px;
	}

.qrcode{
	background-image:url(../Image/QRcode.jpg);
	background-repeat:no-repeat;
	height:200px;
	position: relative;
	width: auto;
	left:650px;
	top: -220px;
	#left:650px;
	#top: -130px;
	}

                        /*   fonction know
------------------------------------------------------------------------*/
#fonction_know {
	display:block;
	position: absolute;
	z-index: 5;
	left:650px;
	top: 30px;
	#top:20px; /* IE */
	color: #000;
	
	font-size: 0.9em;
	font-weight: 600;
}
#fonction_know a:visited, fonction_know a {
	color: #666;
}
#fonction_know a:hover {
	color:#FC0;
}
#menu_login{

	display:none;
	padding-top: 2px;
	
}

.button {
	color: #FFFFFF;
	font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-image: url(../Image/topcell3.gif);
	background-color: #4F5863;
}

.bginput {
	color: #000;
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #738090;
	background-image: url(../Image/bginput.gif);

}

.smallfont

{
	color: #000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.panelsurround

{

	color: #FFFFFF;
	font-size: 12px;
	padding: 0px;

}

.panel

{
	color: #333;
	font-size: 12px;
	border: solid 1px #3A3C44;
	background-image: url(../Image/fl_up.png);
	background-position : left top;
	background-repeat : no-repeat;
}

.content_register{
	padding-top:40px;
	padding-right:40px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #666;

	}
                        /*  
------------------------------------------------------------------------*/
#lien_tableau{
	padding:10px;}