#corps .acces
{
}

#corps .acces a:hover
{
	color : red;
}

body
{
	background : #f8f5f5;
}

#site 
{
	width : 900px;
	margin : auto;
        background : #fff;
}

table
{
   border-collapse: collapse;
   width : 500px;
}
td /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;
   text-align : center;
}

tr{
    width : 100px;
    height : 20px;
}

th{
    border : none;
}

#der-articles a, #der-commentaires a
{
   text-decoration: none;
   color : #854612;
}

#message h4
{
	color:#ccc;
	text-align:center;
	border-bottom : 1px solid #999;
	margin-top:0;
	height:20px;
}

#message
{
	float : right;
	border-left :1px solid #999;
	color:#ccc;
	height:400px;
	width:130px;
	font-family:arial;
	font-size:13px;
	padding:5px;
	padding-left : 20px;
	background-position : bottom left;
}

#message img
{
	border : 1px solid #ccc;
	margin-left : 8px;
}

#entete
{
	height : 220px;
	width : 900px;
	background-image : url("images/logo-v2.jpg");
	background-position : bottom left;
	background-repeat : no-repeat;
        margin-top : -20px;
}

#entete img
{

}

#entete a
{
	color : #999; 
	text-decoration:none;
	font-size : 13px;
	font-family : arial;
}


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge int�rieure */
        margin : 0; /* ni ext�rieure */
        list-style : none; /* on supprime le style par d�faut de la liste */
        line-height : 30px; /* on d�finit une hauteur pour chaque �l�ment */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
        background : #eeeeee; /* couleur de fond */        
        color : #aaa; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 149px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconna�t pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche � droite de chaque �l�ment */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        	background-image : url("images/fond-menu.png");
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente � droite de chaque �l�ment */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* �l�ments de sous-listes */
{
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous liste */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque �l�ment */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-left     : 1px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}

#news
{float:right; margin-left:10px;width:200px;padding-left:10px;height : 100%;}

#news a
{
    color : d98c1e;
    text-decoration: none;
}
#news h3
{margin-top : 0px;
font-family: arial;
color : #fff;
padding-left : 10px;
font-size : 12px;
background : #d98c1e;
line-height: 25px;
margin-left : -10px;
margin-right : 5px;}

#article 
{
    width : 600px;
}

#article img
{
    max-width : 600px;
    border: 1px solid #CCCCCC;
    padding: 10px;
}

#news img
{
	margin-bottom : 20px;
}

#menuphoto 
{
    background-color : #ccc;
    width : 400px;
    height :40px;
    color : #fff;
    margin-left : -30px;
    float : left;
}

#menuphoto a
{
    display : block;
    padding : 0;
    width : 120px;
    line-height :40px;
    color : #fff;
    text-decoration: none;
}

#menuphoto a:hover
{
    background-color : #999;
    height :40px;
    color : #fff;
    text-decoration: none;
}

#menuphoto li
{
    float : left;

}

#article-resume .article img, #article .article img
{
float : left;
margin-right : 5px;
border:1px solid #ccc;
padding:5px;
margin-right:20px;
margin-bottom:10px;
width : 150px;
height : 150px;
}

#main img
{
    width : 600px;
}
h3
{
font-size : 18px;
color : #dc9542;
font-family : Segoe Print, arial;
margin-top : 0px;
margin-bottom : 10px;
}

#article-resume
{
    height : 240px;
    width : 600px;
}

#article a
{
    text-decoration : none;
    color : #dc9542;
}

#article-resume a
{
    text-decoration: none;
}
#article .date, #article-resume .date
{
font-size : 11px;
color : #bbb;
margin-top : -10px;
}

#article .date img, #article-resume .date img
{
margin-right : 20px;
border : none;
margin : 0;
padding-left : 10px;
width : 13px;
text-align : right;
}

.lire 
{


}

#menugauche li
{
	width : 130px;
	height : 118px;
	float : left;
	padding-right : 20px;
}

#menugauche img
{
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

#menugauche ul
{
	list-style-type : none;
	height : 130px;
	padding-left : 0px;
	border-bottom : 1px solid #ccc;
	margin-left : 10px;
}

li
{
list-style-type : none;
}

#menugauche a
{
	text-decoration : none;
	color : #ccc;
	margin-top : 20px;
}

#menugauche a:hover
{
	border : 1px solid #ccc;
}

#menugauche img
{
	border : none;
}

#menu ul ul {display: none;}
li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;}

#corps
{
	padding-right : 30px; 
	padding-top : 20px;
	font-size : 12px;
	color : #696868;
	font-family : Arial;
	overflow : hidden;
        padding-left : 20px;
}

#corps img
{
	margin-top: 0px;
}

#corps h2
{
	font-family : Segoe Print, arial;
	font-size : 16px;
	font-weight : normal;
	color : #999;
	padding-right : 30px;
	padding-bottom : 0px;
	margin:0px;
}

#corps a:hover
{
	text-decoration : none;
        color : #d67e00;
}

#galerie
{
	width : 900px;
	height : 535px;	
}


#corps .galserie ul
{
		border : 1px solid #ccc;
}


#corps .galserie li a img
{
	margin : 8px 9px;
	border-top : 3px solid #fff;
	border-right : 3px solid #fff;
	border-left : 3px solid #fff;
	border-bottom : 20px solid #fff;
}


#corps .gal
{
			height : 500px;
}

#corps .gal ul
{
		border : 1px solid #ccc;
}


#corps .gal li a img
{
	margin : 8px 9px;
	border : 12px solid #000;
}

#article-resume a, #article a
{
	color:#f6bb66;
}

#corps a img:hover
{
	
}


#pied 
{
	color : #999;
	font-size : 10px;
	font-family : arial;
	height : 50px;
	padding : 0;
	text-align : center;
}

#pied a
{
	color : #ccc;
}

/*--------- Lightbox -----------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*-------- fin lightbox -------*/

div.data {
				float: left;width: 50px;margin:0 20px 3px 0;
				text-align: center;color: #777;padding-bottom: 5px;
				background: #E9F3FF url(images/date.png) no-repeat bottom left
			}
			div.data span.d {
				display: block;font-size: 170%;
				font-weight: bold;color: #757797;padding-top: 5px;
				background: #E9F3FF url(images/date.png) no-repeat top left
			}
			div.data span.m {
				text-transform: uppercase
			}

#actus
{
	padding : 10px;
	margin-bottom : 30px;
	width : 700px;
	font-family : arial;
	font-size : 11px;
	color : #fff;
}

#col
{
float : right;
margin-left : 20px;
margin-right : 50px;
}

#col p
{
margin-bottom : 20px;
font-size : 9px;
color :  #999;
}

#col a
{
color :  #999;
}

#pagination ul 
{ 
    border:0; 
    margin:0; 
    padding:0; 
}

#pagination li
{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:none;
}

#pagination a
{
    border:solid 1px #DDDDDD;
    margin-right:2px;
    font-family : arial;
}

#pagination .previous-off, #pagination .next-off 
{
    color:#666666;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
}

#pagination .next a, #pagination .previous a 
{
    font-weight:bold;
    border:solid 1px #FFFFFF;
}

#pagination .active
{
    color:#f9bb71;
    font-weight:normal;
    display:block;
    float:left;
    padding:4px 6px;
}

#pagination a:link, #pagination a:visited 
{
    color:#cd7a18;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}

#pagination a:hover
{
    border:solid 1px #666666;
}

.serie li
{
    float : left;
    margin-right : 20px;
}

.serie img
{
    border : 10px solid #fff;
}

#serie
{
    background-color : #ffe9d7;
    height : 250px;
    padding : 20px;
    margin-bottom: 20px;
}