@charset "utf-8";
body{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:12px;
	min-height: 100%;
	background-color: #dcdcdc;
}

#FdPage {
	position:absolute;
	width:1001px;
	left:50%;
	margin-left:-500px;
}

#ZoneTexte{
	float:left;
	width:859px;
	background-color:#FFFFFF;
	background:url(images/FdPage.gif) repeat-y}
.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0px; /*for IE*/
}

	
/*Zone du Header*/
#HeaderBar{
	width:850px;
	height:16px;
	text-align:right;
	font-size:12px;
}
#HeaderBar ul {
	margin-top:1px;
	}
#HeaderBar li {
	padding-left: 25px;
	padding-right:5px;
	display:inline;
	background-repeat: no-repeat;
}

.HeaderNewsletter{
	display: inline;
	background-image:url(images/generiques/picto_newsletter.gif);
}
.HeaderRSS{
	display: inline;
	background-image:url(images/generiques/picto_rss.gif);
}

#header1{
	height:15px;
	background:url(images/header1.gif) top no-repeat}
#header2{
	height:130px;
	background:url(images/tetiere.gif) top no-repeat}
/*Feuilles de style pour le menu*/
#menu{
	position:relative;
	text-align:center;
	top:97px;
	left: 72px;
	width:715px;
	margin:0;
	padding:0;
	font: bold 11px verdana;
	color: #FFFFFF;
	list-style-type:none}
#menu li{
	display:inline;}
#menu a {
	text-decoration:none;
	color:#FFFFFF;}
#menu a:hover {color:#CCCCCC;}

/*styles pour la colonne de texte gauche*/
#ActionArticle{
	position:relative;
	left:50%;
	margin-left:-240px;
	width:480px;
	font-size:12px;
	color:#6699CC;
	height:24px;
	border-bottom:dotted #66CCCC thin;
	border-top:dotted #66CCCC thin;
	margin-top:1em;
	padding:2px;
}
.ActionArticleElement{
	text-transform:uppercase;
	width:120px;
	height:24px;
	text-align:center;
	float:left;
}
#ActionArticlePartage{
	font-size:10px;
	padding-top:5px;
	position:relative;
	background:#fff;
	float:left;
	text-transform:uppercase;
	width:480px;
	height:18px;
	text-align:center;
	border-bottom:dotted #66CCCC thin;
	display:none;
	z-index:100;}
#ActionArticle #ActionArticlePartage img {
	vertical-align:middle;
	border:0px;
	float:none;
	padding:0;
	margin-right:5px;
}
	
#ActionArticle .ActionArticleElement img{
	vertical-align:middle;
	border:0px;
	float:none;
	padding:0;
	margin-right:5px;
}
.PhotoLegende{
background:#000;
color:#fff;
font-size:0.8em;
text-align:center;}

#CorpsArticle{
	Position:relative;
	width:99%;
	min-height:400px;
	}
#CorpsArticle P{
margin-top:1em;}

#ZoneTexteG{
	text-align:justify;
	width:505px;
	width:515px !important;
	float:left;
	margin-left:13px !important;
	/*margin-right:5px;
	padding:0px 5px 0px 0px;*/
}
#recherche{
	text-align:left;
	width:395px;}
/*#ZoneTexteG img {
	border:1px solid #AAAAAA;
	margin-left:5px;}*/
#ZoneTexteG a {
	text-decoration:none;
	color:#636363;}
#ZoneTexteG H1 {
	margin:0 0 0.2em 0;
	font:1.5em verdana;
	font-weight:blod;
	color:#666;}
#ZoneTexteG P {}

#ZoneTexteG ul {
margin-left:1em;}

#PresArticle{
	position:relative;
	width:99%;
	min-height:115px;
	padding-bottom:10px;
	border-bottom: thin #ccc dotted;
}
.dateArticle{
	font-size:10px;
	font-style:italic;
	color:#636363;
	margin:2px 0 2px 0;}
	
.FooterCredit{
	width:859px;
	margin-top:-5px;
	text-align:center;
	font-size:10px;
	color:#000099;
	padding:0px;
}
.ArtRubInt{
height:16px;
background: url(images/titresDivers/blankTitle.gif) no-repeat #FFA63D;
color:#FFF;
font-weight:bold;
margin-top:1em;
padding-left:1.5em;
}

.ImgVignet{
	margin:0.2em;
	border:2px solid #ccc;
	padding:3px;	
}
/*page Actu*/
#ZoneTexteGactu{
	width:515px !important;
	width:510px;
	float:left;
	margin-left:15px !important;
	margin-right:5px;
	/*padding:0px 5px 0px 0px;*/
}
#ZoneTexteGactu a {
	text-decoration:none;
	color:#636363;}
#ZoneTexteGactu H1 {
	margin:0px;
	font:2.0em verdana;
	font-weight:300;
	color:#666;}
#ZoneTexteGactu P {
margin-bottom:1em;
text-align:justify;}

#ZoneTexteGactu ul {
margin-left:1em;}
#ZoneTexteGactu img{
	margin:0.2em;
	border:2px solid #ccc;
	padding:3px;	
}
.SepTxtActu{
width:300px;
border-bottom:dotted #ccc thin;
margin-bottom:0.8em;
}
/*styles pour la colonne de texte droite*/
#ZoneTexteD{
	/*background:#ccccff;*/
	width:300px;
	height:100%;
	float:right;
	margin-right:10px !important;
	padding:0px;}
#ZoneTexteD a{
	text-decoration:none;}
#ZoneTexteD a:hover{
	text-decoration:underline;}
.TtrTxtD{
	margin-top:1em;
	background:#FF9933;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
}
.TtrTxtDli{
	list-style-position:inside;
	list-style-image:url(images/generiques/PuceLiSActu.gif);
}

/*styles pour l'encadré Actualité suite*/
.TitreSuiteActu{
	margin-top:0.5em;
	background:#FF9933;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;}
#suiteactu{
	max-height:400px;
	/*height:400px;*/
	overflow:auto;}
#suiteactu li{
	list-style-position:inside;
	list-style-image:url(images/generiques/PuceLiSActu.gif);
	font-size:9px;
	line-height:14px;
	border-bottom: dotted #dddddd 1px;}
#suiteactu a{
	color:#333333;}
#suiteactu a:hover{
	text-decoration:none;}
#suiteactu li:hover{
	background:#ffe7ce;
	}
/*styles pour la colonne droite contenant les onglets*/
#ColDroite{
	/*background:url(images/sidebar/fdhaut.gif) no-repeat top #000000;*/
	background:#000000;
	margin-top:0px;
	float:right;
	width:140px;
	text-align:center;}
#ColDroite p{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	padding:2px;
	margin:5px;
	margin-bottom:0.5em;}
.ImgPDF{
	border:thin solid #fff;
	padding:2px;
	background:#FFFFFF;
}
.SeparationZone{
	border-bottom:1px solid #FFF;
	margin-bottom:1em;
	margin-top:0.8em;
}
/*Styles pour la page Archives*/
#PresArchives{
	width:450px;
	position:relative;
	left:33px;
	margin-top:1em;
	font-size:2em;
	text-align:center;
}
.PresArchivesImg{
float:right;
padding:2px;
border:#000000 solid thin;
margin-bottom:1em;
}
.ImgArchivesListe{
	float:none;
	border:2px solid #AAAAAA;
	padding:2px;
	margin:2px;
}
.H1Archives{
	margin:0px;
	font:2.2em verdana;
	font-weight:600;
	color:#666;
}
.PArchives{
	margin:0.5em;
	font:2.2em verdana;
	font-weight:600;
	color:#666;
	border-top:2px solid #999;
}

/*Styles pour la partie diaporama Actus*/
#diaporama{
	position:relative;
	margin-left:2px;
}
#diaporama img{
	margin:3px;
	border:none;
}
.ImgDiaporama {
	position:relative;
	display:block;
	float:left;
	width:73px;
	height:71px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}

/*Styles pour le module des commentaires*/
#Reactions{
font-size:0.8em;}

#commentaires{background:#FdFdFd;
margin-bottom:10px;
padding:3px;
font-size:1em;
font-family: Georgia;
border-bottom:#ddd solid medium;
}
#commentaires .titre{
color:#666;
font-size:1.6em;
font-weight:bold;
margin:0;
text-align:center;
}
#commentaires .dateComment{
color:#666;
font-size:1em;
text-align:center;
margin:0;}

.PostComment{
position:relative;
left:105px;
width:340px;
font-size:1.1em;
}

.operationCaptcha{
font-weight:bold;
background:#66FF99;
font-size:12px;
color:#CC6600;
text-align:center;
}

.ErrorCaptcha{
font-size:16px;
background:#FFFF66;
color:#990000;
font-weight:bold;
text-align:center;}

/*page de recherche*/
#RechercheTag{
font-size:0.8em;}
#RechercheTag h1{
border-bottom:#808080 1px solid;}
#RechercheTag a{
font-style:normal;
font-size:1.3em;}
#RechercheTag ul{}
#RechercheTag li{
margin-left:2em;
font-style:italic;
font-size:0.8em;}
.ident{
background:#FFCC99;
color:#000;}
/*onglet de recherche*/
#cse-search-box{
text-align:center;
margin-bottom:1em;}

/*Tags*/
#Tags {
	margin:0;
	}
#Tags a {
font-size:1.2em;}
#Tags a:hover {
font-size:1.2em;
background:#33CCFF;}

/*page edition*/
.CommdLivre{
background:#fff;
position:relative;
top:-1em;
float:left;
padding:3px;
border: solid #666666 1px;
}
.CommdLivre:hover {
background:#CCCCCC;
}
.TitreApercu{
background:#ccc;
text-align:center;
margin-left:1px;
}
#flashcontent{
width:510px;
height: 400px;
border:3px solid #ccc;
}
.TitreLivre{
list-style-type:none;
}
.TitreLivre a{
font-size:1.4em;
font-weight:bold;
}

/*Albums photos*/
#SubCatConteneur{
position:relative;
margin:1em 0em 0em 2em;
background:#eee;
}
#CatConteneur{
position:relative;
width:90%;
margin:1em 0em 0em 2em;
}
#CatConteneur img {
background:#ccc;
float:left;
margin:1em;
padding:1em;
border:thin solid #000;
}
#CatConteneur H2 {
padding-top:1em;
font-size:1.5em;
font-style:normal;
color:#666;}
#CatConteneur .nbrImg {
font-size:0.8em;}
#CatConteneur img:hover {
background:#fff;}

/* --------------------------------------------------------------------------------- 

		PHOTO GALLERY

		courtesy of paul maher

		www.paulmaher.com

--------------------------------------------------------------------------------- */

#ThumbConteneur{
	width:100%;
	margin:1em;
	padding-left:1em;
}

ul.thumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	float: left;
	display: inline;
	border: 1px solid #999999;
	padding:2px;	
	margin-right: 3px;
	margin-bottom: 3px;
}

ul.thumbs li a {
	background: none no-repeat 0;
	text-decoration: none;
	border-top-style: none;
	padding: 0;
	float: left;
	display: inline;
}

ul.thumbs li a:hover {
	background-color: transparent;
}

ul.thumbs a{
	display:block;
	float:left;
	width:73px;
	height:73px;
	line-height:60px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul.thumbs a img{
	float:left;
	position:absolute;
}
ul.thumbs a:hover{
	overflow:visible;        
	z-index:100;
	border:none;
	top:-3px;
	left:-3px;		
}
ul.thumbs a:hover img{
	border: 1px solid #999999;
	background:#000;
	padding:2px;
}
.NavPhotos{
font-size:0.8em;
margin-top:0.2em;
}

/*page Contact*/
#ContactFormul {
position:relative;
width:350px;
left:50%;
margin-left:-175px;
}
.Form300{
width:350px;
margin-bottom:0.5em;
}

/*page 6HEcho*/
.menu6h{
list-style-type:none;
line-height: 1.8em;
background:url(course/images/BandeauColDroite.gif) top no-repeat #fab390;
padding-top : 70px;
text-align:center;
font-size:1.5em;
color:#fff;}
.menu6h a {color:#FFFFFF}
.menu6h a:hover {color:#FFFFFF; text-decoration:none;}

#logos6h{
	padding:0px 20px 0px 30px;
	text-align:center;
	position:relative;
	width:840px;
	background:url(images/FdPage.gif) repeat-y;
}
#logos6h li {
	list-style-type:none;
float:left;
min-height:70px;
position:relative;
}
#logos6h img {margin:5px;}