@charset "UTF-8";
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| STYLES EXTRAS ||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* ###########################################################
######################## HEADER ##############################
########################################################### */
#header {
	height: 165px;
	margin: 0 auto;
	color: #ffffff;
	width: 100%;
	background:url(../images/bkg-top.jpg) center top repeat;
	overflow: hidden;
	
	/* Ajouter pour bat2 */
	font-family:Helvetica;
	font-weight:lighter;
}

.navigation img {
	border:none;
}

.flagUk{
	background:url(../images/header/great_britain.png) no-repeat top left;
	height: 19px;
	width: 22px;
	display: inline-block;
	vertical-align: bottom;
}

.flagUk:hover{
	background:url(../images/header/great_britain.png) no-repeat bottom left;
	height: 20px;
	width: 22px;
}

.flagFr{
	background:url(../images/header/flag_fr.png) no-repeat top left;
	height: 19px;
	width: 22px;
	display: inline-block;
	vertical-align: bottom;
}

.flagFr:hover{
	background:url(../images/header/flag_fr.png) no-repeat bottom left;
	height: 20px;
	width: 22px;
}



.home{
	background:url(../images/header/home.png) no-repeat top left;
	height: 17px;
	width: 21px;
	display: inline-block;
	vertical-align: bottom;
}

.home:hover{
	background:url(../images/header/home.png) no-repeat bottom left;
	height: 17px;
	width: 21px;
	text-decoration: underline;
	color: #C9D400
}



.brochure{
	background:url(../images/header/brochure.png) no-repeat top left;
	height: 16px;
	width: 45px;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}

.brochure:hover{
	background:url(../images/header/brochure.png) no-repeat bottom left;
	height: 16px;
	width: 45px;
	text-decoration: underline;
	color: #C9D400
}


.situation{
	background:url(../images/header/situation.png) no-repeat top left;
	height: 16px;
	width: 110px;
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 4px 0 0 30px;
}

.situation:hover{
	background:url(../images/header/situation.png) no-repeat bottom left;
	height: 16px;
	width: 110px;
	text-decoration: underline;
	color: #C9D400;
}



.photo{
	background:url(../images/photos.png) no-repeat bottom left;
	height: 14px;
	width: 80px;
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 0 0 0 30px; 
    margin-bottom: 3px;
}

.photo:hover{
	background:url(../images/photos.png) no-repeat top left;
	height: 14px;
	width: 80px;
	text-decoration: underline;
	color: #C9D400;
}


#conteneurNavSec{
	width:100%;
	position:absolute;
	top:0;
	z-index:2012;
}

#navSecondaire{
	width:750px;
	margin: 0 auto;
	padding: 5px 0 0 20px;
	/* Ajouter pour bat2 */
	font-size:0.8em;
	padding-left: 223px;

}

#navSecondaire a, #navSecondaire a:visited {
	padding: 0 10px;
	color:#FFFFFF;
	text-decoration:none;
}

#navSecondaire a img{
	padding: 0 5px 0 0;
}


.conteneurNav{
	width:980px;
	margin: 0 auto;
	height: 100%;
}

.navigation {
	background-color: #0F1D3D;
    height: 37px;
    position: relative;
    /*top: 163px;*/
    width: 750px;
    z-index: 10002;
    left: 50%;
    margin-left: -260px;
}

#navPrincipale, #navPrincipale1 {
	width:750px;
	margin: 0 auto;
	/*padding: 0 0 0 230px;*/
	white-space: nowrap;
	overflow:hidden;
	
	text-transform: uppercase;
	font-size:0.8em;
}


#navPrincipale a, #navPrincipale a:visited {
	line-height:37px;
	text-decoration:none;
	color:#FFFFFF;
	/*font-size:1.1em;*/
	font-size:1.14em;
	
	/* Pour BAT2 
	padding: 9px 24px\9;
	padding: 9px 25px;*/
	
	
	padding: 13px 6px;
	font-weight:bold;
	
}

#navPrincipale a:hover, #navPrincipale1 a:hover {
	background:#CBD400;
}

#navPrincipale a.hoverNav {
	background:#CBD400;
}

.uk #navPrincipale a, #navPrincipale a:visited {
	font-size:1.28em;
}
.uk #navPrincipale a, .uk #navPrincipale a:visited  {
    padding: 13px 7px;
}

#navPrincipale1 a{
	position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 324px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:1.14em;
	padding: 13px 12px 13px 13px;
	font-weight:bold;
	line-height: 12px;
}
.uk #navPrincipale1 a{
	margin-left: 319px;
    padding: 13px 15px 13px 15px;
}
#navPrincipale1 a:hover{
	height: 11px;
    width: 26px;
    background: #CBD400;
}

/* ###########################################################
######################## Texte header #########################
########################################################### */

#oh {
	position: absolute;
	z-index:2000;
	left: 50%;
	top:10px;
	margin: 0 0 0 -495px;
}

#tourDuMonde {
	left: 50%;
    margin: 5px 0 0 -255px;
    position: absolute;
    top: 75px;
    z-index: 2002;
}

#headerImgGauche{
	position: absolute;
	background:#0083b9 url(../images/header/header-img-gauche.jpg) 0 0;
	right:50%;
	margin-right: 490px;
	width: 230px;
	height: 165px;
	z-index:2002;
	top: 0;
}
#headerImgDroite{
	position: absolute;
	background:#0083b9 url(../images/header/header-img-droite.jpg) 0 0;
	left: 50%;
	margin-left: 490px;
	width: 286px;
	height: 165px;
	z-index:2002;
	top: 0;
}

#contentImgGauche{
	position: absolute;
	background:#0083b9 url(../images/img-gauche.jpg) 0 0;
	right:50%;
	margin-right: 490px;
	width: 231px;
	height: 435px;
	z-index:2002;
	top: 165px;
}
#contentImgDroite{
	position: absolute;
	background:#0083b9 url(../images/img-droite.jpg) 0 0;
	left: 50%;
	margin-left: 490px;
	width: 286px;
	height: 435px;
	z-index:2002;
	top: 165px;
}


.fr #oiseaux {
	position: absolute;
	top:0;
	background:#0083b9 url(../images/header/banFR.jpg) center bottom no-repeat;
	width:100%;
	height:165px;
	z-index:2001;
	display:block;
}
.uk #oiseaux {
	position: absolute;
	top:0;
	background:#0083b9 url(../images/header/banFR.jpg) center bottom no-repeat;
	width:100%;
	height:165px;
	z-index:2001;
	display:block;
}

/* ###########################################################
##############################################################
########################### MUSIQUE ##########################
##############################################################
########################################################### */

#music a, #music a:visited {
	display:block;
	width:15px;
	height:17px;
	padding:0;
	background:url(../images/music.png) bottom right no-repeat;
	text-decoration:none;
	float:right;
	/*margin: 0 260px 0 0;*/
	margin: 2px 640px 0 0;
}

#music a:hover{
	background:url(../images/music.png) top right no-repeat;
}

 #music a.play:hover{
	background:url(../images/music.png) top left no-repeat;
}

#music a.play {
	background:url(../images/music.png) bottom left no-repeat;
}

#music a.pause {
	background:url(../images/music.png) top left no-repeat;
}



/* --- TOOLTIP MUSIQUE --- */

.tooltip {
	position: absolute;
	top: 30px;
	left: 50%;
	margin: 0 0 0 150px;
	padding: 0px 0px 0px 10px;
	text-transform:uppercase;
	z-index:3000;
	color:#FFFFFF;
	display:none;
}
.tooltip ul {
padding:0;
margin:0;
}
.tooltip li {
line-height:20px;
list-style:none;
float:left;
}
.tooltip .text {
margin-right:10px;
}
.tooltip a {
display:block;
width:30px;
height:20px;
line-height:20px;
color:#fff;
text-decoration:none;
text-align:center;
background: #CBD400;
}
.tooltip a:hover {
background:none;
color:#CBD400;
}




/* ###########################################################
####################### SS Navigation ########################
########################################################### */

.ssNav {
	background:url(../images/bkg-ssnav.png) repeat;
	width:744px;
	height:auto;
	height:390px\9;
	display:none;
	top:202px;
	position:absolute;
	left: 50%;
	margin: 0 0 0 -260px;
	z-index:260000;
	border:3px solid #cbd400;
	text-align:left;
	color:#4e5200;
	/*font-family: 'Jockey One', sans-serif;*/
	font-size:0.8em;
}

.ssNav a, .ssNav a:visited {
	font-weight:bold;
	color:#99a100;
	text-decoration:none;
	font-size:1.2em;
}

.ssNav div{
	
	padding:5px 7px 7px 7px;
	float:left;
}

.premier {
	margin: 15px 0 0 0!important;
}

.ssNav div p {
	margin:0;
	padding: 0 0 7px 0;
	cursor: default;
	font-weight:bold;
}

.ssNav div img {
	border:1px solid #7c803c;
	margin: 10px 0 10px 0;
}



#navPartenaires, #navPresse {
	height: auto;
}

#navOrganiser{
	height: auto;
	
}

#navGroupe {
	
	height: auto;
}

#navEvenements{
	
	height: auto;
}
hr{
	margin-top:12px;
}


#navPro {
	
	height: auto;
}
/* ###########################################################
##############################################################
#################### GALERIE PHOTOS ##########################
##############################################################
########################################################### */
.containerGalerie{
	position:relative;
	width:100%;
	overflow:auto;
}

.containerGalerie ul li{
	background-image:none;
	width:110px;
	margin:0;
	padding:0;
	list-style: none;
}


.containerVignettesGalerie {
	width:610px;
	margin: 10px 0 10px 20px;;
	overflow:hidden;
	margin:0 auto;
}

.containerVignettesGalerie ul {	
	padding:0 0 0 10px;
}

.containerVignettesGalerie ul li {
	width:60px;
	height:60px;
	margin-bottom:8px;
	margin-right:8px;
	float:left;
	border:solid 3px #CBD400;
	cursor: pointer;
}

.containerPhotosGalerie {
	position:relative;
	width:750px;
	height:540px;
	padding-top:5px;
	margin: 0 auto;
}

.photoGalerie {
	position:relative;
	width:750px;
	height:540px;
	text-align:center;
}




/* Oiseaux footer*/
#oiseauxBas {
	height:450px;
	width:100%;
	display:block;
	margin: 0 auto;
	background:url(../images/oiseaux.png) no-repeat bottom center;
	bottom:0;
	position:absolute;
	z-index: 10000;
}


#divIntro{
	z-index:99999999;}
	



.logoTemp a{
	background: url("../images/navigation-gauche/logo.png") no-repeat scroll center top transparent;
    height: 71px;
    position: absolute;
    width: 224px;
    z-index: 2005;
    left: 50%;
	top:165px;
	margin: 0 0 0 -487px;
	text-decoration:none;
}
.logoTemp a:hover{
	 background: url("../images/navigation-gauche/logo.png") no-repeat scroll center -87px transparent;
}










.IE7{
	display:none;
}

.pasIE7{
	display:block;
}