/*############# page principale ###############*/
body{
background-color: #224256;
background-attachment:scroll;
background-repeat: no-repeat;
}
a {
color: #1a70f1; 
font-weight:bold;
font-size: 12px;
text-decoration: none;
}

a:visited {color: #7285a2;text-decoration: none;}
a:hover, a:focus {color: #305e7b;}

.menu:link {
font-family: Verdana;
font-size:13px; 
text-decoration: none;
color: #305e7b;
}

.menu:visited {
font-family: Verdana;
font-size:13px; 
text-decoration: none;
color: #7285a2;
}

.menu:hover {
font-family: Verdana;
font-size:13px; 
font-weight: bold;
text-decoration:none;
color:#305e7b;
}


.partenaires:link {
font-family: Arial;
font-size:13px; 
text-decoration: none;
color: #305e7b;
}

.partenaires:visited {
font-family: Arial;
font-size:13px; 
text-decoration: none;
color: #7285a2;
}

.partenaires:hover {
font-family: Arial;
font-size:13px; 
font-weight: bold;
text-decoration:none;
color:#305e7b;
}

.partenaires2:link {
font-family: Verdana;
font-size:10px; 
text-decoration: none;
color: #305e7b;
}

.partenaires2:visited {
font-family: Verdana;
font-size:10px; 
text-decoration: none;
color: #7285a2;
}

.partenaires2:hover {
font-family: Verdana;
font-size:10px; 
font-weight: bold;
text-decoration:none;
color:#305e7b;
}

#pageAccueil{
/*margin: 0;*/
margin-top:0px;
margin-left:0px;
position:fixed;
left: 40%; 
top: 45%;
}

#page1{
/*margin: 0;*/
margin-top:-340px;
margin-left: -408px;
position:fixed;
left: 40%; 
top: 45%;
}

#page_ie6{
margin: 0;
position:fixed;
left: 50%; 
top: 45%;
}


#Affiche{
width:130px;
top:00px;
left:654px;
height:100px;
margin-top:0px;
}

/*##############------- Partage entre page -------###############*/

/*##### Bouton ######*/
#utile{
position:absolute;
z-index:1;
width:130px;
top:130px;
left:-4px;
height:100px;
margin-top:0px;
}

#utile img{
border:none;
}

/*############# -----page principale ----###############*/
/*############## Affichage du menu ###############*/

#menuSite2{
background-repeat:no-repeat;
position:absolute;
width:300px;
top:530px;
left:210px;
height:217px;
}

#menuSite2 div{
margin:0px;
}

#menuSite2 img{
border:none;
}

#index { 
background-color: #000000 ;
overflow:automatic;
position: relative;
margin-left: auto;
margin-right: auto;
top:-10px;
width:900px;
height:1000px;
}

#Partenaires{
background-repeat:no-repeat;
position:absolute;
width:200px;
top:200px;
left:785px;
height:200px;
} 

#Information{
z-index:2;
background-repeat:no-repeat;
position:absolute;
width:400px;
top:140px;
left:340px;
height:150px;
} 

#Information img{
border:none;
}
#Compteur_visiteur{
position:absolute;
width:210px;
left:830px;
top:550px;
height:160px;
}

#Cache_slide{
background-repeat:no-repeat;
position:absolute;
width:100px;
top:380px;
left:683px;
height:227px;
}

#partenaires_slide{
z-index:2;
background-repeat:no-repeat;
position:absolute;
width:300px;
top:423px;
left:100px;
height:227px;
}
#Affiche_temp{
z-index:0;
background-repeat:no-repeat;
position:absolute;
width:300px;
top:183px;
left:770px;
height:227px;

}

#partenaires_liens{
background-repeat:no-repeat;
position:absolute;
width:200px;
top:180px;
left:993px;
height:227px;
}
#footer{
position:absolute;
top:625px;
width:380px;
height:8px;
left:210px;
text-align:center;

}


/*############# Contenu ##################*/
.informations{
position:absolute;
margin-top:10px;
top:400px;
left:250px;
width:400px;
height:250px;
font-style:bold;
font-family:helvetica,sans-sherif;
}
/*############################# PAGE PHOTOS /EVENEMENT ##################################*/

/*############################# PAGE Perso ##################################*/

#ventileSpace{
background-repeat:no-repeat;
position:absolute;
width:137px;
top:150px;
left:150px;
height:227px;
}


/*############################# PAGE GALERIE & Contact  ##################################*/
#pagevideo{
position:absolute;
left: 50%; 
margin-top:02px;
margin-left: -475px;
}

#evenement_milieu{
z-index:3;
background-repeat:no-repeat;
position:absolute;
width:180px;
left:725px;
top:150px;
height:5000px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;

}

#Video{
z-index:1;
background-repeat:no-repeat;
position:absolute;
width:515px;
left:290px;
top:44px;
height:100px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
color:#3399FF;
}

#Video div{
margin:0px;
}

#Video img{
border:none;
}

#Video2{

background-repeat:no-repeat;
position:absolute;
width:645px;
left:38px;
top:644px;
height:10000px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
}

#Video2 div{
margin:0px;
}

#Video2 img{
border:none;
}
#EntreLes2{
z-index:1;
background-repeat:no-repeat;
position:absolute;
width:645px;
left:88px;
top:444px;
height:300px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
}

#EntreLes2 div{
margin:0px;
}

#EntreLes2 img{
border:none;
}

/*############################# PAGE Assos ##################################*/


#assos{
z-index:2;
background-repeat:no-repeat;
position:absolute;
width:415px;
left:310px;
top:30px;
height:100px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
color:#3399FF;
}
#assos2{
z-index:2;
background-repeat:no-repeat;
position:absolute;
width:515px;
left:105px;
top:430px;
height:100px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
color:#3399FF;
}


#ventile_space{

background-repeat:no-repeat;
position:absolute;
width:515px;
left:470px;
top:180px;
height:100px;
padding:35px;
font-family:helvetica,sans-sherif;
font-size: 12pt;
text-align:left;
color:#3399FF;
}




#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}