/* -------------------------- PAGES GENERALES ------------------------- */

BODY, FORM, DIV, IMG, P, MAP, H2 {border:0; margin:0; padding:0;}

A {
	margin:0px;
	color:blue;
	text-decoration:none;
}

A:visited
{
	text-decoration: none;
}

A:hover {text-decoration:underline;
		 cursor:pointer;
}

BODY {
	text-align: center;
	background: url(../../images/fond_general.jpg) top left repeat-x;
	font: 12px Verdana;
}

BODY#popup {
	text-align: center;
	background:none;
	font: 12px Arial;
}

#popup A,
#popup A:hover{
	text-align:left;
	margin-right:0px;
	color:#5F84F9;
}


/*************
#imprimer {
	width:50%;
	float:left;
	position:relative;
	bottom:0px;
	left:0px;
	margin:0px 10px 10px 0px;
	text-align: right;
}


#fermer {
	width:50%;
	float:right;
	position:relative;
	bottom:0px;
	right:0px;
	margin:0px 10px 10px 0px;
	text-align: right;
}
*******************/

/********************************* BAS DE PAGE DE L'EDITEUR ***********************************/

#footerPage {
	position:relative;
	padding:20px 0px 60px 0px;
}

#btnFermer P,
#btnImprimer P,
#btnFermer_centre P{
	position:absolute;
	top:40px;
	width:90px;
	background-color:#9999FF;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 5px 2px 5px;	
}

#btnFermer:hover P,
#btnImprimer:hover P,
#btnFermer_centre:hover P {
	background-color:#fff;
	color:#9999FF;
	border:solid 1px #9999FF;
}

#btnFermer P {
	left:10px;
}

#btnFermer_centre P {
	margin-top:0px;
	left:215px;
}

#btnImprimer P {
	right:10px;
}



@font-face {
	font-family: "Frutiger"; src:url("../include/polices/frutiger.ttf"); format: ("TrueType");
	font-family: "Frutiger Condensed"; src: url(../../include/polices/FTBLC___.PFB); format: ("type-1");
}

#container {	
	position:relative;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
	width: 781px;
	min-height:300px;
	height:auto;
	background: url(../../images/bas_fond.jpg) bottom left no-repeat;
	background-color:#fff;	
}

/* POUR IE */
* html #container  {
	height:300px;
}	

#main {
	position:relative;
	width:100%;
	padding-bottom:20px;
	/*min-height:650px;
	height:auto;*/
}

/* POUR IE */
* html #main  {
/*	height:650px;*/
}

#banniere{
	width:781px;
}

#footer {
	position:relative;	
	text-align:center;
	margin:5px 0px 0px 0px;
	width:100%;
	padding:10px 0px 5px 0px;
}

#footer,
#footer A {
	font-size:9px;
	color:#CCCCCC;
}

/* -------------------------- MENU GAUCHE VERTICAL ------------------------- */

#menu {
	z-index:1;
	position:absolute;
	top:130px;
	left:260px;
	width:525px;
	padding:0;
	margin:0;
}


#menu_gauche{
	z-index:1;
	position:absolute;
	top:163px;
	left:0px;
	height:231px;
	width:193px;
	background: url(../../images/bas_fond_menu.jpg) bottom right no-repeat;
	background-color:#fff;
}

#menu_principal {
	z-index:2;
	position:absolute;
	top:15px;
	left:0px;
	width:193px;
	padding-left:3px;
	padding-top:6px;
}

#menu_principal P{
	position:relative;
	margin:0px 15px 0px 0px;
	padding:2px 10px 2px 10px;
	width:164px;
	border-top:solid 1px #fff;
	text-align:left;
	color:#fff;
}

#menu_principal P,
#menu_principal A {
	background: url(../../images/fond_lien_menuP.jpg) top left no-repeat;
}


#menu_principal A {
	text-align:left;
	font: 0.85em Arial;
	font-weight:bold;
	line-height:16px;
	color:#fff;
	letter-spacing:0.01px;
	cursor:pointer;
	text-decoration:none;
}

#menu_principal P:hover,
#menu_principal A:hover P,
#menu_principal P:hover A {
	background: url(../../images/fond_lien_menuP_blanc.jpg) top left no-repeat;
	color:#5F84F9;
	text-decoration:none;
}

#menu_secondaire {
	z-index:3;
	position:absolute;
	top:105px;
	left:0px;
	padding-left:13px;
	padding-top:6px;
	background-color:#fff;
}

#menu_secondaire P{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font: 10px Arial;
	font-weight:bold;
	color:#5A5D62;
	line-height:11px;
}

#menu_secondaire A{
	text-decoration:none;
}

#menu_secondaire P:hover,
#menu_secondaire A:hover P,
#menu_secondaire P:hover A {
	color:#5F84F9;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

.infos_pratiques {
	z-index:4;
	position:absolute;
	top:170px;
	left:0px;
	padding-left:5px;
	padding-top:13px;
	background-color:#fff;
	color:#5F84F9;
	font-weight:bold;
	text-decoration:none;
}

.infos_pratiques P,
.infos_pratiques A,
.infos_pratiques P A{
	color:#5F84F9;
	font:0.9em Arial;
	text-decoration:none;
	font-weight:bold;
}

.infos_pratiques A:hover {
	text-decoration:underline;
}

.lien {
	color:#000;
	text-decoration:none;
	background-image:none;
	border:none;
	margin:0px;
}

/* -------------------------- PAGES ACCUEIL------------------------- */

#contenu_accueil {
	z-index:5;
	position:relative;
	width:601px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 20px 180px;
	min-height:420px;
	height:auto;
	background-color:#fff;	
}

/* POUR IE */
* html #contenu_accueil  {
	height:420px;
}

#contenu {
	position:relative;
	width:589px;
	padding:5px 0px 20px 0px;
	margin:0px 0px 0px 192px;
	background: url(../../images/haut_fond2.jpg) top left no-repeat;
	min-height:300px;
	height:auto;
	background-color:#fff;		
}

/* POUR IE */
* html #contenu  {
	height:300px;
}

/* -------------------------- BLOC AGENDA page ACCUEIL ------------------------- */

#agenda {
	z-index:6;
	position:absolute;
	width:178px;
	height:199px;
	top:390px;
	left:0px;
}

#agenda .texte {
	position:relative;
	width:150px;
	margin-top:10px;
	padding-left:10px;
}

#agenda P A{
	color:#5F84F9;
	text-decoration:none;
}

.titre_agenda {
	z-index:7;
	color:#fff;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	padding:5px 0px 5px 0px;
	font: 14px Arial;
	font-weight:bold;
	line-height:16px;
	background:url(../../images/fond_titre_agenda.jpg) no-repeat ;
}

.titre_agenda IMG {
	float:left;
	margin:0px 5px 0px 15px;
}

/* -------------------------- PAGE ACCUEIL ------------------------- */

#flash {
	width:100%;
	height:189px;
	text-align:right;
	background-color:#fff;
}

/* --------------- COLONNE GAUCHE ---------------- */

#col_gauche {
	z-index:5;
	position:relative;
	width:300px;
	margin:0px;
	float:left;
}

#col_gauche #titre {
	position:relative;
	width:300px;
	background:url(../../images/fond_titre_gauche.jpg) no-repeat ;
}

#col_gauche .sous-titre,
#col_gauche .texte,
#col_gauche IMG {
	padding-left:23px;
	padding-right:10px;
	margin-top:5px;
}

#col_gauche .titre {
	padding:5px 0px 15px 45px;
}

/* --------------- COLONNE DROITE ------------------- */

#col_droite {
	float:left;
	position:relative;
	width:301px;
	margin:0px;
}

#col_droite #titre {
	position:relative;
	width:100%;
	background:url(../../images/fond_titre_droite.jpg) no-repeat ;
}

#col_droite .sous-titre,
#col_droite .texte {
	padding-left:30px;
	padding-right:10px;
	margin-top:5px;
}

#col_droite .texte {
	width:250px;
}

#col_droite .titre {
	padding:5px 0px 15px 55px;
}

#separateur {
	z-index:8;
	position:relative;
	padding:0px;
	margin:0px;
	border-left: dashed 1px;
	border-color:#6085FA;
}


#liens_accueil {
	padding:10px 0px 5px 28px;
}

#telecharger_gauche {
	position:relative;
	width:150px;
	color:#fff;
	font:11px Arial;
	margin:0px 0px 10px 10px;
	padding:5px 5px 10px 20px;
	background:url(../../images/fond_plan_acces.jpg) no-repeat ;
}

#telecharger_gauche A {
	color:#fff;
	font:11px Arial;
}

.opacity {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.opacity:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}

.clear { 
  clear: both; 
}  
  
.photo_gauche{
	padding:10px 2px 0px 0px;
	margin:0px;
	float:left;
}

/* -------------------------- LISTE ANIMATION ------------------------- */

ul{ 
	list-style: none; 
	width:90px;
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
	padding-left: 15px;
}

#liste_visite{ 
	float:left;
	list-style: none; 
	width:100px;
	color:#5A5D62;
	font:12px arial;
	font-weight:bold;
	padding-left:0px;
	margin:10px 0px 0px 20px;
}

#liste_visite li{
 	line-height: 12px;
	padding: 0px 0px 8px 15px;
	margin:0px;
}

#liste_visite li A{
	color:#5C85F7;
	text-decoration:none;
}

#liste_visite li A:hover{
	text-decoration:underline;
} 

.carre {
	background:url(../../images/puce_liste.jpg) no-repeat;
}

/* -------------------------- LISTE AGENDA------------------------- */

#liste_agenda{ 
	list-style: none; 
	width:170px;
	color:#5F84F9;
	font:11px arial;
	margin:15px 0px 5px 0px;
	padding:0;
}

#liste_agenda li{ 
	margin:5px 0px 0px 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#liste_agenda li A{ 
	color:#5F84F9;
	text-decoration:none;
}

#liste_agenda li A:hover{ 
	text-decoration:underline;
}

.fleche {
	background:url(../../images/puce_liste_orange.jpg) no-repeat 0px 2px;
}


/* -------------------------- LISTE LIENS UTILES ------------------------- */

.liens_utiles{ 
	list-style: none; 
	width:480px;
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
	padding: 0px;
	margin:10px 0px 0px 85px;
}

.liens_utiles li{
	line-height: 12px;
	padding: 0px 0px 8px 15px;
	width:470px;
} 

.liens_utiles A { 
	color:#5F84F9;
}

.liens {
	background:url(../../images/puce_liste_bleu.jpg) no-repeat;
}

/* -------------------------- LISTE PRESSE ------------------------- */

.liste_presse{ 
	list-style: none; 
	/*width:650px;*/
	color:#5A5D62;
	font:11px arial;
	font-weight:normal;
	padding: 0px;
	margin:10px 0px 0px 15px;
}

.liste_presse li{
	line-height: 12px;
	padding: 0px 0px 8px 15px;
	width:250px;
} 

.liste_presse A { 
	color:#5F84F9;
}

.presse {
	background:url(../../images/puce_liste_bleu.jpg) no-repeat;
}


/* -------------------------- LISTE PRESTATIONS ------------------------- */

.liste_prestations{ 
	list-style: none; 
	/*width:650px;*/
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
	padding: 0px;
	margin:10px 0px 10px 15px;
}

.liste_prestations li{
	line-height: 12px;
	padding: 0px 0px 8px 15px;
	width:200px;
} 

.liste_prestations A { 
	color:#5F84F9;
}

.prestations {
	background:url(../../images/puce_liste_gris.jpg) no-repeat 0px 4px;
}


/* -------------------------- LISTE QUI SOMMES NOUS ? ------------------------- */

.liste_qui{ 
	list-style: none; 
	width:250px;
	color:#5A5D62;
	font:11px arial;
	padding: 0px;
	margin:10px 0px 10px 10px;
}

.liste_qui li{
	line-height: 12px;
	padding: 0px 0px 8px 10px;
	width:240px;
} 

/* -------------------------- LISTE CHARENTE------------------------- */

.liste_charente{ 
	list-style: none; 
	width:240px;
	color:#5A5D62;
	font:11px arial;
	padding: 0px;
	margin:10px 0px 0px 15px;
}

.liste_charente li{
	line-height: 12px;
	padding: 0px 0px 5px 15px;
	width:230px;
	color:#75A5D62;
} 

.liste_charente A { 
	font-weight:normal;
	color:#5C85F7;
	text-decoration:none;
}


.liste_charente A:hover {text-decoration:underline;
		 cursor:pointer;
}



/* -------------------------- LISTE FESTIVALS CHARENTE------------------------- */

.liste_festivals{ 
	list-style: none; 
	width:230px;
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
	padding: 0px;
	margin:10px 0px 0px 15px;
}

.liste_festivals li{
	line-height: 12px;
	padding: 0px 0px 15px 15px;
	width:230px;
	color:#FFA614;
} 

.liste_festivals A { 
	color:#FFA614;
}

/* -------------------------- LISTE MENU HORIZONTAL INFOS PRATIQUES------------------------- */

.menu_infos{ 
	width:576px;
	color:#6184FC;
	font:0.8em arial;
	font-weight:bold;
	padding-left: 15px;
	margin:10px 0px 15px 0px;
}

.menu_infos li{
	display: -moz-inline-box;
	display: inline-block;
	min-width: 35px;
	height: 25px;
	text-align:left;
	border-right: solid #6184FC 1px;
	padding:0px 5px 0px 9px;
	margin:0px 5px 0px 0px;
	float:left;
}

.menu_infos li A{
	color:#6184FC;	
}

.menu_infos li:hover A:hover {
	text-decoration:none;
}

.menu_infos li:hover {
	margin-bottom:-6px;
	border-bottom: solid #FFA616 4px;	
}

/* -------------------------- LISTE LOCALISATION------------------------- */

.liste_localisation{ 
	list-style: none; 
	width:200px;
	color:#5A5D62;
	font:11px arial;
	padding: 0px;
	margin:10px 0px 0px 0px;
}

.liste_localisation li{
	line-height: 12px;
	padding: 0px 0px 10px 15px;
	width:190px;
	color:#5A5D62;
} 

.liste_localisation A { 
	font-weight:bold;
	color:#5A5D62;
	text-decoration:underline;
}

/* -------------------------- Page AGENDA ------------------------- */



.infos_agenda {
	position:relative;
	margin:20px 0px 0px 0px;
	padding:20px;
	background: url(../../images/fond_infos_agenda.jpg) top center no-repeat;
	min-height:60px;
	height:auto;
}

/* POUR IE */
* html .infos_agenda  {
	height:60px;
}

.footer_infos_agenda {
	padding-left:15px;
	margin:0px;
}

.infos_agenda P {
	width:500px;
	margin:0px 0px 0px 20px;
	font:14px arial;
	font-weight:bold;
	color:#5A5D62;
	padding-bottom:5px;
	background: url(../../images/picto_pointille.jpg) 0px 10px repeat-x; 	
} 

.infos_agenda P SPAN {
	background-color:#fff;
} 

.infos_agenda P SPAN.evt {
	float:left;
	padding-right:2px;
} 

.infos_agenda P SPAN.date {
	float:right;
	padding-left:2px;	
} 

.titre_rubrique_agenda{
	margin:15px 0px 0px 0px;
	width:100%;
	text-align:center; 
	color:#93C139; 
	font: 14px Arial; 
	font-weight:bold;
}

.annee_rubrique_agenda{
	margin:15px 0px 0px 0px;
	width:100%;
	text-align:center; 
	line-height:12px;
	color:#666; 
	font: 12px Arial;
	font-weight:bold; 
}


/* -------------------------- TITRES et autres classes pour le texte ------------------------- */

H1 {
	margin: 50px 0px 0px 15px;
	color:#0D1F71;
	font: 14px Arial;
	font-weight:bold;
	line-height:16px;
	letter-spacing:4px;
}

H2 {
	margin: 0px 0px 10px 15px;
	color:#5C85F7;
	font: 14px Arial;
	font-weight:bold;
	line-height:14px;
}

#col_droite_infos H2{
	 margin:10px 0px 0px 0px;
}

#col_gauche_infos H2{
	 margin:10px 0px 0px 0px;
}

H3 {
	margin: 0px 5px 3px 0px;
	color:#FFA614;
	font: 15px Arial;
	font-weight:bold;
	line-height:14px;
}

H4 {
	margin: 10px 0px 2px 95px;
	color:#FFA614;
	font: 11px Arial;
	font-weight:bold;
	line-height:12px;
}

#col_droite_infos H4 {
	margin:0px 0px 10px 0px;
	font:12px Arial;
	font-weight:bold;
}

H5 {
	margin-top:5px;
	margin-left:138px;
	color:#5C85F7;
	font: 18px Arial;
	line-height:18px;
	letter-spacing:5px;
}

.titre {
	color:#fff;
	font: 12px Arial;
	font-weight:bold;
	line-height:16px;
}

.sous-titre {
	color:#FFA614;
	position:relative;
	padding:0px;
	font: 14px Arial;
	font-weight:bold;
	line-height:16px;
}

.texte {
	color:#6085FA;
	position:relative;
	padding:0px;
	font: 12px Arial;
	font-weight:bold;
	line-height:16px;
}

.texte A,
.texte A:hover {
	color:#6085FA;
	text-decoration:none;
}



/* -------------------------- PAGES INTERNES ------------------------- */

#col_gauche_infos {
	z-index:5;
	position:relative;
	width:270px;
	padding:0px 10px 0px 15px;
	margin:0px;
	float:left;
}


#col_droite_infos {
	z-index:6;
	position:relative;
	/*width:263px;*/
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 295px;
	border-left: dashed 1px;
	border-color:#6085FA;
}

#col_gauche_infos p {
	width:230px;
}

#col_droite_infos li {
	width:220px;
}

#col_gauche_localisation {
	z-index:5;
	position:relative;
	width:325px;
	padding:0px 10px 0px 15px;
	margin-top:0px;
	float:left;
}

#col_droite_localisation {
	z-index:6;
	position:relative;
	/*width:263px;*/
	padding:0px 10px 0px 20px;
	margin:0px 0px 0px 350px;
	border-left: dashed 1px;
	border-color:#6085FA;
}

.paragraphe,
.liste_festivals .paragraphe_liste,
.paragraphe_entier {
	color:#5A5D62;
	position:relative;
	padding:0px;
	font: 11px Arial;
	line-height:14px;
}

.paragraphe A,
.paragraphe_entier A {
	color:#5C85F7;
	text-decoration:none;
	font-weight:normal;
}

.paragraphe A:hover {
	text-decoration:underline;
	cursor:pointer;
}

.paragraphe {
		margin:5px 10px 0px 0px;
}

.paragraphe_entier {
		margin:5px 30px 0px 15px;
		text-align:justify;
}

.paragraphe_entier A:hover {
	text-decoration:underline;
	cursor:pointer;
}

.liste_festivals .paragraphe_liste {
		margin:0px 10px 0px 0px;
		width:230px;
}

#col_gauche_infos .paragraphe {
	width:260px;
}

#col_droite_infos .paragraphe{
	width:260px;
}

.image_gauche {
	margin:25px 0px 0px 0px;
}

.paragraphe1 {
	font:13px Arial;
	font-weight:bold;
	line-height:14px;
	color:#FFA614;
	margin-right:10px;
}

.paragraphe2,
.paragraphe2 A {
	font:11px Arial;
	line-height:14px;
	color:#5C85F7;
	margin-right:10px;
}

.paragraphe3 {
	font:12px Arial;
	font-weight:bold;
	color:#5C85F7;
}

#col_gauche_infos .paragraphe3 {
	width:260px;
}

#col_droite_infos .paragraphe3 {
	width:240px;
}

.paragraphe3 A{
	color:#5C85F7;
	text-decoration:none;
}

.paragraphe3 A:hover{
	text-decoration:underline;
} 

.paragraphe4 {
	font:12px Arial;
	font-weight:bold;
	color:#5C85F7;
	margin:25px 0px 15px 25px;
	text-align:center;
}

.paragraphe4 A {
	color:#5C85F7;
}

#page_entiere {
	position:relative;
	padding:10px 10px 0px 10px;
	margin:0px;
}

#page_entiere A{
	font:12px Arial;
	font-weight:bold;
	color:#FFA614;
}

#bloc_gauche {
	z-index:6;
	position:absolute;
	top:420px;
	left:0px;
}

.infos {
	position:relative;
	margin:0px;
	margin-top:3px;
	padding:0px;
	background: url(../../images/fond_infos.jpg) top center no-repeat;
}

.footer_infos {
	padding-left:5px;
	margin:0px;
}

#col_gauche_infos .infos .paragraphe{
	margin-left:15px;
	width:245px;
}

.texte_infos {
	text-align:left;
	margin:0px;
	padding:0px 5px 10px 25px;
}

.texte_demande {
	font-style:italic;
	text-align:right;
	color:#5A5D62;
	position:relative;
	padding:0px;
	font: 11px Arial;
	line-height:14px;
	font-style:italic;
}

/* -------------------------- PAGE pop-up ORGANIGRAMME------------------------- */

.titre_organigramme {
	margin: 10px 0px 10px 10px;
	color:#0D1F71;
	font: 14px Arial;
	font-weight:bold;
	line-height:16px;
	letter-spacing:4px;
}


#col_gauche_organigramme {
	z-index:5;
	position:relative;
	width:280px;
	padding:0px 5px 0px 5px;
	margin:0px;
	float:left;
	font:10px Arial;
}


#col_droite_organigramme {
	z-index:6;
	position:relative;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 290px;
	font:10px Arial;
}

.img1 {
	position:absolute;
	top:15px;
	left:5px;
}
.img2 {
	position:absolute;
	top:190px;
	left:5px;
}

.img3 {
	position:absolute;
	top:310px;
	left:5px;
}

.img4 {
	position:absolute;
	top:405px;
	left:5px;
}

.texte_organigramme {
	position:relative;
	margin:0px 5px 25px 5px;
	padding-top:25px;
}

.nom {
	position:relative;
	color:#FFA614;
	font:12px arial;
	font-weight:bold;
}

.coordonnees{
	position:relative;
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
}

.email{
	position:relative;
	color:#5C85F7;
	font:11px arial;
	font-weight:bold;
}

#organigramme {
	min-height:650px;
	height:auto;
}

/* POUR IE */
* html #organigramme  {
	height:650px;
}

/* -------------------------- PAGE CONTACT------------------------- */

.texte_contact {
	padding:0;
	font-style:italic;
	width:500px;
	margin:0;
	text-align:center;
}

.texte_contact,
.texte_contact A {
	font:10px arial;
	color:#5A5D62;
}

.texte_contact A:hover {
	text-decoration:underline;
}

#rubrique{
	position:relative;
	width:550px;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:0px;
	padding-left:15px;
}

/* -------------------------- FORMULAIRE DE CONTACT------------------------- */

    .formulaire-row-obligatoire,
	.formulaire-row {
		width:80%;
		color:#333;
		margin:0px;
		padding:5px 0px 5px 0px;
	}
	
	.formulaire-row-obligatoire {
		font-weight: bold; 
	}	

	.formulaire-row-obligatoire LABEL, 
	.formulaire-row LABEL,
	.formulaire-row .paragraphe{
	   float: left;
	   width:180px;
	   padding: 3px 5px 0px 0px;
	   text-align: right;
	}

	.formulaire-row-obligatoire INPUT, 
	.formulaire-row INPUT,
	.formulaire-row-obligatoire TEXTAREA, 
	.formulaire-row TEXTAREA,	
	.formulaire-row-obligatoire SELECT, 
	.formulaire-row SELECT {
		width:230px;
		border:solid 1px #333;
		margin-right:5px;
		vertical-align:middle; 
		background-color:#E3ECF5;
	}
	
	INPUT.radio {
		width:20px;
		vertical-align:middle; 
		border:0px;
		margin:0px;
		padding:0px;
	}
	
	#message{
		float:left;
		width:78%;
		text-align:center;
		margin-top:10px;
		margin-left:50px;
		margin-bottom:20px;
		padding:5px 0px 5px 0px;
		background-color:#ECEEEF;
	}	

	#message P {
		font-size:13px;
		font-weight:bold;
	}	

	#message P.erreur{
		color:red;
	}

	.btn,
	#btn_submit {
		width:100px;
		color:white;
		font-size:12px;
		font-weight:bold;
		background-color:#470E00;
		text-align:center;
		padding:2px 10px 2px 10px;
		margin:10px 0px 0px 160px;
		cursor:pointer;
	}
	

/* -------------------------- Messages système------------------------- */

 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: red;
 	text-align: center;
 	margin:10px 0px 15px 0px;
 }
 
 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;
 	margin:10px 0px 15px 0px;
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 600 px;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 10px;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 
/* -------------------------------------- AGENDA ----------------------- */
.break {
	clear:both;
}

#contenuAgenda {
	float:left;
	width:100%;
}

#contenuAgenda H1 {margin:50px 0px 10px 20px ;}

#contenuAgenda P:hover, 
#contenuAgenda A:hover 
{text-decoration:none;}

#contenuAgenda .suite:hover {text-decoration:underline;}

#lien_archive{
	position: absolute;
	top:45px;
	right:60px;
}

.archive{ 
	list-style: none; 
}

.archive li{
	line-height: 12px;
	padding: 0px 0px 15px 15px;
	width:230px;
	color:#FFA614;
} 

.archive A{
	color:#FFA614;
	font-weight:bold;
}

.liste_resumes{ 
	list-style: none; 
}

.liste_resumes li{
	line-height: 12px;
	padding: 0px 0px 15px 15px;
	width:500px;
	color:#5F84F9;
} 

.liste_resumes A{
	color:#5F84F9;
	font-weight:bold;
}

#aLaUne {
	float:left;
	width:260px;	
	margin:0px;
	padding:0px;
	text-align:left;
}


#aLaUne IMG,
#aLaUne P,
#aLaUne h3,
.suite {
	margin:0px;
}

#aLaUne P.accroche,
#prochainEVT {
	padding:0px 20px 3px 20px;
}

#colonneDroite {
	float:left;
	margin:0px;
	border-left:dashed 1px #6085FA;
	padding-left:10px;
	min-height:600px;
	height:auto;
	/* background-color:#00FF66; */
}

*html #colonneDroite {
	height:600px;
}

#aLaUne,
#colonneDroite {
	margin-top:5px;
}

.accroche{
	color:#5F84F9;
	font:1em Arial;
	text-decoration:none;
	font-weight:bold;
	margin:5px 0px 5px 15px;
}


#archives {
	margin:0px;
	padding-left:20px;
	min-height:600px;
	height:auto;
}

*html #archives {
	height:600px;
}


#selectTypeInfo{
	color:#5F84F9;
	font:0.9em Arial;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:15px;
}

#type_info {
	font:1.0em Arial;
	color:#5F84F9;
}

UL.agenda { 
	width:100%;
	list-style: none; 
	color:#5A5D62;
	font:11px arial;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

UL.agenda li{
	width:90%;
	background:url(../../images/puce_liste_orange.jpg) 0px  2px no-repeat;
	font-size:1.1em;
	line-height: 1.1em;
	padding: 0px 10px 0px 15px;
	color:#5F84F9;
} 

UL.agenda A {
	color:#5F84F9;
	font-weight:normal;
}

UL.agenda .type_info {
	font-size:0.9em;
	font-style:italic;
}

/****************** SIMULATION D'AFFICHAGE COMME 2 CELLULES D'UNE TABLE *********************************/
#table, #image, #evt {	margin:0px;padding;0px }
#image {margin-bottom:10px}
#colonneDroite #table, #archives #table {	display: table; }
#colonneDroite #image, #colonneDroite #evt,
#archives #image, #archives #evt { display: table-cell; height:100%; vertical-align:top;}
#colonneDroite #image {	float:left; width:120px; margin:0px;padding:0px;}
#colonneDroite #evt { width:185px;}
/*
#colonneDroite #image IMG {width:110px;}
*/
#archives #image  {	float:left; width:120px; margin:0px;padding:0px;}
#archives #image IMG  {width:110px;}
/*
html>body #colonneDroite #image {	float: none;}
*/


#colonneDroite #evt h3 .lien{
	font:1.0em arial;
	font-weight:bold;
	margin:0;
	padding:0;
}

#colonneDroite #evt .sstitre {
	font:0.9em arial;
	font-weight:bold;
	margin:0;
	padding:0;
}

/**** style appliqué en fonction du type d'évènement ****/

.evt1, /**** EVT "Concert et spectacles"    ****/
.evt2, /**** EVT "Foires et Salons"         ****/
.evt3, /**** EVT "Congrès et Séminaires"    ****/
.evt4, /**** EVT "Evènements d’entreprise"  ****/
.evt5, /**** EVT "Manifestations sportives" ****/
.evt6, /**** EVT "Autres"                   ****/
{
	float:left;
}

#colonneDroite .evt1,
#colonneDroite .evt2,
#colonneDroite .evt3,
#colonneDroite .evt4,
#colonneDroite .evt5,
#colonneDroite .evt6,
#programmation {
	width:310px;
	border-top: dashed 1px #6085FA;
	padding:10px 0px 10px 0px;
}


#programmation {
	font-size:0.8em arial;
	font-weight:bold;
	text-align:center;
	color:#F18E00;
	padding-top:20px;
}

#archives .evt1,
#archives .evt2,
#archives .evt3,
#archives .evt4,
#archives .evt5,
#archives .evt6 {
	width:550px;
	border-top: dashed 1px #6085FA;
	padding:10px 0px 10px 0px;
}

/*
#premierEvt {
	border-top: dashed 1px #6085FA;
}
*/
/**** style général pour tous les évènements ****/

#evt .type_info,
#evt .type_public{
	color:#999;
	font:0.9em arial;
	font-weight:normal;
	font-style:italic;	
}

#evt .type_public{
	margin:0px 0px 5px 0px;
}

#evt h3 .lien{
	font:1.3em arial;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

#evt .sstitre,
#evt .organisation,
#evt .jauge{
	margin:2px 0px 3px 0px;
}


#evt .periode,
#evt .organisation,
#evt .organisation A,
#evt .suite{
	color:#5F84F9;
	font:0.9em arial;
}

#evt .horaires{ 
	color:#5A5D62;
	font:0.9em arial;
	font-style:italic;
}

#evt .periode{
	font-weight:bold;
	margin-top:8px;
}

.complet{
	font-weight:bold;
background-color:#FF3C3C;
	color:#fff;
	margin-top:2px;
	margin-bottom:2px;	
	text-align:center;
	padding:1px;
}

#evt .jauge{ 
	color:#5A5D62;
	font:0.9em arial;
	font-style:italic;
}

#evt .resume,
#evt .resume DIV,
#evt .resume P,
#evt .resume SPAN,
#evt .resume SPAN P {
	margin:0px;
	padding:0px;
	font:0.9em arial;
	color:#5A5D62;
	font-weight:normal;
	
}

#evt .resume{
	margin-top:10px;
}