/* CSS Document */


/****************** Une ********************/
#logo {
	position: absolute;
	left: 100px;
	top: 25px;
	z-index: 1;
}

#transparent{
	position: absolute;
	left : 348px;
	top:341px;
	width : 355px;
	height:163px;
	background-color: #FFFFFF;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
#evenements{
	position: absolute; 
	z-index:1;
	left : 350px;
	top:350px;
	width : 347px;
	height:170px;
	font-size:0.9em;
	margin:0.2em
	}

#english {
	position: absolute;
	left: 50px;
	top: 104px;
	width: 90px;
	height: auto;
	z-index: 2;
	border: solid 1px #FFFFFF;
	padding-left: 25px;
	margin-top:0.3em;
	margin-bottom:0.3em
}

#actu {
	position: absolute;
	left: 50px;
	top: 325px;
	width: 200px;
	height: auto;
	bordor-bottom-style: solid;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	z-index: 3;
	border-bottom-style: solid;
	padding: 10px;
	text-align: right
}

#evts {
	position: absolute;
	left: 50px;
	top: 475px;
	width: 200px;
	height: auto;
	bordor-bottom-style: solid;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	z-index: 3;
	border-bottom-style: solid;
	padding: 10px;
	text-align: right
}

#film {
	position: absolute;
	left: 790px;
	top: 325px;
	width: 135px;
	height: auto;
	border: solid 1px #FFFFFF;
	z-index: 3;
	padding: 10px;
}


#espace-gp {
	position: absolute;
	left: 791px;
	top: 400px;
	width: 155px;
	height: 30px;
	z-index: 3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 7px;
}
#espace-presse {
	position: absolute;
	left: 791px;
	top: 445px;
	width: 150px;
	height: 20px;
	z-index: 3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 10px;
}

#ligne-bas {
	position: absolute;
	left: 250px;
	top: 535px;
	width: 600px;
	height: auto;
	z-index: 3;
	padding: 5px;
}


#image {
	position: absolute; 
	left: 145px; 
	top: 68px; 
}

#filet-haut{
	position: absolute; 
	left: 100px; 
	top: 25px; 
	width: 880px; 
	height: 1px; 
	border-top:1px solid #FFFFFF
}
#filet-gauche{
	position: absolute; 
	left: 100px; 
	top: 26px; 
	width: 1px; 
	height: 80px; 
	border-left:1px solid #FFFFFF
}

#filet-gauche2{
	position: absolute; 
	left: 100px; 
	top: 146px; 
	width: 1px; 
	height: 180px; 
	border-left:1px solid #FFFFFF
}

#filet-droite{
	position: absolute;
	left: 980px;
	top: 25px;
	width: 1px;
	height: 301px;
	border-left:1px solid #FFFFFF;
	padding-right: 50px;
}

#filet-bas-droite{
	position: absolute; 
	left: 960px; 
	top: 325px; 
	width: 20px; 
	height: 1px; 
	border-top:1px solid #FFFFFF
}

#filet-droite2{
	position: absolute; 
	left: 960px; 
	top: 325px; 
	width: 1px; 
	height: 75px; 
	border-left:1px solid #FFFFFF
}

/********************* Une anglaise **********************/

#events{
	position: absolute; 
	z-index:1;
	left : 350px;
	top:350px;
	width : 347px;
	height:170px;
	font-size:0.9em;
	margin:0.2em
	}

#french{
	position: absolute;
	left: 50px;
	top: 104px;
	width: 90px;
	height: auto;
	z-index: 2;
	border: solid 1px #FFFFFF;
	padding-left: 25px;
	margin-top:0.3em;
	margin-bottom:0.3em
}

#news{
	position: absolute;
	left: 50px;
	top: 325px;
	width: 200px;
	height: auto;
	bordor-bottom-style: solid;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	z-index: 3;
	border-bottom-style: solid;
	padding: 10px;
	text-align: right
}

#video-library{
	position: absolute;
	left: 790px;
	top: 325px;
	width: 135px;
	height: auto;
	border: solid 1px #FFFFFF;
	z-index: 3;
	padding: 10px;
}

#people-finder{
	position: absolute;
	left: 791px;
	top: 400px;
	width: 155px;
	height: 30px;
	z-index: 3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 7px;
}
#lab-find{
	position: absolute;
	left: 791px;
	top: 445px;
	width: 150px;
	height: 20px;
	z-index: 3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 10px;
}

#ligne-bas-en{
	position: absolute;
	left: 355px;
	top: 535px;
	width: auto;
	height: auto;
	z-index: 3;
	padding: 5px;
}

/********************* Pages seconde **********************/

#filet-2nde-droite{
	position: absolute;
	left: 980px;
	top: 25px;
	width: 1px;
	height: 81px;
	border-left:1px solid #FFFFFF;
	padding-right: 50px;
}

#filet-2nde-bas-droite{
	position: absolute; 
	left: 960px; 
	top: 105px; 
	width: 20px; 
	height: 1px; 
	border-top:1px solid #FFFFFF
}

#filet-2nde-bas-droite2{
	position: absolute;
	left: 785px;
	top: 180px;
	width:176px;
	height: auto;
	border-top:solid 1px #FFFFFF;
}

#filet-2nde-droite2{
	position: absolute; 
	left: 960px; 
	top: 105px; 
	width: 1px; 
	height: 75px; 
	border-left:1px solid #FFFFFF
}

#filet-2nde-gauche2{
	position: absolute; 
	left: 100px; 
	top: 146px; 
	width: 1px; 
	height: 35px; 
	border-left:1px solid #FFFFFF
}

#filet-2nde-image{
	position: absolute; 
	margin:0px;
	padding:0px;
	left: 100px; 
	top: 185px;
	width:45px;
	border-top:1px solid #FFFFFF
}

#image-2nde {
	position: absolute;
	left: 100px;
	top: 68px;
}

#bandeau{
	position: absolute; 
	left: 100px; 
	top: 25px; 
	width: 880px; 
	height: 43px;
	background-color:#FFFFFF;
}

/* #contenu 
	pour contenu avec une fausse colonne bleue ciel ŕ droite pour affichage du menu droit */

#contenu{
	position: absolute; 
	left : 100px;
	top:184px;
	width : 638px;
	height:auto;
	background-color: #FFFFFF; 
	margin : 0;
	padding:1em 210px 1em 2em;
	background:transparent url(../images/boite-outils/bg-seconde.gif) repeat-y scroll 0;
	}

/* #contenu-large
	pour contenu sans menu droit, fond blanc étendu sur toute la largeur du bandeau*/
	
#contenu-large{
	position: absolute; 
	left : 100px;
	top:184px;
	width : 816px;
	height:auto;
	background-color: #FFFFFF; 
	margin : 0;
	padding:1em 2em;
}	
	
#fond {
	background-image:url(../images/boite-outils/bg-seconde.gif)
}	
	
#chemin-nav{
	position: absolute; 
	left : 100px;
	top:154px;
	width : 880px;
	height:20px;
	margin : 0.2em ;
	padding:0.5em;
}
	
#bas-page{
	position: absolute;
	left : 135px;
	width : 631px;
	height:auto;
	background-color: #FFFFFF;
	margin : 0.5em;
	padding:0.5em;
	margin-bottom: 0.9em
	}

	
/**************************** Organigramme *****************************/
	
#filet-2nde-droite-orga{
	position: absolute; 
	left: 960px; 
	top: 105px; 
	width: 1px; 
	height: 98px; 
	border-left:1px solid #FFFFFF
}

#orga{
	position: absolute; 
	left : 100px;
	top:184px;
	width :668px;
	height:auto;
	background-color: #FFFFFF;
	margin : 0;
	padding: 1em 2em;
	}
#chemin-nav-orga{
	position: absolute; 
	left : 136px;
	top:154px;
	width : 720px;
	height:20px;
	margin : 0.5em ;
	padding:0.5em;
	background-color: #FFFFFF;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;}

/**************************** Pop-up ********************************************/

div#popup {
	position :absolute;
	margin:0;
	padding:0;	
	top:0;
	left:0;
	background:#FFFFFF;
	width:100%;
	
}

div#entete-popup {
	background:#FFFFFF url(../images/boite-outils/filet-popup.gif) repeat-x;
	margin:0;
	padding:0;	
}

div#entete-popup p {
	position:absolute;
	top:5px;
	right:5px;
}


#contenu-popup{
	height: auto;
	margin:0;
	padding:1em;	
	background:#FFFFFF none repeat scroll 0;	
}

#filet-popup-haut{
	position: absolute; 
	left: 25px; 
	top: 15px; 
	width: 730px; 
	height: 1px; 
	border-top:1px solid #FFFFFF
}

#filet-popup-gauche{
	position: absolute; 
	left: 25px; 
	top: 15px; 
	width: 1px; 
	height: 690px; 
	border-left:1px solid #FFFFFF;

}

#filet-popup-droite{
	position: absolute;
	left: 755px;
	top: 15px;
	width: 1px;
	height: 690px;
	border-left:1px solid #FFFFFF;
}

.popup-credits {
	width: 670px;
}

.popup-fiche {
	width: 580px;
}


/**************************** Pop-up - contenu blanc ********************************************/
#contenu-popup-blanc{
	position: absolute;
	left: 30px;
	top: 72px;
	width: 600px;
	height: auto;
	margin:0.5em;
	padding:0.5em;
	background-color: #FFFFFF;
}

#filet-popup-droite2{
	position: absolute;
	left: 755px;
	top: 15px;
	width: 1px;
	height: 190px;
	border-left:1px solid #FFFFFF;
}

#filet-popup-gauche2{
	position: absolute; 
	left: 25px; 
	top: 15px; 
	width: 1px; 
	height: 90px; 
	border-left:1px solid #FFFFFF;
}
#ligne-popup-gauche{
	position: absolute; 
	left: 25px; 
	top: 105px; 
	width: 90px; 
	height: 1px; 
	border-top:1px solid #FFFFFF;
}
#ligne-popup-droite{
	position: absolute; 
	left: 700px; 
	top: 205px; 
	width: 56px; 
	height: 1px; 
	border-top:1px solid #FFFFFF;
}
