/* ----------------------------------------------------------------------------------------
  Auteur : Gaël Desmoucelles
  Date de création : 
  Date de dernière modification : 
  
  Page : 
  Description : 
---------------------------------------------------------------------------------------*/
body{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	overflow: visible; 
}
#page{
	width: 100%;
}
#header_logo{ 
	width: 100%;
	background: url( bgtry.gif ) repeat-x;
	overflow: visible;		
	vertical-align: middle;
	position: fixed;	
} 
#menu{ 
	width: 100%;
	overflow: hidden;
	float:left;
	margin:  0px 0px 0px 0px;
	padding-top: 1px;
	line-height: normal;
	background:  url( aelogo3.gif ) left no-repeat;
	text-align: right;	
} 
#main{
	width: 1000px;
	margin: 20px auto 0px auto;
	margin: 0px 0px 0px 0px;
	padding: 120px 0px 0px 30px;
	text-align: left; 
	background: url( tdrame_contenu.gif );			
}
#divspacer{
	width: 100%;
	background-color: #FFFFFF;
	height: 10px;
	float: left;
}
#sidebar{
	width: 200px;
	float: left; 
	margin: 0px 0px 0px 0px;		
	position: fixed;
	left: 20px;
	/*background-color: blue;*/
}
#contenu{
	width: 660px; 
	/*float: left; */
	margin-bottom: 20px;		
	margin-left: 250px;
	overflow: auto;	
	text-align: justify;	
	/*background-color: red;*/
}  

#contenufull{
	width: 840px; 
	/*float: left; */
	margin-bottom: 20px;		
	overflow: auto;	
	text-align: justify;	
}
#footer{
 width: 840px; 
 margin-top: 50px;
 margin-left:180px;
 text-align: center;

 color: #828282; 
 font-size: 10px;
}

ul#nav{ margin: 0px 0px 0px 198px; list-style-type : none; font-weight: bold; }
/*ul#nav *{ font-weight: bold; color: #475454; }*/

ul#nav *{ font-weight: bold; color: #223333; }
ul#nav li{	
	padding : 0px 0px 0px 0px;		
	background: url( norm_right.gif ) no-repeat right top; 	
	float:left;
	margin: 0px 1px 0px 0px; 
	text-align: center;	
}
ul#nav a{
	float:left;
	padding: 5px 15px 5px; 
	background: url( norm_left.gif  ) no-repeat left top;  
	display: block;
	text-decoration:none;	
	margin: 0px 1px 0px 0px;
}
ul#nav li.activelink{
	background: url( norm_right_on.gif ) no-repeat right top; 
	color: #003;
	margin: 0px 1px 0px 0px; 
}
ul#nav li.activelink a {
	background: url( norm_left_on.gif  ) no-repeat left top;
	color: #003;
	margin: 0px 1px 0px 0px; 
}
ul#nav li.hoverlink{
	background: url( norm_right_current_on.gif ) no-repeat right top; 
	color: #F9DDB6;
	margin: 0px 1px 0px 0px; 
}
ul#nav li.hoverlink a {
	background: url( norm_left_current_on.gif  ) no-repeat left top;
	color: #FFFFFF;
	margin: 0px 1px 0px 0px; 
}


h4{ text-align: left; color: #097a74; font-size: 20px; text-indent: 20px; }
.ssh4{ font-size: 13px; font-weight: bold; font-style: italic; text-align: justify; }

p{ text-align: justify; }
p.basdepage{ margin-left: 40px; color: #336699; }

#contenu ul, #contenu li{ text-align: left; list-style-image: url( puce.gif ); }

#sidebar ul{
  text-align: left;
  margin: 00px 0px 0px 0px;
  padding: 0px;
  list-style-type:none;
  font-size: 14px;
  overflow: auto;
}

#sidebar li{ margin: 0px 0px 5px 0px; }    

#sidebar li a:link   { width: 190px; text-align: right; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }
#sidebar li a:visited{ width: 190px; text-align: right; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }
#sidebar li a:hover  { width: 190px; text-align: right; color: #ff9c01; text-decoration: none; border-bottom: 1px dashed #ff9c01; display: block; }
#sidebar li a:active { width: 190px; text-align: right; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }

#sidebar li.inactif { width: 190px; text-align: right; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }

#sidebar p{ text-align:right; margin-right:10px;}
    
/*
#sidebar li a:link   { width: 170px; text-align: left; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }
#sidebar li a:visited{ width: 170px; text-align: left; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }
#sidebar li a:hover  { width: 170px; text-align: left; color: #ff9c01; text-decoration: none; border-bottom: 1px dashed #ff9c01; display: block; }
#sidebar li a:active { width: 170px; text-align: left; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }

#sidebar li.inactif { width: 180px; text-align: left; color: #097a74; text-decoration: none; border-bottom: 1px dashed #669999; display: block; }
*/
/* ========================================================================== TABLEAUX */
.tblchiffre td { border: 1px solid #99CCCC; background-color: #CCFFDD; }
.tblchiffre th { border: 1px solid #99CCCC; background-color: #DDFFEE; text-align: center; }
.tblref{ background-color: #FFFFFF; }
.tblref td { background-color: #d7e7e6; }

.tbl td { border: 1px solid #99CCCC; background-color: #CCFFDD; font-size: 11px; }
.tbl th { border: 1px solid #99CCCC; background-color: #DDFFEE; text-align: center; }

h5{ text-align: left; color: #afafaf; font-size: 14px; text-indent: 10px; width: 100%; border-bottom: 1px solid #FFC46B; margin: 25px 0px 5px 0px; padding: 0px; }
h5 a:link   { text-align: left; color: #afafaf; text-decoration: none; }
h5 a:visited{ text-align: left; color: #afafaf; text-decoration: none; }
h5 a:hover  { text-align: left; color: #afafaf; text-decoration: underline;  }
h5 a:active { text-align: left; color: #afafaf; text-decoration: none;  }

h2{ text-align: left; color: #097a74; font-size: 14px; text-indent: 10px; border-bottom: 1px solid #FFC46B; margin: 10px 0px; padding: 0px; text-decoration: none; }

h6{ text-align: left; color: #afafaf; font-size: 13px; text-indent: 0px; border-bottom: 1px solid #afafaf; margin: 20px 50px 5px 50px; padding: 0px; }
	
h3{ text-align: right; border-bottom: 1px dashed #ff9c01; color: #097a74; font-size: 14px; margin-top: 20px; }

h1{ text-align: right; border-bottom: 1px solid #097a74; color: #097a74; font-size: 18px; margin: 20px 0px 5px 0px; text-decoration: none; cursor: pointer; }
h1:hover{ text-align: right; border-bottom: 1px solid #ff9c01; color: #ff9c01; font-size: 18px; margin: 20px 0px 5px 0px; text-decoration: none; cursor: pointer; }

h1.accueil{ text-align: right; border-bottom: 1px solid #097a74; color: #097a74; font-size: 18px; margin: 20px 0px 5px 0px; text-decoration: none; cursor: pointer; }
h1.accueil:hover{ text-align: right; border-bottom: 1px solid #ff9c01; color: #ff9c01; font-size: 18px; margin: 20px 0px 5px 0px; text-decoration: none; cursor: pointer; }

h1.accueilinterne{ text-align: right; border-bottom: 1px solid #9BC6C3; color: #9BC6C3; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none; cursor: pointer; }
h1.accueilinterne:hover{ text-align: right; border-bottom: 1px solid #ff9c01; color: #ff9c01; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none; cursor: pointer; }
h1.accueilinterne a:link{ text-decoration: none; color: #9BC6C3; }
h1.accueilinterne a:hover{ text-decoration: none; color: #ff9c01; }

h1.h1enable{ text-align: right; border-bottom: 1px solid #097a74; color: #097a74; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none; cursor: pointer; }
h1.h1enable:hover{ text-align: right; border-bottom: 1px solid #ff9c01; color: #ff9c01; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none; }

h1.h1disable{       text-align: right; border-bottom: 1px solid #097a74; color: #097a74; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none;cursor: default;  }
h1.h1disable:hover{ text-align: right; font-size: 18px; margin: 20px 0px 0px 0px; text-decoration: none; cursor: default; }

h1 a{ text-decoration: none; }
h1 a:hover{ text-decoration: none; }

.colrouge{ color: red; }
.colvert{ color: #097a74; }
.txt10{ font-size: 10px; }
.centre{ text-align: center; }
.gauche{ text-align: left; }
.droite{ text-align: right; }
.justifie{ text-align: justify; }
.haut{ vertical-align: top;}

img{ border: 0px; margin: 0px; padding: 0px;}
.opaque{
/*	opacity: .5;	
	filter: alpha(opacity=50);*/
}
/* =========================================================================== CONTENU */
#contenu .texte { width: 100%; margin: 0px 0px 20px 0px; }

a:link    { color:#097a74; }
a:visited { color:#097a74; }
a:hover   { color:#ff9c01; }
a:active  { color:#097a74; }   

a.lienaccueil:link    { font-size: 14px; color:#097a74; }
a.lienaccueil:visited { font-size: 14px; color:#097a74; }
a.lienaccueil:hover   { font-size: 14px; color:#ff9c01; }
a.lienaccueil:active  { font-size: 14px; color:#097a74; }

a.h1stt:link    { color:#097a74; text-decoration: none; }
a.h1stt:visited { color:#097a74; text-decoration: none; }
a.h1stt:hover   { color:#ff9c01; text-decoration: none; }
a.h1stt:active  { color:#097a74; text-decoration: none; }     

.cacher{ visibility:hidden; display:none;   }
strong { font-weight: bold; color: #575757; }

/* -------- COULEUR DE FOND ---------- */
.bgvertbase{ background-color: #097a74; }

.bgvertclair1{ background-color: #99CCCC; }
.bgvertclair2{ background-color: #b3d5d6; }
.bgvertclair3{ background-color: #d7e7e6; }
.bgvertclair4{ background-color: #f2f8f8; }
.bgorange{ background-color: #ff9c01; }

.bggris1{ background-color: #f0f0f0; }
.bggris2{ background-color: #e5e5e5; }
.bgmx  { background-color: #EAFAFF; }
.bguk   { background-color: #FFF7F4; }
.bgfr   { background-color: #E2EBFF; }
.bgit   { background-color: #EFFFFA; }
.bges   { background-color: #FFFDDB; }
.bgde   { background-color: #F8E2FF; }


.bgblanc{ background-color: #FFFFFF; }
.bgjauneclair{ background-color: #fff4c9; }

input{
	border: 0px solid #FFFFFF;
	text-align: left;
	margin: 5px;		
	vertical-align: middle;
}
input.bouton{
	border: 1px solid #ff9c01;
}

h1.erreur{
	text-align: center;
	font-size: 18px;
	color: #097a74; 
	text-decoration: none;
	border: 0px solid #FFFFFF;	
	margin: 30px 0px 10px;
}

h2.erreur{
	text-align: center;
	font-size: 16px;
	color: #097a74; 
	text-decoration: none;
	border: 0px solid #FFFFFF;	
	margin: 10px 0px 0px;
}

h3.erreur{
	text-align: center;
	font-size: 13px;
	color: #ff9c01; 
	font-style: italic;
	border: 0px solid #FFFFFF;	
	margin: 5px 0px 10px;
}

div.ref_liste{
	width: 100%; 
	text-align: center;
	font-size: 14px;
	/*overflow: auto;*/
}

div.ref_liste{ color: #7C7C7C; }
div.ref_liste a { color: #000000;       text-decoration: none; }
div.ref_liste a:hover { color: #ff9c01; text-decoration: none; }
div.ref_liste span.point{ color: #097a74; font-size: 16px; font-weight: bold; margin: 0px 3px; }
div.ref_liste span.end{ font-size: 20px; font-weight: bold; color: #097a74; }

table.tblevenement td { background-color: #EEEEEE; }
div.ev_titre{ font-size: 17px; font-weight: bold; color: #7C7C7C; margin-bottom: 10px; }
div.ev_date{ font-size: 14px; font-weight: bold; margin-bottom: 5px; }
div.ev_site{ font-size: 12px; font-weight: bold; color: #7C7C7C; margin-bottom: 10px; }
div.ev_lieu{ font-size: 12px; font-weight: bold; color: #7C7C7C; margin-bottom: 5px; }
div.ev_ville{ font-size: 14px; font-weight: bold; color: #7C7C7C; margin-bottom: 5px; }

.events{ cursor: pointer; }

/*======================================================================== JAVASCRIPT */
.cacher{ visibility:hidden; display:none;   }
.afficher{ visibility:visible; display:block;   }