@charset "utf-8";
#container{
margin-left:auto;
margin-right:auto;
width:890px;
height:700px;
margin-top:0px;
background: #990000;

}

#header {
margin-left:auto;
margin-right:auto;
width:890px;
height:100px;

background:url(visuels/fond_header.png)
 

}

#logo_sera {
    
    
	background-image: url(visuels/logo.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 141px;
	margin-left:20px;
	position:absolute;
	
	margin-top:5px;
	margin-left:5px;
	
	

	

}

#fond_barre_nav {
margin-left:auto;
margin-right:auto;
margin-top:30px;

width:890px;
height:100px;


}

#fond_barre_nav_gauche {
  float:left;
	
	height: 30px;
	width: 8px;
}

#fond_barre_nav_milieu {
	  float:left;
	
	
	height: 30px;
	width: 874px;
}

#fond_barre_nav_droit {
  float:left;
	
	
	height: 30px;
	width: 8px;
}

#fond_barre_nav_bas {
float:left;
margin-left:auto;
margin-right:auto;

width:890px;
height:100px;
background:url(visuels/fond_bottom.png)

}
#sep_fond_barre_nav_bas {


width:890px;
height:20px;

}

#fond_barre_nav_bas_gauche {
  float:left;
	background-image: url(visuels/fond_barre-nav_bas_r1_c1.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 8px;
}

#fond_barre_nav_bas_milieu {
	  float:left;
	background-image: url(visuels/fond_barre-nav_bas_r1_c2.jpg);
	
	height: 30px;
	width: 874px;
}

#fond_barre_nav_bas_droit {
  float:left;
	background-image: url(visuels/fond_barre-nav_bas_r1_c3.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 8px;
}

#nav {
margin-top:5px;
margin-left:75px;




float:left;


}

#nav ul {

display: inline;
list-style-type: none;

padding: 0;
}

#nav ul li
{
display:inline;

}

#nav ul a {
text-decoration: none;
color: #333;
margin-left: 20px;
padding-left: 10px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
}
	 
#nav ul a:hover {

color: #BC2523;
background: url(visuels/puce_menu.png);
background-repeat:no-repeat;
background-position: left;

}

#nav_marque {
margin-top:-27px;
margin-left:420px;



width:400 px;
float:left;


}

#nav_marque ul {

display: inline;
list-style-type: none;

padding: 0;
}

#nav_marque ul li
{


}

#nav_marque ul a {
text-decoration: none;
color: #666666;
margin-left: 10px;
padding-left: 0px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;


}
	 
#nav_marque ul a:hover {

color: #BC2523;

}

#nav_bas {
margin-top:0px;
margin-left:auto;
margin-right:auto;




float:left;


}

#nav_bas ul {

display: inline;
list-style-type: none;

padding: 0;
}

#nav_bas ul li
{
display:inline;

}

#nav_bas ul a {
text-decoration: none;
color: #999;
margin-left: 45px;
padding-left: 10px;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}
	 
#nav_bas ul a:hover {

color: #BC2523;
background: url(visuels/puce_menu.png);
background-repeat:no-repeat;
background-position: left;

}


#apres_header{
margin-left:auto;
margin-right:auto;
width:890px;
height:300px;





}
ul#portfolio li{
margin-left:-40px;
 	

}
ul#portfolio li{
	
	list-style:none;
}
ul#portfolio li img{
	border: 0px solid #ccc;

	list-style:none;
}
#content_page
{
background:url(visuels/fond_rouge.jpg);

float:left;
width:890px;
height:330px;
margin-top:-5px;



 
}
#dessous_header
{

background:url(visuels/fond_rouge.jpg);
float:left;
width:890px;
height:7px;
margin-left:auto;
margin-right:auto;
}
#dessus_footer
{

background: #990000;
float:left;
width:890px;
height:2px;
margin-left:auto;
margin-right:auto;
}

#content_article
{

background:#fff;
float:left;
width:890px;

margin-left:auto;
margin-right:auto;
}


#promo
{
 width:180px;
 height:30px;
 background:url(visuels/promo.gif);
 margin-top: 20px;
 margin-bottom:10px;
 padding:10px;
 padding-top:30px;
 padding-left:20px;
 


}
#actu_sera
{
float:left;
 width:290px;
 



 margin-top:10px;
 margin-left:5px;
 margin-right:70px;
}

#actu_sera .anyClass ul li
{

 width:290px;
 height:80px;
 margin-top:10px;




}

#content_droit
{
float:left;
 width:290px;
 



 margin-top:10px;
 margin-left:5px;

}

#content_droit .a_lire_egalement ul li
{

 width:290px;
 height:80px;
 margin-top:10px;




}

#video_sera
{
float:left;
 width:200px;
 height:200px;
 



 margin-top:10px;
 margin-right:45px;
}
#lecteur
{
 width:160px;
 height:121px;
 margin-left:0px;
 margin-right:auto;
 margin-top:10px;
 color:#FFFFFF;
 
 

}



#jCarouselLiteDemo
{
 width:350px;
 height:250px;
}

#jCarouselLiteDemo ul {


list-style-type: none;

padding: 0;
}

.next
{
 float:right;
 

 border:none;
 color:#E23225;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 m

 
}

.prev
{
  float:right;
 

 border:none;
 color:#E23225;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 margin-right:10px;

}

#informations
{
 width:290px;
 height:30px;
 color:#FFFFFF;
 background:url(visuels/informations.png);
 

}

#La_SERA_en_images
{
 width:202px;
 height:30px;
 
 background: url(visuels/Videos.png);
 

}

#actuellement_sera
{
 width:270px;
 height:30px;
 
 background: url(visuels/actuellement.png);
 margin-top:10px;
 margin-bottom:14px;
 

}

#info_date
{
 
 color: #ccc;
 font:verdana, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 
}

#info_image 	
{
 float:left;
 width:84px;
 
 color: #E23225;
 font:verdana, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 margin-right:4px;
padding-left:4px;
 margin-bottom:4px;
 padding-right:5px;
  padding-bottom:5px;

 
}

#info
{
 
 color: #ffffff;
 font:verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 margin-bottom:5px;
 padding-bottom:5px;
 border-bottom:#fff;
 border-bottom-style:dotted;
 border-bottom-width:0px


 
}

#info a
{ 
 text-decoration:none;
 color: #fff;
}

#info a:hover
{ 
 text-decoration: underline;
 color: #fff;
}

#pub1
{ float:left;
  width:275px;
  height:100px;
 


 margin-top:30px;
 
 
 
}
#pub2
{ float:left;
  width:275px;
    height:111px;
	

 


 

}

#pub3
{ float:left;
  width:275px;
    height:11px;
	background-color:#FFFFFF
	

 


 

}






#slider1 {

	width: 890px; /* important to be same as image width */
	height: 405px; /* important to be same as image height */
	margin-left:0px;
	margin-top:30px;
	
	
	background-color:#ccc;

	
}

#slider1Content {
    width: 890px; /* important to be same as image width or wider */
	height:300px;
   
	
	
	margin-left: -40px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 157px !important;
	height: 280px;
}
.left a{
	color: #fff;
	text-decoration:none;
}

.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}