/*@version@1.1@version@*/
/*@description@Theme easy de la solution easySite from EasyBrickfr@description@*/

/*----------GENERAL----------*/

.image { float: left;}

.image-droite { float: right;}

body 
{ 
	font-family: arial, verdana, sans-serif ;
	font-style:italic;
	font-size: 14px;
	text-align:center;
	background:  url(./res/bord.jpg) ;
}

a 
{	font-family: georgia, prestige, sans-serif ;
	font-stretch:wider;
	text-decoration: none;
	font-style:italic;
	
	font-family: Arial;
}

img 
{
	border:0px;
}

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

table.web2
{
	border-collapse: collapse;
	width: 500px !agrandi les carres;
	
}

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

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

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

td.topcenter
{
	background: url(./res/topcenter.png) 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: white;
	color: #000000;	
	
	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 
{
	margin: 0;
	padding: 0;
	font: 16px arial, verdana, sans-serif;
	text-align:left;
	color: blue;
	font-weight: bold ;
}

h2
{	margin: 0;
	padding: 0;
	font: 12px arial, verdana, sans-serif;
	color: blue;
	text-decoration:underline ;
	font-weight: bold ;
}

}


h3
{
margin: 0;
padding: 0;
text-align: center;
font: 16px, arial;

color: blue;
font-weight: bold;

}

h4
{
font: 14px, arial;
text-align: left;	color: #00cc00;
font-weight: bold;

}

/*----------titres des fieldset----------*/
legend {font-size:16px; font-family: Arial,Verdana; color:#000099;
}
	/*---------------------*/


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

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

#content 
{	
	text-align:center;
	width: 900px;
	margin: auto;
	height:auto;
        background: url(./res/bas-big.jpg) no-repeat;
	
	
}

#header 
{
	width:900px;
	height:135px;
	margin: auto;
	background: url(./res/bando-big.JPG) no-repeat;
}

#footer 
{
	width:900px;
	height:134px;
	background: url(./res/footer-big.jpg) no-repeat;
	margin: auto;
	padding-top:0px;
	position:relative;
	text-align:center;
	font-size:9px;
	color:#0099FF
	
}

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

#hmenu 
{ 
	z-index: 2;	
	width: 700px;
	padding: 0px;
	padding-bottom:40;
	height: auto;
	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;
size:14;	
	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: white;
	background-color: #aca7f8;
	text-decoration: none;

	font-weight: bold ;
	
	
}

#hmenu ul li a:hover 
{
	background-color: #aca7f8;
	color: white;
	cursor:pointer;
	background-color: #C7D9F5;font-weight: bold ;
}

#vmenu 
{ 
	z-index: 2;
	width: 150px; 
	padding: 0px;
	padding-left:1px;
	position:absolute;
	margin-left:10px!important;
	margin-left:-140px !decalage Menu;
	margin-top:25;
	border: 0;
	color: #fff;

}

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

#vmenu a
{
	display: block;
	padding: 1px;
	width: 160px;
	
	
}

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

#vmenu a:hover
{
	background-color: #aca7f8;
	color: #fff;
}



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

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

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

#lienFermer a
{
        color:white;
}

#Connexion td
{
	color: black;
}

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

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

#masque {
        position: absolute;
	left:0px;
	top:0px;
        background-color: black;
        z-index:2;
        height:950px;
        width:100%!important;
		width:200%;
	filter:Alpha(opacity=70);
	moz-opacity:0.70;
	opacity: 0.70; 
}
/*----------MODULE page normmale----------*/

#pagenormale
{
	position:relative;
	padding-bottom:250px;
	top:10px;
	left:210px!important;
	left:100px;	
	width:460px;
}

}

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

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

/*----------MODULE PHOTOS----------*/

#photos
{
	position:relative;
	top:0px;
	
	padding-bottom:50px;
	padding-top:50px;
	left:210px!important;
	left:100px;	
	width:460px;
	
}

/*----------MODULE listing dossier----------*/

#list_dossier
{
	position:relative;
	top:0px;
	
	padding-bottom:250px;
	padding-top:50px;
	left:210px!important;
	width:460px;
	text-align: left;
	border:medium;
	border:#000066;
	border-left-color:#0033FF;
	
}

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



#accueil 

{ 
	
	padding-bottom:20px;
	position:relative;
	top:5px;
	left:210px!important;
	left:80px;	
	width:600px;
	border:medium;

	font-size: 13px;
	text-align=justify;
	
	
	font-family: Arial,Times;
	font-weight: bold ;
	a:visited {font-weight: bold ; color :red ;
	
	
 
}

	
 


#intra

{ 
	float: right;
	padding-bottom:0px;
	position:relative;
	top:5px;
	left:10px!important;
	left:0px;	
	width:300px;
	border:medium;
	font-size: 13px;color:blue;
	font-family: Arial,Times;
	font-weight: bold ;
	a:visited {font-weight: bold ; color :red ;
	
 
}

#accueil2
{ 
	
	padding-bottom:20px;
	position:relative;
	top:5px;
	left:210px!important;
	left:80px;	
	width:600px;
	border:medium;
	font-size: 13px;color:blue;
	font-family: Arial,Times;
	font-weight: bold ;
	a:visited {font-weight: bold ; color :red ;
}



#accueil_image 

{width:320px; 
	height:200px;	
background:  url(./res/crayon3.jpg) ;	
align:left;

float: left;
	 }




#accueilimage2 {float: left;
width:320px; 
	height:200px;	
	background:  url(./res/crayon3.jpg) ;
	
 }



#tablo
{
	
background:  url(./res/tablo4.jpg) ;

	
	width:145px;
	height:400px;
position:left;
	
#tablo2
{
	


	
	width:305px;
	height:400px;
position:relative;

	
}
#photo
{
	position:absolute;
    	 left: 50%; 
    	 top: 50%;
    	 margin-top: -110px; /* moitié de la hauteur de l'image */
     	margin-left: -195px; /* moitié de la largeur de l'image */
 } 
	
}

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

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

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

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

#plan
{	
	adding-bottom:50px;
	position:relative;
	top:10px;
	left:210px!important;
	left:100px;	
	width:200px;
	height:500;
}






/*----------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:100px;	
	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 photos----------*/


  

.Style1 {
	font-size: 11;
	font-weight: bold;
	color: #FFFFFF;
}
a.Style1 {
	text-decoration: underline;
}
a.Style1:hover {
	text-decoration: none;
}
.Style2 {
	font-size: xx-small;
	color: #FFFFFF;
}
a.Style2 {
	text-decoration: underline;
}
a.Style2:hover {
	text-decoration: none;
}
.txtrouge {
	font-size: xx-small;
	color: #FF0000;
	font-weight: bold;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.tdover {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
td.tdover:hover {
	border: 1px solid #666666;
}
.fdgris {
	background-color: #666666;
	padding: 4px;
}
.fdcolor1 {
	background-color: #99CCCC;
	padding: 4px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.imageborder {
	border: 1px solid #666666;
}