/* CSS Document */
* {margin: 0; padding: 0; top: 0; left: 0;}
body {
	background-color: #808080;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
#tophead {width:100%; height:30px; background:url(img/fd-pinkbarre.jpg) repeat-x;
	position: fixed;
	display: block;
	top: 0;
	z-index: 20;
}
#navbarretop {width:800px; margin-left:130px; padding-top:5px;}
#lightnavtop {width:300px; float:left;
	color: white;
	font-size: 11px;
	line-height: 24px;
}
#search {width: 500px; float:right;}

#global {position: absolute; top: 30px; width: 1131px; clear: both;
	display: block;
}
#pub {width: 120px; float:left;
	margin-right: 5px;
}
#central {
	position:relative; 
	width:800px; 
	padding-bottom: 10px; 
	z-index: 4;
	float: left;
	display: inline-block;
	background-color:#FFFFFF;
}
#lesphotos {clear: both; width: 800px;}
#bannersline {clear: both; width: 800px;}
#content{
	clear: both;
	position: relative;
	width: 800px;
	}
#rightcolumn {width:200px; margin-left:1px; background-image:url(img/fd-columnright.gif); float: right; z-index:1;
	display: inline-block;
}
#navbarreprincipale { width:800px;
	background: url(img/last_li.png) repeat-x;
	z-index: 10;
	position: relative;
	clear: both;
}
#footer {
	width:100%; 
	height:30px; 
	background:url(img/fd-pinkbarre.jpg) repeat-x;  
	display: block; 
	clear: both;
	}
#TextFooter {width: 800px;
	text-align: center;
	line-height: 33px;
}
#Newsletterbanner {width:256px; height:75px; float:left; margin-right:1px; padding-right:10px; padding-top:5px; background-image:url(img/fd-Newsletterbanner.jpg); margin-bottom:20px;}
#Forumbanner {width:256px; height:75px; float:left; margin-right:1px; padding-right:10px; padding-top:5px; background-image:url(img/fd-Forumbanner.jpg);margin-bottom:20px;}
#Humourbanner {width:256px; height:75px; float:left; margin-right:1px; padding-right:10px; padding-top:5px; background-image:url(img/fd-Humourbanner.jpg);margin-bottom:20px;}
#Jardinbanner {width:256px; height:75px; float:left; margin-right:1px; padding-top:5px; background-image:url(img/fd-jardinbanner.jpg);margin-bottom:20px; padding-left: 10px;}
#Rssbanner {width:256px; height:75px; float:left; padding-right:10px; padding-top:5px; background-image:url(img/fd-RSSbanner.jpg);margin-bottom:20px;}
#Casinobanner {width:250px; height:75px; float:left;background-image: url(img/fd-casinobanner.jpg); margin-bottom:20px;
	padding: 5px 10px 0 6px;
}
#Cinebanner {width:250px; height:75px; float:left;background-image: url(img/fd-cine.jpg); margin-bottom:20px;
	padding: 5px 10px 0 6px;
}
.casinobgGif {
	background-color: #14374C;
	padding: 10px;
}
#socialBar {
	background: url(img/fd-gradient-grey-button.jpg) no-repeat;
	width: 200px; height: 50px;
}
img {border: 0;}
.imgborder {border: 1px solid black;}
#slideshow {
    position:relative;
    height:210px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* @group Diaporama */
.diaporama{
    width:800px; /* Largeur d'une photo */
    height:190px /* Hauteur d'une photo */
}
 
.diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */;
	margin: 0;
	padding: 0;
}
 
.diaporama_controls{
    width:800px;
    margin:3px 0;
    padding:5px;
    clear:both;
    overflow:hidden;
}
 
.diaporama_controls .btns{float:right;}
.diaporama_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
}
.diaporama_controls .prev{background:url(img/fleches_diapo.png) no-repeat top right;}
.diaporama_controls .next{background:url(img/fleches_diapo.png) no-repeat top left;}
.diaporama_controls .pause{background:url(img/fleches_diapo.png) no-repeat bottom right;}
.diaporama_controls .play{background:url(img/fleches_diapo.png) no-repeat bottom left;}
/* @end */

.headerboxcolumnright {background-color:#00BFF0; font-family: Impact, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; width: 190px; height:33px; padding-top:12px;
	padding-left: 10px;
}
.marge1G {margin-left:1px;}

#twitter {width:180px; background-color:#8DE8FB; padding:10px; height:50px; color:#0066CC; font-size:11px; line-height:1.3em; font-style:italic; }

#google {margin-top:10px; margin-bottom:20px;}

#cine {float:left; width:170; margin-left:20px;}

#affiche1middle {float:left; margin-left:20px; width:165;}

.affichefloatleft {float:left;}
.afficheclearleft {clear:left;}

.titleLesRubriques {clear: left;}

.remonter {	clear: left;}
.clearleft {clear:left;}

ul li {list-style-position: outside;}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #636563;
	text-decoration: none;
}
a:hover {
	color: #EF0073;
	text-decoration: none;
}
a:active {
	color: #EF0073;
	text-decoration: none;
}
.left {float: left;}
.right {float: right;}
.ClearLeft {clear: left;}
.ClearRight {clear: right;}
.Lienblanc:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none}
.Lienblanc:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none}
.Lienblanc:hover {font-family: Arial, Helvetica, sans-serif; color: #333333 }
.Lienblanc:active {font-family: Arial, Helvetica, sans-serif; color: #A4D03D}

.Liennoir:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none}
.Liennoir:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none}
.Liennoir:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration:underline}
.Liennoir:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration:underline}

.Lienvert:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8FC20B; text-decoration:none}
.Lienvert:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8FC20B; text-decoration:none}
.Lienvert:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666 }
.Lienvert:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666}

.Lienrose:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EF0073; text-decoration:none}
.Lienrose:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EF0073; text-decoration:none}
.Lienrose:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8FC20B}
.Lienrose:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8FC20B}
TABLE, TD, TR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.button {
cursor: pointer;
width: 18px;
height: 20px;
border: none;
background: url("imagesv2/valider.jpg") no-repeat left ;
}

.margeBoxListingArticles{
	height: 155px;
	vertical-align: middle;
	text-align: justify;
	margin: 20px;
	clear: left;
	display: block;
}
.margeaffichearticle {margin-right:20px; margin-bottom:20px;}
.marge10 {margin: 10px;}
.marge20 {margin: 20px;}
.margeTop10Bottom10Right10 {margin-top: 10px; margin-bottom: 10px; margin-right: 10px;}
.margeTopBottom10{margin-top: 10px; margin-bottom: 10px;}
.margeaffichesprog {margin-left:25px; margin-right:22px;}
.margegd {margin-left:38px; margin-right:20px;}
.margephotgauch {margin-left:20px; margin-right:5px;}
.margephotdr {margin-left:5px; margin-right:20px;}
.margephotmil {margin-left:20px; margin-right:20px;}
.margegd80 {margin-left:80px; margin-right:20px;}
.margegd70 {margin-left:70px; margin-right:20px;}
.margedecalagephoto {margin-left:130px; margin-right:20px;}
.margegd20 {
	margin-left:20px;
	margin-right:20px;
	text-align: justify;
}
.margegd10 {margin-left:10px; margin-right:10px;}
.margeD6 {margin-right: 6px;}
.margeB5 {margin-bottom:5px;}
.margeaffiche {margin-left:22px;}
.margedroitenewsindex {margin-right:10px;}
.marged {margin-right:38px;}
.margeG10 {	margin-left: 10px;}
.margeD10 {	margin-right: 10px;}
.margeBnewsletter {margin-right: 50px;}
.margeMilieu {margin-left:200px; margin-right:20px;}

.padding10 {padding: 10px;}
.padding5 {padding: 5px;}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

.normalgras {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.rose {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E70A86;}
.rosegras {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E70A86; font-weight: bold;}
.vert {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #81BF0D;}
.vertgras {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #81BF0D; font-weight: bold;}
.vertfonce {color:#325E11;}
.grisfonce {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.grisfoncegras {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold;}
.grisclair {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999;}
.grisclairgras {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; font-weight: bold;}
.grismoyengras {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: bold;}
.grisbiggras { color: #666666;
	font: bold 18px/26px Arial, Helvetica, sans-serif;
}
.boxicones {width:300px;}
.boxform {width:600px;}
.logo {float:left; margin-right:10px;}

.encadre {
	border: 2px solid #81BF0D;
	padding: 10px;
	margin: 10px 0;
	background-color: #f7f4f2;
	display: block;
}

h1 {font-family: Arial Black; font-size: 22px;color: #8FC20B; margin-top:10px; margin-bottom:10px;}
h2 {font-size: 20px; font-family: Arial Black; color: #E70A86;margin-top:10px; margin-bottom:10px;
}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E70A86; font-weight: bold;margin-top:10px; margin-bottom:10px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #8FC20B; font-weight: bold;margin-top:10px; margin-bottom: 5px;}
h5 {font-size: 20px; font-family: Arial Black; color: #00BFF0;}

.h1{font-family: Arial Black;font-size: 24px;color: #8FC20B;margin-left:80px; margin-right:18px;}
.h2{font-size: 20px; font-family: Arial Black; color: #E70A86;}
.h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E70A86; font-weight: bold;}
.h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8FC20B; font-weight: bold;}

.clear {clear: both;}

.demiblocG {width: 420px; margin-left: 38px; margin-right: 10px; float: left;}
.demiblocD {width: 300px; margin-left: 10px; margin-right: 20px; float: right;}
.bloc50G {width: 370px; margin-left: 20px; margin-right: 10px; margin-top:20px; margin-bottom:20px; float: left;}
.bloc50D {width: 370px; margin-left: 10px; margin-right: 20px; margin-top:20px; margin-bottom:20px; float: left;}
.tiersblocG {width: 246px; margin-left: 20px; margin-right: 10px; float:left;}
.tiersblocM {width: 242px; margin-right: 10px; float:left;}
.tiersblocD {width: 246px; margin-right: 20px; float:right;}

.paddingTitle {
	padding-left: 38px;
}
.boxtitleRose {
	background-image: url(imagesv2/fd-title-puceverte.jpg); 
	width:800px; 
	height: 42px; 
	text-indent: 68px;
	padding-top: 10px;
	font-size: 20px; 
	font-family: Arial Black; 
	color: #E70A86;
	clear:left;
	text-align: left;
}
.boxtitleVert {
	background-image: url(imagesv2/fd-title-pucerose.jpg); 
	width:800px; 
	height: 42px; 
	text-indent: 68px;
	padding-top: 10px;
	font-size: 20px; 
	font-family: Arial Black; 
	color: #8FC20B;
	clear: left;
	text-align: left;
	}
	
#table2ZoomSur {
	clear: left;
	display: table;
}
p {margin-bottom:10px; margin-top:10px; text-align: justify;}
.decalage li {margin-left: 20px; list-style-position: outside;}
.aere {margin: 10px;}
TABLE, TR, TD .centre {text-align: center;}
.titlebannerBleu {font-family:Impact, Arial, Helvetica, sans-serif; font-size:20px; color: #00BFF0; margin-bottom:6px;}
.titlebannerVert {font-family:Impact, Arial, Helvetica, sans-serif; font-size:20px; color:#85B40C; margin-bottom:6px;}
.titlebannerRed { color: #e32111; margin-bottom:6px; font: normal 20px Impact, Arial, Helvetica, sans-serif;}

.titlebannerBlack{color: black; margin-bottom:6px; font: normal 20px Impact, Arial, Helvetica, sans-serif;}

.lienBanner:link {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#333333; text-decoration:none}
.lienBanner:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none}
.lienBanner:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:underline; }
.lienBanner:active {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:underline;}

li {margin-left:20px; text-align:left}
ul {margin-bottom:20px;}

.Pespaces {margin-top:10px; margin-bottom:10px;}

.texte11 {font-size:11px;}
.alert {
	background-color: #00BFF0;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 20px;
	padding: 10px;
	float: left;
	width: 390px;
}
#pourboire {
	width: 200px;
	color: white;
	font-weight: bold;
	padding-top: 40px;
	text-align: center;
	background: #BAE32F url(img/fd-pourboire.jpg) no-repeat;
	padding-bottom: 10px;
}
#thalasseo {
	width: 200px;
	height: 200px;
	background: url(imagesv2/thalasseo.jpg) no-repeat;
	color: #20a2d9;
	font-size: 11px;
}
.margeThalasseo {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 70px;
}
.LeftZoneContact {width: 420px;	float: left;}
.RightZoneContact {width: 310px; float: right; background-color: #f7f9f9;
	margin: 10px 10px 0;
	padding: 10px;
}
.RightZoneContact p{text-align: center;}
.casino h2{
	color: white;
	font: 20px/40px "arial black";
	background-color: black;
	padding-left: 10px;
	clear: both;
	margin: 0;
}
.casino h3{
	color: #EA941B;
	font: 16px/40px "arial black";
}

.casino h4{
	color: #ba190d;
	font: bold 15px/30px "arial";
}
.LineVerticalOrange{
	width: 36px;
	background-color: #EA941B;
	height: 100%;
	float: left;
}
.LineVerticalMarron{
	width: 36px;
	background-color: #563E2F;
	height: 100%;
	float: left;
}
.LineVerticalOr{
	width: 36px;
	background-color: #DBAF2C;
	height: 100%;
	float: left;
}
.LineVerticalVert{
	width: 36px;
	background-color: #B0CB1C;

	height: 100%;
	float: left;
}
.LineVerticalGrisbleu{
	width: 36px;
	background-color: #95A8AC;

	height: 100%;
	float: left;
}
.ContentCasino {width: 714px;
	float: left;
}
.majbold{text-transform: uppercase;	font-weight: bold;}
.maj{text-transform: uppercase;}