/* CSS Document */

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


#contenu_popup #titre{
width:590px;
border-bottom:1px solid #e0e1e2;
background-color:#ffffff;
padding:0px;
margin:0px;
}

#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_event{
float:left;
width:240px;
margin-top:20px;
}

#contenu_popup #right_event{
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;
}

.bouton_fermer{
float:right;
}


/*
.bouton_fermer{
text-align:right;
padding-bottom:15px;
}
*/
/* END pop up */

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

#left{
float:left;
width:420px;
}


#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 0px 30px;
-margin-left:15px;
}


#selection{
clear:both;
margin:0 0 0 40px;
padding:10px 0 0 0;
width:210px;
}

select{
width:200px;
font-size:11px;
background-color:#e0e0e0;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
height:19px;
margin-bottom:5px;
}

.submit{
margin:10px 0px 0px 0px;
padding:1px;
background-color:#b5b5b5;
border:1px solid #b5b5b5;
color:#ffffff;
font-weight:bold;
font-size:11px;
width:120px;
height:20px;
}

#boutiques{
width:320px;
margin:15px 0 0 60px;
border-top:1px solid #e7e7e7;
padding:25px 0 0 0;
}

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

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;
}

a.info span{
font:normal 11px Arial, Helvetica, sans-serif;
color:#434343;
}

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

a.reinitialiser, a:hover.reinitialiser{
background-color:#000000;
color:#ffffff;
display:block;
float:left;
font-size:11px;
font-weight:bold;
padding:2px 4px 2px 4px;
text-transform:uppercase;
text-decoration:none;
}
/*-------------------------PARTIE RIGHT---------------------*/

#right{
float:left;
width:370px;
margin-top:30px;
}

#evenements{
height:245px;
}

span.gris{
font:normal 10px Arial, Helvetica, sans-serif;
color:#626262;
}

.evenement1{
float:left;
padding-right:20px;
margin:10px 0 0 0;
width:100px;
}

.evenement2{
float:left;
padding-right:20px;
margin:30px 0 0 0;
width:100px;
}

.evenement3{
float:left;
margin:10px 0 0 0;
width:100px;
}

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

#insolites{
clear:both;
width:335px;
margin:0 0 0 20px;
border-top:1px solid #e7e7e7;
padding:10px 0 0 0;
}

.insolite1{
float:left;
padding-right:20px;
margin:10px 0 0 0;
}

.insolite2{
float:left;
padding-right:20px;
margin:30px 0 0 0;
}

.insolite3{
float:left;
margin:5px 0 0 0;
}

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

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

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

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

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

#mon_panier span{
color:#ffffff;
}
