/* CSS Document */
*{
margin: 0px;
paddding: 0px;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
margin: 0px;
paddding: 0px;
display:block;
}
span {
margin: 0px;
paddding: 0px;

}

ul{margin:0px; padding:0px}
li {list-style:none}

p {
margin: 0px;
paddding: 0px;
}

input{
margin: 0px;
paddding: 0px;
}


.bordure_pointilles_bas {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color:#FF0000;
}


#global{
	paddding: 0px;
	margin:0px;
	position:absolute;
	top:15px;
	left:50%;
	width:1016px;
	height:100%;
	margin-left:-508px;
	background-repeat:repeat;

}

#global h1 a{
	display:none;
	height:100px;
	width:100px;
}
#global h1 span{
	display:none;
}


#footer{	
	position:relative;
	height:88px;
	width:1016px;
	background-repeat:no-repeat;
	margin:0px;
}

#footer span{color:#FFFFFF; font-size:11px; float:left; }
#footer h2{display:none; }

#adresse{display:block; margin-left:80px; padding-top:35px; float:left; width:700px}

#lien_footer{display:block; width:400px; height:23px; margin-left:550px; margin-top:30px}
#lien_footer ul{list-style:none;margin:0px;	padding:0px;}
#lien_footer ul li{float:left; margin-right:15px}
#lien_footer ul li a{color:#FFFFFF; text-decoration:none}
#lien_footer ul li a:hover{color:#FFFFFF; text-decoration:underline}

#realisation{width:151px; height: 36px;  float:left; margin-left:18px; margin-top:36px; background-color:#E40061}
#header {
	background: url(../images/background-header.jpg) no-repeat;
	height: 133px;
	width:411px;
	padding: 0px;

}

#menuHautHeader{
width:500px;
height:38px;
margin-left:460px;

}
#menuHautHeader ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
	height:25px;

}
#menuHautHeader ul li{
	float:left;
	display:block;
	height:25px;
	padding-top:7px;
	color:#000000;
}
#menuHautHeader ul li .rubInactive {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-weight:bold; text-align:left; text-decoration:none;  
}
#menuHautHeader ul li .rubActive {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#009FC6; font-weight:bold; text-align:left; text-decoration:none; border-bottom:1px solid #cccccc; 
}

#menuHautHeader ul li .rubInactive:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#009FC6; font-weight:bold; text-align:left; text-decoration:none; border-bottom:1px solid #cccccc; 
}

#img1 {  background: url(../images/accueilSite.gif) no-repeat ;}
#img2 {  background: url(../images/conactSite.gif) no-repeat ; }


#lang{
display:block;
height:17px;
width:140px;
margin-top:10px;
margin-left:850px;
float:left;
}

#lang ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}

#lang ul li{
	float:left;
	display:block;
	height:17px;
	width:25px;
	margin-top:0px;
	margin-left:4px;
}
#lang ul li a {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:normal; text-align:left; text-decoration:none;
}
#lang ul li a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #009FC6; font-weight:normal; text-align:left; text-decoration:none;
}
#lang span{
display:none;
}

flagfr {  background: url(../images/FRflag.gif) no-repeat ;}
flagen {  background: url(../images/DEflag.gif) no-repeat ; }
flaghl {  background: url(../images/HLflag.gif) no-repeat ; }

#conditionG{margin-left:810px; display:block; width:200px; height:20px; margin-top:80px}
#conditionG a{text-decoration:none; color:#999999}
#conditionG a:hover{text-decoration:underline; color:#EA661E}

#outilsHaut{
position:absolute;
top:149px;
left:0px;
height:40px;
width:980px;
margin:0px;
padding:0px;
}

#bandeau{
position:absolute;
top:192px;
left:0px;
height:189px;
width:980px;
}

#bandeau h1 a{
	display:none;
	height:100px;
	width:775px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:0px;
}
#bandeau h1 span{
	display:none;
}

#corps{
width:992px;
margin: 0px;
paddding: 0px;
overflow:visble;
background-color:#FFFFFF;

}

/*     ------------------------Bloc Menu GAUCHE --------------------------        */
#corpBlocGauche {
display:block;
float:left;
width:145px;
height:140px;
margin-top:85px

}


#testbkg{
background-repeat:repeat-y;
width:148px;
height:100%;
margin-left:-47px;
}



/*     ------------------------Bloc Menu HAUT --------------------------        */

#corpsBlocCentre {
width:800px;
display:block;
margin-left:190px;
height:100%;
margin-top:60px
}

#menuHaut{
margin-left:40px;
height:48px;
width:680px;
background:url(../images/menuhaut.gif) no-repeat;
}

#menuHaut ul {
	list-style:none;
	margin:0px;
	padding:0px;

}
#menuHaut ul li{
	float:left;
	display:block;
	margin-top:8px;
	width:70px;
	margin-right:13px;
	margin-left:11px;


}
#menuHaut ul li a {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; font-weight:normal; text-align:left; text-decoration:none;
}
#menuHaut ul li a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EA661E; font-weight:normal; text-align:left; text-decoration:none;
}

#contact{font-weight:bold;color: #EA661E;}


/*/////////////////////////////////////////////////////////////////////////////
--------------- partie centrale accueil---------------------------------------
/////////////////////////////////////////////////////////////////////////////*/



#page{width:800px; display:block ;margin-top:60px; margin-left:180px; }


#principal{float:left;}
#articles{margin-bottom:50px; text-align:justify;}

#pageretour{display:block; margin-top:30px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#666666; font-weight:normal; text-align:left; height:20px;}
#pageretour a{text-decoration:none; color:#666666;}
#pageretour a:hover{text-decoration:underline; color:#666666;}
#pageretour a:visited{text-decoration:none; color:#666666;}
#pageretour a:active{text-decoration:none; color:#666666;}

#pageinfo{display:block; margin-top:30px; float:left; width:600px; text-align:justify; margin-left:40px; height:850px}
#tournageD{width:145px; height:134px; margin-top:85px; float:left; margin-left:125px;}
#titre_article{
font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif}

#offre_text{margin-top:15px; width:155px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:auto}
#lienprogramme a{color:#0099CC; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none}
#lienprogramme a:hover{color:#0099CC; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-bottom:1px solid #999999}

#blocScenes{displya:block; width:797px; height:44px;}
#imgScene{float:left; margin-left:116px}
#listeScene{height:41px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; padding-top:3px; margin-left:17px}
#listeScene ul{margin:0px; padding:0px}
#listeScene ul li {list-style:none; float:left; margin-right:10px}

#blocVideos{display:block; margin-top:23px; margin-left:42px;  height:196px; width:562px}
#X{width:246px; height:24px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; padding-top:3px; margin-left:42px; text-align:center}
#Y{width:246px; height:24px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; padding-top:3px; margin-left:62px; text-align:center}

#conteneurlistVideos{display:block; width:562px; height:300px; margin-left:42px; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; margin-top:10px}

#blocX ul li{display:block; margin-bottom:6px ; text-align:center;}
#blocX ul li a span{font-size:15px}

#blocY ul li{display:block;  margin-bottom:6px; text-align:center;}
#blocY ul li a span{font-size:15px}

.inactif{color:#000000; text-decoration:none}
.inactif:hover{color:#009FC6; text-decoration:none}

.actif{color:#009FC6; text-decoration:none;  border-bottom:1px solid #999999}
.actif:hover{color:#009FC6; text-decoration:none}

.Vinactif{color:#000000; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:19px;}
.Vinactif:hover{color:#009FC6; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:19px;}

.Vactif{color:#009FC6; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:19px;   border-bottom:1px solid #999999}
.Vactif:hover{color:#009FC6; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:19px;}

#Play a{display:block; float:left;  width:60px; height:60px; text-decoration:none; font-size:11px;}

#indexrecherche{display: block; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:50px; margin-bottom:30px}
#nom{margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#prenom{margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#date{margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#lieu{margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.libelle{}
.textField{}




#explication{
	/*le contenu de la balise span ne 
sera visible que pour l 'état a:hover */
 	display:block;
	position:absolute;
	top:107px;
	left:498px;
	width:15em;
	border:1px solid #6699cc;
	background-color:#FFFFFF;
	color:#009FC6;
	text-align: justify;
	font-weight:none;
	padding:1px;
    
    }

#recherche{margin-top:100px; margin-left:50px}
#conteneur{ overflow:hidden; height:800px; width:700px;}

#contactfooter{text-align:right; margin-top:150px;height:250px}
