@charset "utf-8";
/* CSS Document */

/*#intro_s{

margin:0 auto;
display:block;	

font-size:18px;
position:fixed;
z-index:100000;
display:none;
top: 30%;

font-family:Arial, Helvetica, sans-serif;
color: #000;background:#F9F8F6; 
}*/
#intro_s {

    color: #000;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin: auto;
    position: absolute;
    right: 30%;
    text-align: center;
    top: 30%;
    width: 960px;
	padding:0;
    z-index: 100000;}


#intro_s li {
width: 100%;
padding: 0;
height: auto;
list-style:none;
}
#intro_s li a.fermer {
margin-top: -58px;
}

#intro_s li#fond {
background: #FFF;
}
#intro_s h1 {

font-size: 30px;
color:#b10c1a
}

#intro_s li#fond a.savoir{
display:block;
text-decoration:none;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
padding:10px 20px;
margin:20px auto;
background: #2B282C;
/*right: 25px;*/        
/*position: absolute;*/
width:300px;

}
#intro_s li#fond #desc a.savoir:hover{
background:#787878;
color:#fff;	
}
#intro_s li#fond #desc{
width:auto;
/*margin-left: 44%;	*/
padding:6px  20px;
float:left;

}
#intro_s li#fond #descphoto{
width:480px;
/*margin-left: 44%;	*/
padding:6px  20px;
float:right;

}
/*#intro_s li#s2 #desc{
margin-right: 44%;	
padding-left: 25px;
}
#intro_s li#s3 #desc{
padding: 0 25px;
}*/
#intro_s p {
color:#747474;
font-size: 14px;
}
h2#next{
font-size:27px;
color:#515151;
padding: 20px 0 0 0;
margin: 0;	
}
#intro_s li .fermer{
display: block;
text-decoration: none;
color: white;
background: url(../images/close.png) no-repeat;
margin-top: -80px;
position: absolute;
height: 46px;
width: 46px;
right: 0;
text-indent: -9999px;
}
#intro_s li .fermer:hover{
background: url(../images/close2.png) no-repeat;
}
#calque_noir{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index: 55555;
background: #424346 ;
display:none;
}

#intro_s #photogauche{float:left; width:350px;height:350px;}
#intro_s #photodroite{width:900px;height:400px;background:url(/manager/general/img/defaut-evenement.jpg)}





@media screen and (max-width:960px){

#intro_s{
margin: 0 50px 0 0;
display:block;	
width: auto;
/*margin-top: -49px;*/
position:fixed;
z-index:100000;
display:none;
top: 12%;
left:10px;
/*left: 50%;*/
}
#intro_s li {
height: auto;
}

#intro_s li#fond #desc{
width: 95%;	
padding-right: 25px;
}
#intro_s li#fond #descphoto{width: 95%;	
padding-right: 25px;float:right}

#intro_s #photodroite, #intro_s #photogauche {width:500px;margin:auto;float:none;clear:both;background:none}

#intro_s li#fond a.savoir{
display:block;
bottom: 20px;
/*position: absolute;*/
width:300px;
margin:10px auto 0px auto;

}


#intro_s li#fond #photocentre{left:0px}
}


@media screen and (max-width:650px){
#intro_s{display:none}

/*#intro_s{
margin: 0 50px 0 0;
display:block;	
/*margin-left: -20px;*/
/*margin-top: -49px;*/
/*z-index:100000;
display:none;
top: 12%;
height:auto;/*left: 50%;*/
/*padding:5px;
}*/

#intro_s li#fond{display:none}
#intro_s li#fond a.savoir{
display:none;
bottom: 20px;
/*position: absolute;*/
width:200px;
margin:10px auto 0px auto;
}


#intro_s h1 { display:none;
}

#intro_s li#fond #desc{
padding: 10px;
display:none;
}
#intro_s #descphoto p {
color:#747474;
font-size: 14px;
padding:10px;
display:none;
}
#intro_s #descphoto  {padding-top:100px}

#intro_s #photocentre{display:none}
}