/*@version@1.0@version@*/
/*@description@Theme idea de la solution easySite from EasyBrick.fr@description@*/

/*----------GENERAL----------*/
body 
{ 
	font-family: Arial;
	font-size: 14px;
	text-align:center;
	background:url(./res/cerisier2.png);
	background-repeat:repeat-x;
	border:0px;
	margin:0px;
	padding:0px;
	margin-top:5px;
}

a 
{
	text-decoration: none;
	color:black;
	font-family: Arial;
}

img 
{
	border:0px;
}

table 
{
	border:0px;
	margin:0px;
	padding:0px;
}

table.web2
{
	border-collapse: collapse;
	width: 600px;
}

table.web3
{
	border-collapse: collapse;
	width: 610px;
}

td.topleft
{
	background: url(./res/topleft.gif) no-repeat;
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
}

td.topright
{
	background: url(./res/topright.gif) no-repeat;
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
}

td.topcenter
{
	background: url(./res/topcenter.gif) repeat-x; 
	color: #FFFFFF;
	font-family: Arial;
	font-size: 15px;
	text-align:center;
	height:25px;
	margin:0px;
	padding:0px;
}

td.left
{
	/*background: url(./res/left.png) repeat-y;*/
	margin:0px;
	padding:0px;
}

td.right
{
	/*background: url(./res/right.png) repeat-y;*/
	margin:0px;
	padding:0px;
}

td.center
{
	background-color: none;
	color: #000000;	
	text-align:center;
	font-size:13px;
	margin:0px;
	padding:0px;
}

td.bottomleft
{
	/*background: url(./res/bottomleft.png) no-repeat;*/
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
}

td.bottomright
{
	/*background: url(./res/bottomright.png) no-repeat;*/
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
}

td.bottomcenter
{
	/*background: url(./res/bottomcenter.png) repeat-x;*/
	height:25px;
	margin:0px;
	padding:0px;
}

h1, h2 
{
	margin: 0;
	padding: 0;
	
	font: 18px arial, verdana, sans-serif;
	color: #000000;
	line-height: 18px;
}

.style-font-titre       {font-size:12px; font-family:Verdana, Arial; color:black;}
.style-font              	 {font-size:10px; font-family:Verdana, Arial; color:black;}
.style-font-titre-rouge  {font-size:12px; font-family:Verdana, Arial; color:red;}

/*----------TEMPLATE----------*/

#content 
{
	text-align:center;
	width: 850px;
	height: 550px;
	background: #ffffff url(./res/content.jpg) no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#header 
{
	width:850px;
	height:120px;
	background: url(./res/header.gif) no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#footer 
{
	width:850px;
	height:90px;
	background: url(./res/footer.gif) no-repeat;
	padding-top:0px;
	margin-left: auto;
    margin-right: auto;
}

#footer a
{
vertical-align:top;
	height:0px;
	text-decoration: none;
	color:white;
	font-family: Arial;
}

#hmenu 
{ 
	z-index: 2;	
	width: 850px;
	padding: 0px;
	padding-left:40px!important;
	padding-left:80px;
	border: 0;
}

#hmenu ul
{
	text-align:center;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 85;
	margin: 0;	
	font-family:  Arial,Helvetica,sans-serif;
}

#hmenu ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}

#hmenu ul li a
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: black;
	text-decoration: none;
	background-color: #FFF;
	color: #FF1CE5;
font-weight: bold;
	border: 1px solid #FF1CE5;
}

#hmenu ul li a:hover
{
	background-color: #FFD8F3;

	cursor:pointer;

}

#vmenu 
{ 

	z-index: 2;
	width: 179px; 
	padding: 0px;
	padding-left: 0px;
	padding-top:0px;
	position:absolute;
	margin-left:20px!important;
	margin-left:-210px;
	margin-top:280;
	border: 0;
	color: #fff;
	background: url(./res/subnav-bg.gif) no-repeat;
	font: 12px verdana, sans-serif; 

}

#vmenu ul
{
	
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#vmenu a
{
	display: block;
	padding: 0px;
	width: 160px;
	background-color: #FFF;
}

#vmenu li
{
	 border-bottom: solid #E1E1E1 1px;
	border-left: solid #E1E1E1 1px;
	border-right: solid #E1E1E1 1px;
	list-style-type: none;

	display: block; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

#vmenu a:link, #navlist2 a:visited
{
	color: #988F5E;
	text-decoration: none;
}

#vmenu a:hover
{
	background-color: #FFF;
	color: #FF1CE5;
font-weight: bold;
        text-decoration: underline;
}

/*----------MODULE Connexion----------*/

#Connexion 
{
	z-index:3;
	position:relative;
	top:50px;
	left:160px!important;
	left:10px;
	width:500px;
	align:center;
}

#lienFermer 
{
	z-index:4;
	position:absolute;
	top:0px;
	left:500px!important;
	left:500px;
	width:20px;
	height:0px;
    font-size: 15px;
}

#lienFermer a
{
        color:white;
}

#Connexion td
{
	color: black;
}

#Connexion form
{
	width:380px;
	margin-left:50px;
}

#Connexion input
 {
	border:2px;
	background-color: #DDDDDD;
}

#myForm table{
	margin-left:80px;
}
#masque {
       position: absolute;
	left:0px;
	top:0px;
	background-color: black;
	z-index:2;
	height:1100px;
	width:100%!important;
	width:150%;
	filter:Alpha(opacity=70);
	moz-opacity:0.70;
	opacity: 0.70; 
}


/*----------MODULE Deconnexion----------*/

#Deconnexion 
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;
	width:460px;
}

/*----------MODULE Accueil----------*/

#accueil
{
	position:relative;
	top:30px;
	left:220px!important;
	left:110px;	
	width:300px;
}

#linkday
{
	position:relative;
	top:40px;
	left:220px!important;
	left:110px;
	width:200px;
}

#news
{
	position:relative;
	top:50px;
	left:220px!important;
	left:110px;	
	width:200px;
}

#weather
{
	position:relative;
	top:60px;
	left:220px!important;
	left:110px;	
	width:200px;
}

#contact
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

#plan
{	
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:600px!important;
	width:600px;
	height:400px;	
	overflow:auto;
}

#news h1 a
{
	color:#FFFFFF;
}

#weather h1 a
{
	color:#FFFFFF;
}


/*----------MODULE Galerie----------*/

#galerie
{
	position:relative;
	top:30px;
	left:220px!important;
	left:110px;	
	width:620px;
	height:450px;
}

#picture {
     position:absolute;
     border: 10px solid #AAAAAA;
	 background-color : #FFFFFF;
	 z-index:10;
}

#galerie img 
{
	margin:5px;
	border: 1px solid #000000;
}


/*----------MODULE Profil----------*/

#profil
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

#cartographieprofil
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:480px!important;
	width:460px;
	height:400px;
	overflow:auto;
}

/*----------MODULE Utilisateur----------*/

#utilisateur
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

/*----------MODULE Module----------*/
#module
{
	position:relative;
	top:10px;
	left:210px!important;
	left:180px;	
	width:200px;
}

#cartographiemodule
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:480px!important;
	width:460px;
	height:600px;
	overflow:auto;
}

/*----------MODULE Rss----------*/

#rss
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

/*----------MODULE Themes----------*/

#theme
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

/*----------MODULE Installation----------*/

#installation
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

/*----------MODULE Exemple----------*/

#fck
{
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
}

/*----------MODULE Upload----------*/
#upload
{
	margin-left: 210px;
	margin-top: 10px;
	width:600px;
	height:450px;	
	overflow:auto;
}

#uploadnavlist
{
display: block;
list-style: none;
font-size: 12px;
}

#uploadnavlist li
{
list-style: none;
font-family: \'Trebuchet MS\', verdana;
margin: 1px;
border: 1px solid #333;
text-align: center;
background: #fff;
display: block;
float: left;
color: #ccc;
}

#uploadnavlist li a
{
margin: 1px;
padding: 0px;
border: 1px solid #000;
font-weight: normal;
display: block;
width: 250px;
text-decoration: none;
color: #003399;
}

#uploadnavlist li a:hover
{
margin: 1px;
padding: 0px;
border: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: bold;
}

#uploadnavlist li a#current
{
font-weight: bold;
background: #ECECEC;
border: 1px solid #999;
}


/*----------MODULE Japon----------*/
#japon
{
	margin-left: 210px;
	margin-top: 10px;
	width:600px;
	height:450px;	
	overflow:auto;
}