/* CSS Document */

/*--------------------------POP UP 1------------------*/

#contenu_popup{
display:none;
z-index:300;
position:absolute;
right:150px;
top:180px; 
background-color:#ffffff;
/*height:475px;*/
width:590px;
/*padding:10px 20px 10px 20px;*/
}

a.bouton_fermer{
position:absolute;
right:20px;
top:20px;
}


#titre{
float:left;
background-color:#000000;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding:1px 8px 1px 8px;
margin:0px 0px 0px 20px;
-margin-left:10px;
}

#contenu_popup #titre{
clear:both;
width:550px;
border-bottom:1px solid #e0e1e2;
background-color:#ffffff;
}

#contenu_popup #titre #titre_noir{
float:left;
background-color:#ffffff;
color:#000000;
}

#contenu_popup #titre #titre_event{
font-family:verdana;
float:left;
background-color:#ffffff;
color:#434343;
font-size:9px;
text-transform:none;

}

#contenu_popup #left{
float:left;
width:240px;
margin-top:20px;
}

#contenu_popup #right{
float:left;
width:315px;
margin-top:20px;
}

#contenu_popup .article{
width:260px;
height:73px;
border-bottom:1px solid #e0e1e2;
margin-bottom:3px;
}

#contenu_popup .article.last{
border:none;
}

#contenu_popup #description{
border-top:1px solid #e0e1e2;
margin-top:3px;
width:315px;
padding-top:20px;
}

#contenu_popup h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;
line-height:18px;
}

#contenu_popup h2{
font:bold 18px Arial, Helvetica, sans-serif;
color:#a0a0a0;
text-transform:uppercase;
line-height:18px;
}

#contenu_popup p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#434343;
margin-bottom:20px;
}

#contenu_popup span{
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#434343;
}

#contenu_popup span.gris{
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#a0a0a0;
}

#contenu_popup span a{
color:#434343;
text-decoration:none;
}

/*--------------------------POP UP 2------------------*/

#contenu_popup2{
display:none;
z-index:300;
position:absolute;
right:150px;
top:180px; 
background-color:#ffffff;
height:375px;
width:500px;
padding:5px;
}

#contenu_popup2 #visuel{
position:relative;
}

#contenu_popup2 #fermer{
position:absolute;
top:0;
right:0;
}

/* END pop up */


/* --------------- POP UP 3 -------------------- */

#contenu_popup3{
display:none;
z-index:300;
position:absolute;
right:150px;
top:180px; 
background-color:#ffffff;
height:540px;
width:660px;
padding:10px 20px 0 20px;
}

#contenu_popup3 #video{
position:relative;
padding-top: 30px;
}


#contenu_popup3 #fermer{
position:absolute;
top:0;
right:0;
}

/*-------------------------PARTIE LEFT---------------------*/

#cadre_global{
clear:both;
}

#cadre_gauche{
float:left;
width:465px;
}

#cadre_global #titre{
float:left;
background-color:#000000;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding:1px 8px 1px 8px;
margin:20px 0px 10px 20px;
-margin-left:10px;
}

#coordonnees{
clear:both;
width:405px;
margin:10px 0 0 60px;
}

#carte{
width:375px;
height:285px;
border:1px solid #979797;
margin:30px 0 0 60px;
}

/*-------------------------PARTIE RIGHT---------------------*/

#cadre_droit{
float:left;
width:285px;
}

#photos{
clear:both;
margin:42px 0 0 0;
height:160px;
}

#photos #img1{
float:left;
margin:14px 0 0 20px;
}

#photos #img2{
float:right;
margin:24px 0 0 0;
}

#visite{
height:195px;
}

#visite #img{
float:right;
margin:13px 0 0 0;
}



#evenements #img{
margin:13px 0 0 0;
}

#evenements p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#313131;
padding-top:3px;
}

a.info{
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#b8b8b8;
display:block;
width:51px;
height:14px;
padding:0 0 0 5px;
margin:5px 0 0 0;
text-decoration:none;
}

.boutique{
float:left;
width:120px;
margin:15px 40px 0 0;
}

/*---------------------------------MISE EN FORME-------------------------*/

#coordonnees h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;
height:35px;
}

#cadre_global h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;
}

#cadre_global p{
font:bold 11px Arial, Helvetica, sans-serif;
color:#313131;
}

#cadre_global span{
font:normal 11px Arial, Helvetica, sans-serif;
color:#313131;
}

#cadre_global span a{
text-decoration:none;
color:#313131;
}

#cadre_global #photos h2, #cadre_global #visite h2, #evenements h2{
height:20px;
width:275px;
border-bottom:1px solid #e7e7e7;
}

/* END ----------- SE DESINSCRIRE */

a.bouton_retour, a:hover.bouton_retour{
display:block;
background-image:url("/images/global/fleche_retour_noire.gif");
background-repeat:no-repeat;
background-position:0px 0px;
float:right;
color:#626262;
padding-left:35px;
font-size:10px;
text-decoration:none;
}