/* CSS Document */

* {
	margin:0;
	padding:0;
}

body{
	margin: 0; 
	padding: 0;

	background-color: #124;
	font-size: 11px;
	font-family: Verdana, Garamond, Georgia, Times, serif;
}

div#conteneur{
	position:absolute;
	left: 50%;
	margin-left: -375px;
	width:750px;	
	background-image: url('../mesimages/mosaic_lght.jpg');
	background-color:#FFE9B8;
	
	border-left:3px #EEBB55 solid;
	border-right:3px #EEBB55 solid;
	border-bottom:3px #EEBB55 solid;
	
	margin-bottom:0px;


	

}

div#bandeau_haut{
	float:left;
	position:relative;
	
	width:744px;
	height:152px;
	
	padding:0;
	margin:0;
	left:3px;
	top:5px;

	background-image: url('../mesimages/grille_entete.gif');
}

h1#slogan_haut{
	float:left;

	background: url('../mesimages/bout_m_trait.gif') top left;
	padding-top:3px;
	margin-top:O;
	width:744px;
	height:18px;
	
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color: navy;
}

div#logo_haut{
	/* logo 303px par 100px */
	float:left;
	margin-left:3px;
	margin-top:5px;
	width: 303px;
	height: 120px;
	/* background: url('../mesimages/logo_entete.gif') top left no-repeat;
	*/

}

/* titre sous le logo = date de l'évènement */
div#logo_haut h2{
	margin-left:5px;
	padding:0;
	
	color:#222222;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-align:center;
	
	height:10px;
	
}

div#image_haut{
/* image des artistes : L=434px par H=125 */
	
	float:left;
	margin-left:0px;
	margin-top:4px;

	height:126px;
	width:435px;
}


/* ---------------------------------- 
PARTIE GAUCHE
*/




/* TITRE Des BLOC A GAUCHE*/
div.menu_gauche h3, div#image_gauche h3, div#video_gauche h3, div#partenaire_gauche h3, div#affiche_gauche h3, div#contact_gauche h3 {
/*
	margin-top:5px;
	margin-left:0px;
	*/	
	float:left;
	position:relative;

	padding-bottom:2px;
		
	width:120px;
	height:12px;
	
	background-color: #468;
	background-image:url('../mesimages/coin_d.gif');
	background-repeat:no-repeat;
	background-position:top right;
	color: #EEE;
	font-weight:bold;

	font-size:11px;
}

div.menu_gauche a{
	display:block;
	width: 200px;
	height: 12px;
	/* padding-top:1px;
	*/
	float:left;
	position:relative;
	top:0px;

	background-image: url('../mesimages/1off_02.gif');
	background-repeat: x-repeat;
	background-position: top;
	height:21px;
	width: 180px;
	
	font-weight: bold;
	font-size:1em;
	color: #468;
	text-decoration:none;
	padding-left:4px;

}

div.menu_gauche a:hover{

	text-decoration:underline;
	color: #004;
}




div#bandeau_gauche {
	float:left;
	position:relative;
	left:3px;
	top:20px;
	
	width:190px;



}
div#image_gauche, div#video_gauche, div#partenaire_gauche, div#affiche_gauche, div#contact_gauche, div#compte_gauche {
	float:left;
	position:relative;
	margin-top:8px;
}


div#bandeau_gauche div#image_gauche a img.diapo, div#bandeau_gauche div#partenaire_gauche a img, div#bandeau_gauche div#contact_gauche p{
	border:#446688 0.5px solid;

}




div#contact_gauche p{
background-image: url(../mesimages/grille.gif);

	float:left;
	/* position:relative; */
	width:175px;
	font-size:1em;
	
	padding-top:3px;
	padding-left:5px;
	padding-bottom:5px;

}

div#contact_gauche p strong{
	font-size:1.1em;

}


/* 
---------------------------------------------------
PARTIE DROITE 

*/

div#slogan_droit{

	float:left;
	position:relative;
	top:20px;
	left:5px;
	width:548px;
	height:20px; 
	
	text-align:center;
	
	color: #994422;
	font-size: 1.6em;
	font-weight: bold;
	
}


/* 
partie bloc "bienvenue"
*/

div#bienvenue_droit{

	float:left;
	position:relative;
	top:40px;
	left:5px;
	width:548px;
	/* border:#0099FF 1px solid; */
}

div#bienvenue_droit h1{
	color: #468;
	font-weight:bold;
	padding:3px 0px 1px 7px;
	margin:0px;
	font-size:1.6em;
}

div#bienvenue_droit h2{
	color: #E16E00;
	font-weight:bold;
	padding:3px 0px 7px 7px;
	margin:0px;
	font-size:1.3em;
		
}


div.alaccueil{

	float:left;
	position:relative;
	top:40px;
	left:5px;
	width:548px;
	/* border:#0099FF 1px solid; */
}

div.alaccueil h1{
	color: #468;
	font-weight:bold;
	padding:3px 0px 1px 7px;
	margin:0px;
	font-size:1.6em;
}

div.alaccueil h2{
	color: #E16E00;
	font-weight:bold;
	padding:3px 0px 7px 7px;
	margin:0px;
	font-size:1.3em;
		
}





div.fond_txt {
	background-image: url('../mesimages/grille.gif');
	border:solid 1px #f0C055;
	border-left-style:solid;
	border-left-color:#f0C055;
	border-left-width:4px;
	border-bottom-style:solid;
	border-bottom-color:#f0C055;
	border-bottom-width:8px;
	width:533px;
	/*  commenataire_yannis
	min-height:150px;
	*/ 
	
	float:left;
	/*commentaire_yannis 
	
	display:inline;
	margin:4px;
	margin-right:0px;
	margin-top:17px;*/
	
	/* commentaire_yannis */
	/* margin-left:8px; */
	
	padding:6px;
	text-align:left;
}
div#bienvenue_droit div.fond_txt div.coint_deco p.spip{
	font-size:1em;
	color: #222;
	margin-bottom:14px;
	margin-left:0px;
	text-align:justify;
}
	

div.bartitre{
	border-bottom:solid 1px #ccc;
}




div.actu_droit-milieu{
	float:left;
	position:relative;
	width:200px;
	left:5px;
	height:245px;
}


div.actu_droit-milieu div.fond_txt{
	
	float:left;
	position:relative;
	
	top:50px;
	
	/* Petit hack CSS 
	obligé de faire ça car le overflow est compris dans la largeur
	dans ie6 */
	
	width:290px !important;  /* pour tous les navig sauf....*/
	width:276px;  /* pour ie6 */
	
	height:220px;

}


div.fen_bartitre{
	background-color:#468;
	border-bottom:solid 1px #000;
	width:100%;
	margin:0px 0px 5px 0px;
	padding:2px 2px 2px 5px;
	color:#EEE;
	font-weight:bold;
	}

div.actu_scroll{
	position:relative; 
	width:100%; 
	height:200px;
	z-index:2; 
	overflow: auto;
}

a.lis_titre{
	color: #468;

	font-weight:bold;
	text-decoration:none;
}

a:hover.lis_titre{
	text-decoration:underline;
	color: #004;
}



/* 
Bloc message parrain
*/
/* obligé de spécifier le parent 
pour réduire de moitié uniquement cette div appelé efond_texte
*/
div.message_droit div.fond_txt{
	float:right;
	position:relative;
	width:220px;
	height:220px;
	
	top:50px;
	right:3px;

}



div#participation_droit {
	float:right;
	position:relative;
	right:3px;
	top:53px;
}


div#jt_droit{
	/* border:#3333CC solid 1px; */
	float:right;
	margin:10px;
	position:relative;
	left:5px;
	top:13px;
}

div#clindoeil_droit{
	/* border:#3333CC solid 1px; */
	float:right;
	position:relative;
	right:3px;
	top:23px;
	
	margin-bottom:20px !important;
	margin-bottom:Opx;
}

div#pieddepage{
	float:left;
	position:relative;
	left:2px;
	width:744px;
	height:20px;
	top:15px !important;
	top:65px;
	/* background-color:#00FF99;
	*/
	text-align:center;
}

div#pieddepage a{
	text-decoration:none;
	color:#FF9900;

}

div#pieddepage a:hover{
	color:#003399;
}


div#pieddepage div#afroo a img{
	margin-top:5px;


}

div#pieddepage div#afroo a:hover img{
/* border:#FF9900 1px solid;
*/

}