/* = Style locaux
---------------- */

@import "/global/css/layoutA.css";

#galeriesVideos {
background: #005B90 none repeat scroll 0 0; 
padding: 20px 10px 30px 10px; 
position: relative; 
}

#choixVideos {
background: #f3faff none repeat scroll 0 0; 
padding: 5px; 
position: relative; 
margin-bottom: 25px; 
text-align: left;
}

.galContainer {
width: 99%; 
padding: 5px; 
clear: both; 
float: left;
z-index: 1000 !important;
margin-top: 10px;

}

.gal {
width: 140px; min-height: 125px;
margin: 0 5px 0 3px; 
float: left;
}

.gal img {
border: 1px #104273 solid; 
background: #fff; 
/*float: left; */
margin: 2px 8px 0 0; 
padding: 1px;
}

#triVideos {
background: #f3faff none repeat scroll 0 0; 
position: absolute; 
right: 0; 
top: -15px; 
padding: 10px 10px 0 10px; 
z-index: 5;
}

#triVideos .br, #triVideos .bl {
display: none;
}

#choixVideos h2 {
float: left;
}

.navigation {
position: absolute; 
left: 0; 
bottom: -17px; 
z-index: 5;
}

.navigation p {
float: left;
}

.navigation p a {
margin-right: 5px;
}

.navigation a.next,
.navigation a.previous {
width: 40px; 
height: 20px; 
float: left; 
background: #f3faff url(../img/bt_scroll.gif) no-repeat top left;
}

.navigation a.next {
background-position: top right;
}

.navigation ul {
float: left; 
margin-top: 4px;
}

#nombrePages li {
display: inline; 
float: left; 
margin: 0 2px;
}

#nombrePages li a {
color: #fff; 
padding: 0px 4px; 
display: block;
}

#nombrePages li a.active {
border-bottom: 2px solid #fff;
}

#afficheVideo {
width: 450px; 
margin: 0px auto; 
text-align: left; 
font-family: Arial; 
color: #fff;
}

#afficheVideo.menu  
{
	width: 760px; 
	margin: 0px 0; 
	text-align: left; 
	font-family: Arial; 
	color: #fff;
	background-color:#749BB8;
}

#afficheVideo h3 {
margin: 0.8em 0 0.5em 0; 
font-weight: bold; 
font-size: 146.5%;
padding:3px 5px;
}

#afficheVideo p {
font-size: 93%
}

#afficheVideo #FlashContent {
	/*background: #000;*/
	text-align: center;
}
/* Agenda BIG FOOT */

 #agenda p.voirTout {
 position: relative;
 margin-top: 4px;
 }

 #agenda p.voirTout a.next {
 position: absolute;
 top: -6px;
 right: 0;
 z-index: 10000;
 }
 #agenda p.voirTout a.prev {
 position: absolute;
 top: -6px;
 left: 0;
 z-index: 10000;
 }
 #agenda p.voirTout a.next, #agenda p.voirTout a.prev {
 color: #0073C9;
 display: block;
 font-weight: bold;
 }
 #agenda a.next {width: 46%; float: left; background: transparent url(/global/img/bgBouton-next.png) no-repeat bottom right; text-align: center; padding: 0 0 5px 0;}
 #agenda a.prev {width: 54%; float: right;background: transparent url(/global/img/bgBouton-prev.png) no-repeat bottom left; text-align: center; padding: 0 0 5px 0;}