/* CSS Document */

/* PRESENTATION GENERALE **************************************************************************************************** */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: center ;
}

/* TEXTE ******************************************** */
p {
margin: 0 0 10px 0;
text-align:justify;
}

p.intro {
	font-style: italic;
	text-align: justify;
	text-indent: 2em;
}

p.credit {
	font-style: italic;
	text-align: right;
	font-size: 0.8em;
}

p.legende {
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
}

p.retour {
	text-align: right;
	font-style: italic;	
}

p.centre, div.centre, tr.centre, td.centre, h3.centre , h2.centre {
	text-align: center;
}

p.droit, div.droit, tr.droit, td.droit, h3.droit {
	text-align: right;
}

p.gauche, div.gauche, tr.gauche, td.gauche {
	text-align: left;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FF0000;
	text-align: left;
	border-bottom: solid thin #000;
	padding: 0px 5px 3px 5px;
	margin: 2px 0 10px 0;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FF0000;
	text-align: left;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
	text-indent: 2em;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
	text-indent: 3em;
	text-decoration:underline;
	font-weight:normal;
}

.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
}

.souligne {
	text-decoration: underline;		
}

.new {
	color:#000;
	font-weight:bold;
}

.rouge {
	color:#FF0000;
}


/* LIENS *********************************** */
a {
	color: #FF0000;
	text-decoration: underline;
}
a:hover {
	color: #009900;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

/* IMAGES ********************************** */
img.centre{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 4px;
}
img.droite{
	padding: 4px;
	float: right;
}  
img.gauche{
	padding: 4px;
	float: left;
}  

/* TABLEAUX *********************************************************************************************** */

.tableaun {
	border: 1px solid #000000;
	background-color:#FFFFFF;
	padding:2px;
}
.tableaur {
	border: 1px solid #FF0000;
	background-color:#FFFFFF;
	padding:2px;
	margin-right:auto;
	margin-left:auto;
}

table.centre {
	margin-right:auto;
	margin-left:auto;
}

/* FORMULAIRES *********************************************************************************************** */

.bouton
{
	border : 1px White;
	background : red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : White;
	font-weight : bold;
}
.formbordern
{
	border : 1px solid Black;
	background : White;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : Black;
	margin:2px;
	padding:2px;
}

label {
	float:left;
	width: 17em;
}

legend {
	font-weight:bold;
}

/* ELEMENTS CONTENEURS ************************************************************************************** */

#toptop {
	background-color: #FF0000;
	background-image: url(topbg.gif);
}

#top {
	height: 100px;
	/*background-image:url(/design/topbg.png);
	background-position:left;
	background-color:#FF0000;*/
	background : transparent url(/design/top.jpg) no-repeat left;
}

#barre {
	height: 40px;
	background-image:url(/design/barre.gif);
	background-repeat:repeat-x;
	padding:8px 0 0 0;
}
#page{
	margin : 0 auto;
	text-align: left ;
	width: 90%;
	max-width: 1000px;
	min-width: 640px;	
	border: 2px solid #000000 ;
	background-color:#EAEAEA;

}
#main {
	margin-left: 150px;
	margin-right: 0px;
	padding-left:10px;
	padding-right:10px;
	min-height:300px;
}
#left {
	float:left;
	position:static;
	width:150px;	
} 

/* compatibilité Anciens navigateurs */
* > #left {
	position: fixed;
}

#bottom {
	clear:both;
	text-align:center;
}


/* MENUS **********************************************************************************************************/
/* MENU HAUT **************************** */
#menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
	text-align: right;
}
#menuhaut li {
	display: inline;
}
#menuhaut a {
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: underline;
}
#menuhaut a:hover {
	text-decoration: none;
}


/* MENU Liens ************************** */
#liens_accueil {
	list-style-type: none;
	margin: 0;
	padding:4px 0 0 4px;
	border-right: 1px solid #000000 ;
	border-top: 1px solid #000000 ;
	border-bottom: 1px solid #000000 ;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	clear:both;
	position:relative;
	top:20px;
	background:#D6DBD0;
}
#liens_accueil li {
	margin:0;
	margin-bottom: 5px;
}
#liens_accueil a {
	color: #000000;
	text-align:center;
	text-decoration: underline;
}
#liens_accueil a:hover {
	text-decoration: none;
}

ul#liens_accueil a {
	 vertical-align:middle;
	 padding:0px;
	 margin:0px;
	 padding-top:3px;
     width: 120px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     background: #fff;
	 font-weight:normal;
	 margin-left:auto;
	 margin-right:auto;	 
	 }
	 
ul#liens_accueil a:hover {
	 background:#FF3300;
     border: 1px solid gray; 
	 color:#FFFFFF;
	 font-weight:bold;
     }


/* MENU PRINCIPAL ********** */
.menu{ 
    /* solve a Opera7/IE display bug */
    width:152px;
    width/**/:150px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
	border-bottom: 0px #000 solid;
    margin:0;
    padding:0;
    }
	
.menu_original{
    
    /* solve a Opera7/IE display bug */
    width:152px;
    width/**/:150px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
	border-bottom: 0px #000 solid;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	border-bottom: 0px #000 solid;	
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:center;
    display:block;
    width:150px;
	border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
	
	/** pour que le lien prenne toute la largeur **/
	font-size: 1em;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;

	/* par defaut, ecrit en noir sur fond blanc, les liens restent toujours visible */
	color: #000;
	background: #fff;
	background-image:url(/design/menu.gif);	
                            
	/* ces propriétés permettent l'effet de transparence sur la plupart des navigateurs
	cependant, si un navigateur ne les prend pas en compte, ils n'auront aucun effet mais le menu restera lisible
	*/
	opacity: 0.8;
	filter:alpha(opacity:80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
                
	/* note: la valeur 0.7 peut être ajustée en fonction de l'image de fond
	 plus la valeur est faible, mois le texte est visible */
}
    
.menu a:hover{
	background-color: #ff0000;
	/*	
	opacity: 1;
	filter: alpha(opacity:100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
/*						
						
	/* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
	/* background: transparent; */
	color: #999999;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #ff0000;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #eee;
    }

/* AFFICHAGE DES ERREURS ************************************************************************************************ */
p#erreur{
	background-color: #EAEAEA;
	margin-left: auto;
	margin-right:auto;
	padding: 2px;
	width: 30em;
	border: thin dotted #FF0000;
	text-align:center;
}
p#erreur a{
	color: #FF0000;
}
p#erreur a:hover{
	color: #FF0000;
	text-decoration: none;
}

/* ACCUEIL ************************************************************************************************ */

.accueilgauche{
	width: 410px;
	border: 1px solid #000000;
	padding: 3px;
	float:left;
	margin-bottom:3px;	
}

.accueildroit {
	width: 400px;
	border: 1px solid #000000;
	padding: 3px;
	float:right;
	margin-bottom:3px;

}
.accueildroit ul, .accueilgauche ul {
	list-style-type: none;
	padding: 0px;
	margin:0px;	
}
.accueildroit li, .accueilgauche li {
	background-color: #DBD6D0;
	padding: 4px;
	margin: 2px;
	text-align:justify;
}
.accueildroit a, .accueilgauche a{
	text-decoration:none;
}

h1.accueiltitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: solid 1px #000;
	padding: 0px 5px 3px 5px;
	margin: 12px 0 6px 0;
	clear:both;
}


h1.accueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;

	border-bottom: solid 1px #000;
	padding: 0px 5px 3px 5px;
	margin: 2px 0 6px 0;
}

h2.accueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	text-align: right;
	padding: 0px 0px 0px 5px;
	margin: 0px 0 4px 0;
}

p.accueil{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-indent: 10px;
	margin-bottom:40px;
}

.box_interrogation {
	float:right;
	margin: 0 2px 16px 0;
	padding:2px;
	background-color:#EAEAEA;
	border:dotted 1px black;
	font-weight:bold;
	font-size:0.8em;
	color:#000;
}
.box_interrogation:hover{
		background-color:#D6DBD0;
		color:#F00;
}

/* ARTICLES *****************************************************************************************/

.articles{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#000000;
	text-indent: 1em;
}


/* HISTOIRE *****************************************************************************************/

h3.palmares{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
	text-indent: 0.5em;
	margin: 2px;

}

.palmares{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-indent: 10px;
}

/* VUE D'AILLEURS **************************************************************************************************/

.lext_barre_nav_accueil {
	float:right;
	margin: 0 2px 16px 0;
	padding:2px;
	background-color:#DBD6D0;
	font-weight:bold;
}

li.lext_archives {
	border : 1px solid black;
	list-style-type: none;
	padding:5px;	
	margin:5px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	width:80%;
	background-color:white;
}

div.lext_barrenav {
	margin:5px;
	margin-right:auto;
	margin-left:auto;
	border : 1px solid black;
	padding: 3px;
	text-align:center;
	width:400px;
	background-color:#D6DBD0;
}

div.lext_float, div.lext_float_deadlink, div.lext_float_deadlink_site {
	float:right;
	border:dotted 1px black;
	background-color:#EAEAEA;
	padding:2px;
	margin-right:3px;
}

div.lext_float_deadlink {
	font-weight:bold;
	background-color:#FF0000;	
	color:#FFFFFF;
}

div.lext_float_deadlink_site
{
	font-size:0.7em;
}


/* EFFECTIF *****************************************************************************************/
.effectif{
	margin-right:auto;
	margin-left:auto;
}

.effectifHeader{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
}

.effectifLigne1{
	background-color:#D6DBD0;
	height:20px;	
}

.effectifLigne2{
	height:6px;
}




/* POP-UP **************************************** EXPERIMENTAL **********************/

#backgroundPopup{  
display:none;  
position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
#popupGoogleActu, #popupVA{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:250px;  
 width:408px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:2;  
 padding:12px;  
 font-size:13px;  
 }  
#popupGoogleActu h1, #popupVA h1{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FF0000;
	text-align: left;
	border-bottom: solid thin #000;
	padding: 0px 5px 3px 5px;
	margin: 2px 0 10px 0;
 }  
#popupGoogleActuClose, #popupVAClose{  
 font-size:14px;  
 line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#ff0000;  
 font-weight:700;  
 display:block;
 cursor:pointer;
 }