/* CSS 2 */


@charset "utf-8";
/* CSS Document */




* {
	margin:0; padding:0;
}

html {
	background-color:#000;	
	font-family:Arial, Helvetica, sans-serif;overflow:hidden;
}

body{
	margin:0;padding:0;
	display:block; overflow:hidden; height:1080px;width:100%;  background-repeat:no-repeat; background-position:50% 0%;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}


/* STRUCTURE GENERALE */
#contenaire {
position:relative;
margin:0;
padding:0;
height:670px;
width:950px;
margin:auto auto auto auto;


}

#logo {
	position:absolute;
	top:30px;
	left:30px;
}
#barreLanguage  {
position:absolute;
top:0;
right:0;
/*background-color:#000000;*/
background-image:url(../images/bgAgenda.png);
width:70px;
padding-top:7px;
padding-left:10px;
 /*padding-right:5px;*/
 height:16px;

}

 
#fluxRSS {
	position:absolute;
	top:3px;
	right:5px;
}
#messageAccueil{
	position:absolute;
	top:60px;
	right:10%;
	width:500px;
	height:100px;
}

#header {
	position:relative;
	height:0px;
	background-image:url(../images/fondHeader.jpg);
}

.actualite {
	margin-top:15px;
padding-bottom:10px;
	border-bottom:1px dotted #919191;
	width:475px;
	
}
.actualite #rubrique {

	text-transform:uppercase;
	
	padding: 2px 4px;
	width:150px;
	background-color:#660066;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bolder;
	margin-bottom:5px;
}

.actualite #titre {
	color:#660066;
	font-size:12px;
	font-weight:bold;
}

.actualite #textGras {
	color:#000;
	font-size:11px;
	font-weight:bold;
}

.actualite #description {
	margin:10px 0px;
	color:#000;
	font-size:11px;line-height:12px;
}
.actualite li {
	list-style:none;
	background-image:url(../images/puceLien.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0px 2px;
}
.actualite li a {
	font-size:11px;
	color:#000f5a;
	font-weight:bold;
}

.actualite img {
	float:left;
}

/* FOOTER : MODEL AVEC SCROLL (ACCUEIL, NEWS, PILOTES ...) */
#footer{
	position:absolute;
	bottom:0;
	background-image:url(../images/bg_footer.jpg);
	 /*height:266px;*/
	 height:195px;
	 width:100%;
	 background-position:50% 0%
}

/* FOOTER : MODEL SANS SCROLL (AGENDA ...) */
#footer2{
	position:absolute;
	bottom:0;
	background-image:url(../images/bg_footer2.jpg);
	background-position:bottom;
	 /*height:159px;*/
	 height:70px;
	 width:100%;
	 background-position:50% 100%;
}

/* FOOTER : MODEL SANS SCROLL et SANS REGLE MAIS MEME H QUE LE FOOTER1 (PATROUILLE ...) */
#footer3{
	position:absolute;
	bottom:0;
	background-image:url(../images/bg_footer3.jpg);
	/*height:266px;*/
	 height:195px;
	 width:100%;
	 background-position:50% 0%;
}



/* BLOC BAS DE PAGE AVANT SCROLL */
#footerBloc{
	position:relative;
	display:block;

	padding:0;
	margin:0;
	margin-top:8px;
	width: 870px;
	margin-left:auto;
	margin-right:auto;
	padding-left:3px;
}


#scrollerHorizontal{

position:relative;padding:0;margin:0;height:100px;	 	width: 870px;	margin-left:auto;	margin-right:auto;
padding-left:3px;
outline:none;

}
#scrollerHorizontal2{outline:none;}

#titrePage {
	position:relative; 
	margin:0; 
	padding:0; 
	float:left;
}

#toutesActu {
	position:relative;
	padding:0; margin:0;
	margin-top:5px;
	z-index:1;
	float:left;
}

#miniLogo{
	position:absolute;
	left:20px;
	bottom:10px;
	z-index:1;
}

#miniLogo img{
	/*height:40px;*/
}

#heure{
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:10px;
	left:55px;
	font-weight:bold;
	bottom:5px;

}

#join_us_facebook{
	position:absolute;
	left:180px;
	bottom:7px;
}

#btnMentions {
	position:absolute;
	right:20px;
	bottom:7px;
	/*width:120px;*/
}

#btnOrganisateurs {
	position:absolute;
	right:120px;
	bottom:7px;
	/*width:200px;*/
}
#btnDecouvrir {
	position:absolute;
	right:320px;
	bottom:7px;
	/*width:200px;*/
}

#btnTwitter {
	position:absolute;
	right:7px;
	bottom:32px;
	width:50px;
	height:50px;
}
#btnFacebook {
	position:absolute;
	right:7px;
	bottom:86px;
	width:50px;
	height:50px;
}
#btnYoutube {
	position:absolute;
	right:7px;
	bottom:140px;
	width:50px;
	height:50px;
}
/* Like button main text color */
#facebook  span {color:#fff;}
#facebook  div {color:#fff;}
#facebook  span a {color:#FFFF00;}


/* PAGE AGENDA */ 

.agenda {
	position:absolute;
	width:460px;
	height:530px;
	right:10px;
	padding:0 20px 10px 20px;
	top:20px;
	background-image:url(../images/bgAgenda.png);
}

.agenda #titre {
	margin-left:160px;
	margin-top:20px;
	margin-bottom:10px;
}

.carte {
	position:absolute;
	height:189px;
	width:309px;
	background-image:url(../images/carte.png);
	left:532px;
	top:310px;
	z-index:11;
}

#Cursor{
	position:absolute;
	z-index:10;
	display:none;
}

#Cursor img{
	height:25px;
	/*width:20px;*/
}

.livreor {
	position:absolute;
	font-size:12px;
	width:460px;
	height:424px;
	right:10px;
	padding:0 20px 10px 20px;
	top:70px;
	background-image:url(../images/bgAgenda.png);

}

.livreor #titre{
	margin-top:10px;
	color:#ffbe40;
	font-weight:bold;
	text-transform:uppercase;
}
.livreor #message{
	color:#fff;
	font-size:11px;
	padding-bottom:5px;
	border-bottom:1px solid #363b3f;
	text-align:justify;
	margin-bottom:10px;

}


.contenuPage{
	position:relative;
	clear:both;
	font-size:11px;
	margin:0;
	padding:0;
	color:#ccc;
	line-height:15px;
	
}

.contenuPage strong {
	color:#ee9900;
	clear:both;
}

.vuAnimPano{
	position:absolute; 
	display:block; 
	height:325px; 
	overflow:hidden; 
	width:500px; 
	right: 0px; 
	top: 10%;
	z-index:10; 
	background-color:#000;
	border:none;
	display:none;
}

.blocColonne{
position:relative; width:100%; height:350px;top:220px;
}

.blocColonne .Colonne{
position:relative; width:290px;float:left;
display:block;
}

.blocColonne .Colonne .itemColonne{
	float:left;clear:both;	height:50px;width:100%;padding:0;margin:1px;vertical-align:top;
}

.blocColonne .Colonne .itemColonne img{
	border:1px solid #fff;
	float:left;
	height:45px; width:45px;
	background-color:#FFFFFF;
	margin:3px 3px 3px 0;
}

.blocColonne #titreMedia {
	float:left;	height:12px;	padding-top:2px;
	width:200px;
}
.blocColonne #downloadBtn {

	width:90px;
	background-color:#000000;
	padding-top:2px;
	padding-left:10px;
	height:12px;
	float:left;
}