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

body {
scrollbar-face-color: #EEEEEE;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #AAAAAA;
scrollbar-darkshadow-color: #888888;
scrollbar-track-color: #DDDDDD;
scrollbar-arrow-color: #999999;
margin: 0 auto;
z-index:0;
}

body, html {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-size:12px;
font-style:normal;
color:#333;
text-align:center;
background-color:#575757;
background:url(../IMG/design/fond.jpg) no-repeat left 400px;
}

.page {
margin: 20px auto;
}
.fin {
margin-top:20px;
}

.container {
	width:998px;
	background-color:#fff;	
	margin:10px auto; 
	border: 1px #AAA solid;
	}


.break {
clear:both;
}

/*Style pour la barre de titre*/
#header {	
	width:998px;
	height:210px;
	margin:0px;
	padding:0px;
 z-index:2;
}


#header img {
float:left;
	margin:0px;
	padding:0px;
}


#carousel {
	margin: 0px auto;
}

ul#menuHP {
position:relative;
width:200px;
margin:0px;
padding:0px;
	text-align:left; z-index:2;
}

ul#menuHP ul{
	position:absolute;
	display:block;
	top:0px;
	left:800px;
	width:175px;
	opacity:0;
}

#menuHP li {
clear:both;
list-style-type:none;
margin:0px;
padding:0px;
}

/*FIN-Style pour la barre de titre*/

#content {
	width:998px;
	background:#EEE;
	z-index:1;
	margin:0px;
	padding:0px;
}

#content h1 {
margin:0px;	font-size:20px;	font-weight:bold;
}

#content h2 {
	font-size:16px;
	font-weight:bold;
}

#gallerydesc {
width:180px;
min-height:400px;
padding:10px;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
color:#555;
text-align:justify;
}

#gallerydesc p {
font-size:13px;
font-style:normal;
font-weight:normal;
}

#gallerydesc h1 {
padding:20px;
}

#menucontextuel {	
	width:600px;
	padding:0px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-size:11px;
color:#666666;
	background:#FFF;
	margin :0 auto;
	}

#menucontextuel p {
font-size:8px;}


.contextuallink {	position:relative;
margin-top:10px;
margin-left:10px;
text-decoration:none;
}

.auteur {
width:900px;
padding :10px 40px;
}

.formulaire_ecrire_auteur {
margin :0px auto;
padding-bottom:20px;
}

/*Mot cles*/

#motcle {
text-align:justify;
width:950px;
margin:0 auto;
background-color:#AAA;
border:  1px solid #ccc;
padding:5px;	z-index:0;	
}

.texte {
margin-top:10px;
}

.ArticlesPF { 
float:left;
margin-top:5px;
margin-bottom:15px;
width:450px;
margin-right:20px;
margin-left:5px;
text-align:left;
}

.ArticlePF { 
margin:3px;
border:  2px solid #aaa;
background-color: #ddd;
margin-top:20px;
padding:5px;
height:100%;
}

.ArticlesPF span.col-left {width : 200px;}

#ArticlesPF h2, #ArticlePF h2 { 
font-style:italic;
font-weight:normal;
}	

#ArticlesPF h2 {
font-size:12px;
}
#ArticlePF h2 {
font-size:14px;
}

.motcle {
font-size:12px;
font-weight:normal;
font-variant:small-caps;
}


#ArticlesPF a { 
height:100%;
width:100%;
}

.titre {
float:left; 
width:130px;
height:120px;
margin:3px;    border:  2px solid #ccc;
background-color: #eee;
}

span.vgn {
float:left;
width:250px;
}

a.start {
display:block;
width:266px;
float:left;
text-align:center;
}

#ArticlePF {
/*display:inline;
white-space : nowrap;*/
text-align:left;
}

#ArticlePF span.titre {
width:261px;
height:261px;
float:left;
border:  2px solid #ccc;
margin:0px;
}



.vgnette {
    padding: 5px;  
    border:  2px solid #ccc;
    background-color: #f5f5f5;margin:3px;
}

#imgArticle {
	float:left;
}

.on {color:#333333;}


.formulaire_ecrire_auteur{
width:50%;}

.hierarchie a, .hierarchie a:active, .hierarchie a:visited, .hierarchie a:hover, .hierarchie a:link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}


/*Style des TAGS*/
.tag_taille_1, .tag_taille_2, .tag_taille_3, .tag_taille_4 {
font-family:"Courier New", Courier, monospace;
}

.tag_taille_1{
	font-size: 90%;
}
.tag_taille_2{
	font-size: 110%;
}
.tag_taille_3{
	font-size: 130%;
}
.tag_taille_4{
	font-size: 150%;
}

.tag_epaisseur_1{
     font-weight:300;
}

.tag_epaisseur_2{
     font-weight:500;
}
.tag_epaisseur_3{
     font-weight:600;
}

/*Diaporama de la Home*/

.pics ul { 
margin:0;
pagging:0;
list-style-type:none;
}

.noframe {
padding:0px;
}
 
.frame { 
	float:left;
    padding: 0px; 
    border:  2px solid #666;  
    background-color: #eee; 
}

.col-left {
float:left};

.col-right {
float:right;
}