/* CSS Document */
body, html{
/* important*/
	margin: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
body {
	padding: 0px;
	text-align: center; /* pour corriger le bug de centrage IE */
}
.global_police{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a{
	text-decoration: none;
	color: #666666;
}
/* Paramétrage des conteneurs centrés */
/* global (toutes les pages)*/
#global{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 600px;
	position: relative;
	text-align: left;
	/*background-image: url(home/fond.gif);*/
	/*background-repeat: no-repeat;*/
	/*border: thin dotted #999999;	*/
}	
#global p{
	font-size: 11px;
}
/*************************************************/
/* 				logo haut gauche 				 */
/*************************************************/
#global_logo{
	position: absolute;
	left: 20px;
	top: 20px;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 180px;
	background-image: url(commun/logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
/*************************************************/
/* 				bandeau haut 					 */
/*************************************************/
#global_bandeau{
	position: absolute;
	left: 260px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 85px;
	/*background-color:#CCCCCC;*/
	overflow: hidden;
}
#global_bandeau_titre{
	position: absolute;
	left: 260px;
	top: 50px;
	margin: 0;
	padding: 0;
	display: block;
	width: 480px;
}
#global_soustitre{
	font-size: 16px;
	color: #666666;
	letter-spacing: 4px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 5px;
}
/*************************************************/
/* 				menu gauche						 */
/*************************************************/
#global_menu{
	position: absolute;
	left: 20px;
	top: 220px;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 320px;
	overflow: visible;

}
#global_menu p{
	margin: 0;
	padding: 0;
}
#global_menu .bas{
	position: relative;
	margin-top: 8px;
	padding: 0;
	
}
#global_menu ul{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
#global_menu ul li{
	list-style-type: none;
	background-image: url(commun/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
	padding-top:2px;
}
#global_menu ul li.selected{
	list-style-type: none;
	background-color: White;
	background-image: url(Aucune/index.html);
	display: block;
	height: 16px;
	font-weight: bold;
	
}
#global_menu a, #global_menu a:link, #global_menu a:active,#global_menu a:visited{
	font-size: 12px;
	color: Black;
	text-decoration: none;
	padding: 2px;
}
#global_menu a:hover{
	font-size: 12px;
	background-color: White;
	color: #666666;
	text-decoration: none;
	padding: 2px;
}
#global_menu a.couleur01:hover{
	font-size: 12px;
	background-color: #54aef7;
	text-decoration: none;
	padding: 2px;
	color: Black;
}
#global_menu .couleur01{
	background-color: #98ccf8;
	display: block;
	height: 16px;
	color: Black;
}
#global_menu a.couleur02:hover{
	font-size: 12px;
	background-color: #EA0000;
	text-decoration: none;
	padding: 2px;
	color: Black;
}

#global_menu .couleur02{
	background-color: #f80000;
	display: block;
	height: 16px;
	color: Black;
}

#global_menu .couleur03{
	background-color: #c8ccc8;
	display: block;
	height: 16px;
	color: Black;
}
#global_menu a.couleur03:hover{
	font-size: 12px;
	background-color: #b3b5b3;
	text-decoration: none;
	padding: 2px;
	color: Black;
}
/*************************************************/
/* 			sous menu gauche (rubriques)		 */
/*************************************************/

#global_menu ul ul{
	overflow: hidden;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
	background-color: #F4F4F4;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 12px;
}

#global_menu ul ul li{
	list-style-type: none;
	background-image: url(commun/fleche_r.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
}
#global_menu ul ul li.selected{
	list-style-type: none;
	background-color: #cccccc;
	background-image: url(Aucune/index.html);
	color: #333333;
}
#global_menu ul ul li a, #global_menu ul ul li a:link, #global_menu ul ul li a:active,#global_menu ul ul li a:visited{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#global_menu ul ul li a:hover{
	font-size: 12px;
	background-color:#CCCCCC;
	color: #333333;
	text-decoration: none;
}


/*************************************************/
/* 				corps						 	*/
/*************************************************/
#global_titre{
	position: absolute;
	left: 260px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 10px;
	background-color: #97DAF8;
	overflow: hidden;
}
/* MENU TRI LISTE*/ 
#global_tri{
	position: absolute;
	left: 260px;
	top: 96px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 20px;
}
#global_tri a{
	text-decoration: underline;
	color: #666666;
}
#global_tri a:hover{
	text-decoration: underline;
	color: #ff0000;
}

#global_corps{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 260px;
	top: 100px;
}
#global_corps .notice1{
	position: absolute;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 420px;
	overflow: auto;
	background-image: url(commun/background_webpage.gif);
	background-repeat: no-repeat;	
}
#global_corps .notice1{
	position: absolute;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 420px;
	overflow: auto;
	background: transparent;
}
#global_corps .c1{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 405px;
	overflow: hidden;
}
#global_corps .c1_centre{
	margin: 0;
	margin-top: 10px;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
#global_corps .c1_centre p{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
#c1_bas{
   width: 95px;
   height: 20px;
   margin: 0px;
   padding: 0;
   position: relative;
}
#global_corps p{
	margin-top: 2px;
	padding: 0;
	color:#333333;
	font-size: 10px;
}
.titre_page{
	padding: 0px;
}
.soustitre_page{
	padding: 0px;
	position: absolute;
	top: 40px;
}
/*---------------------------------------------------------------------*/
/* barres bouton 													*/
/*---------------------------------------------------------------------*/
/* menu horizontal image x4 */
#menu_01{
   width: 95px;
   height: 17px;
   margin: 0px;
   padding: 0;
   position: relative;
   margin-top: 10px;
}
#menu_01{ 
	background: url(commun/icones_01.gif) -4px -4px no-repeat;
	
	}

#menu_01 li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
   background-color: transparent;
}
#menu_01 li, #menu_01 a{
	height: 18px;
	display: block;
	background-color: transparent;
}
#bouton_01{ 
	left: 0px;
	width: 18px;  
	height: 35px;
}
#bouton_02{
	left: 22px;
	width: 18px; 
	height: 18px;
}
#bouton_03{
	left: 45px;
	width: 18px; 
	height: 18px;
}
#bouton_04{
	left: 68px;
	width: 18px; 
	height: 18x;
}
/* états rollover */
#bouton_01 a:hover {
   background: transparent url(commun/icones_01.gif)
               -4px -27px no-repeat;
}
#bouton_02 a:hover {
   background: transparent url(commun/icones_01.gif)
               -26px -27px no-repeat;
}
#bouton_03 a:hover {
   background: transparent url(commun/icones_01.gif)
               -49px -27px no-repeat;
}
#bouton_04 a:hover {
   background: transparent url(commun/icones_01.gif)
               -72px -27px no-repeat;
}
#menu_01 a.info {
	position: relative;
	text-decoration: none;
	color: black;
	border-width: 0;
}
#global_corps .c2{
	position: absolute;
	left: 190px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 405px;
	overflow: auto;
}
#global_corps .cadre{
	width: 300px;
}
#global_corps .c2_haut{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: visible;
}
#global_corps h1{
	color:#333333;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
#global_corps h2{
	color:#666666;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#global_corps .c2_centre_save{
	position: absolute;
	left: 0px;
	top: 70px;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 10px;
	overflow: hidden;
	background-color:#97DAF8;
}
#global_corps .c2_centre{
	position: relative;
	padding: 0;
	height: 10px;
	overflow: hidden;
	background-color:#97DAF8;
	margin-top: 10px;
}
#global_corps .c2_bas{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-align: justify;
	color:#333333;
}
/*************************************************/
/* PARTIE NOTICE DYNAMIQUE						*/
/*************************************************/
.c2_titre1{
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.c2_titre2{
	font-size: 12px;
	color:#ff0000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.c2_texte{
	margin-top: 10px;
	font-size: 10px;
	color: #333333;	
}
.c2_texte_artistes{
	font-size: 10px;
	font-style: italic;
	color: #666666;
	margin-top: 10px;
}
.c2_texte_soutiens{
	font-size: 9px;
	font-style: normal;
	color: #666666;
	margin-top: 10px;
}
.c2_retour{
	font-size: 10px;
	font-style: normal;
	color: #666666;
	margin-top: 40px;
	postion: relative;
	text-align: right;
}
.c2_retour a{
	font-size: 10px;
	font-style: normal;
	color: red;
	text-decoration: underline;
}
.c2_retour a:hover{
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-decoration: underline;
}

/*************************************************/
/* PARTIE LISTE									*/
/*************************************************/
#global_corps_agenda{
	position: absolute;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 420px;
	overflow: auto;
	background-image: url(commun/background_webpage.gif);
	background-repeat: no-repeat;
}
.fond{
	background-image: url(../styles/commun/background_webpage.gif);
	background-repeat: no-repeat;
}
#global_corps .liste{
	position: absolute;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 420px;
	overflow: auto;
	background: transparent;
	
}
#global_corps .liste_incluse{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.l_repetee{
	height: 100px;
	width: 480px;
	position: relative;
	left: 10px;
	/*background-color: Pink;*/
	margin-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;	
}
.l_image{
	position: absolute;
	left: 0px;
	top: 10px;
	overflow: hidden;
	border-width: 0;
}
.l_image a{
	border-width: 0;
}
.l_contenu{
	position: absolute;
	left: 100px;
	/*background-color: Yellow;*/
	height: 80px;
	width: 370px;
	top: 10px;
	overflow: hidden;
}
.l_contenu .titre{
	color:#333333;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	letter-spacing: 0px;
	width: 310px;
}
.l_contenu .titre a{
	color:#ff0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
}
.l_contenu .titre a:hover{
	color: White;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
}
.l_contenu .soustitre{
	color:#666666;
	font-weight: bold;
	font-size: 9px;
	font-weight: bold;
	font-style:italic;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 2px;
}
.l_contenu p{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
.l_contenu .nationalite{
	font-weight: normal;
	color: #333333;
}
.l_contenu a.suite{
	font-style: italic;
	color: #666666;
}
.l_contenu a:hover.suite, .page .suite{
	font-weight: normal;
	color: #ff0000;
	text-decoration: underline;
	}
/*************************************************/
/* 				pages					 */
/*************************************************/
.page{
	width:470px;
	overflow: visible;

}
.page .titre{
	color:#333333;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	margin-top: 0px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 3px;
}
.page .titre2{
	color:#333333;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	margin-top: 0px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 3px;
}

.page .soustitre{
	color:#666666;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-style:italic;
	letter-spacing: 0px;
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #97DAF8;
	padding-bottom: 3px;
}
.page .soutien{
	color:#666666;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	margin-top: 10px;
}
.page a{
	color:#ff0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 0px;
}
.page a.principal, .page a.principal:hover{
	font-size: 13px;
	letter-spacing: 1.5px;
}
.page a.petit, .page a.petit:hover{
	font-size: 9px;
	letter-spacing: 1.5px;
}
.page a:hover{
	color: White;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 0px;
}
.page a.retour{
	display: block;
	margin-top: 40px;
	text-align: left;
	width: 150px;
}
.page a.suite{
	font-style: italic;
	color: #ff0000;
	font-size: 11px;
	letter-spacing: 0px;
	text-decoration:none;
}
.page a:hover.suite{
	font-weight: normal;
	color: #ff0000;
	text-decoration: underline;
	font-size: 11px;
	letter-spacing: 0px;
	background-color: White;
}
.page p{
	font-size: 11px;
	color: #666666;
	text-align: justify;
}
.page .grostitre{
	font-size: 13px;
	font-weight: bold;
	color:#666666;
	letter-spacing: 1.5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 500px;
}
.page ul{
	font-size: 10px;
	color: #333333;
}
.page li{
	padding: 2px;
}
.page .projets{
	font-size: 13px;
	letter-spacing: 3px;
	color: #333333;
	margin-top: 20px;
	font-weight: bold;
}
/*************************************************/
/* 				pied de page					 */
/*************************************************/
#global_pied{
	position: absolute;
	left: 0px;
	top: 560px;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	text-align: center;
	font-size: 12px;
}
#global_pied p{
	padding: 0;
	margin: 10px;
}

/*---------------------------------------------------------------------*/
/* Bulles (div) de survol des liens										*/
/*---------------------------------------------------------------------*/
a.info {
	position: relative;
	text-decoration: none;
	color: black;
	border-bottom: 1px Grey dotted;
}
a.info span,  a.info_image span, a.info_image1 span{
	display: none;
}
a.info:hover,  a.info_image:hover, a.info_image1:hover{
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.info:hover span {
	display: block;
	position: relative;
	top: 3em;
	left: 2em;
	background-color: #F7F7F7;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 9px;
	width: 75px;
	border: thin solid #A7A7A7;
	color:#666666;
}
a.info_image:hover span{
	display: block;
	position: absolute;
	background-color: #F7F7F7;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 9px;
	width: 80px;
	height: 80px;
	border: thin solid #A7A7A7;
	color:#666666;
}
a.info_image1:hover span{
	display: block;
	position: absolute;
	top: 250px;
	background-color: #F7F7F7;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 9px;
	width: 150px;
	border: thin solid #A7A7A7;
	color:#666666;
}
/* LISTES INCLUSES */ 
.titre_inclus{
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	letter-spacing: 0px;
	width: 310px;
	color: #333333;
}

.titre_inclus a{
	color:#ff0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
}
.titre_inclus a:hover{
	color: White;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
}
.soustitre_inclus{
	color:#666666;
	font-weight: bold;
	font-size: 9px;
	font-weight: bold;
	font-style:italic;
	margin: 0;
	padding: 0;
}
.p_inclus{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
.nationalite_inclus{
	font-weight: normal;
	color: #333333;
}
a.suite_inclus{
	font-style: italic;
	color: #666666;
}
#bulle{
	position:absolute;
	left: 0px;
	right: 0px;
	padding:7px;
	background:black;
	font-size:14px;
	color:	white;
	border:3px solid white;
	visibility:hidden;
	z-index: 500;
}

/*---------------------------------------------------------------------*/
/* newsletter															*/
/*---------------------------------------------------------------------*/
.newsletter{
}
.newsletter input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #97DAF8;
}
.newsletter submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	color: #333333;
	background-color: #97DAF8;
}
/*---------------------------------------------------------------------*/
/* cartouches															*/
/*---------------------------------------------------------------------*/
.cartouche{
	position: absolute;
	top: 0px;
	left: 320px;
}
.cartouche_notice{
	position: relative;
	padding-bottom: 10px;
}
/*---------------------------------------------------------------------*/
/* pratique															*/
/*---------------------------------------------------------------------*/
.zone_repetee{
	position: relative;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 10px;
}
.zone_repetee .titre_pratique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 3px;
}
.zone_repetee p{
	padding: 0px;
	margin: 0px;	
}
.notice1{
	position: absolute;
	left: 0px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 420px;
	overflow: auto;
	background-image: url(../styles/commun/background_webpage.gif);
	background-repeat: no-repeat;	
}
/*---------------------------------------------------------------------*/
/* agenda															*/
/*---------------------------------------------------------------------*/

.agenda a{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.agenda a:hover{
font-size: 10px;
	font-weight: normal;
	color: #ff0000;
	background: transparent;
}
.agenda .jour{

	font-size: 11px;
	font-weight: bold;
	color: #333333;
	width: 480px;
	letter-spacing: 3px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
}

.agenda .heures{
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
}
.image_float{
	position: relative;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
.intro{
	font-size: 11px;
	text-align: justify;
	font-weight: bold;
	color: Black;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;

}
/* bannieres */
.banniere{
	position: absolute;
	top: 10px;
	left: 0px;
}

/* langues */
.langue_cadre{
	position: relative;
	margin-top: 10px;
	margin-left: 20px;
	width: 100px;
}
.langue_cadre img{
	border: 0;
}
a.langue{
	position: absolute;,
	left: 0px;
	top: 0px;
	border: 0;
}
a:hover.langue{
	/*border: 1px solid #666;*/
	position: absolute;,
	left: 0px;
	top: 0px;
}