html,body {margin:0;padding:0px;width:100%;height:100%;font-family:Arial, Helvetica, sans-serif;}
img {border:none;};
ul,li {list-style:none;margin:0px;padding:0px;}
.scrollArea {
    overflow-y: scroll;
    width: 700px;
    height: 200px;
	border-width: 1px;

}

.scroller {
    overflow-y: scroll;
    width: 900px;
    height: 300px;
	border-width: 1px;

}

/* ------------ HEADER ------------------ */
header { text-align:center; position:fixed; top:0px; width:100%; height:110px; z-index:1100; background:#FFF;}
#logo {width:124px; height:101px;  margin:-20px auto; background:url(images/fd_logo.png) top center repeat; }
#zone {position:absolute; left:0; bottom:0px; width:360px; background:none;}

#zone a{color:#000;text-decoration:none;font-weight:bold;font-size:12px}

#div-top
{
    /* Seules la couleur du texte et les dimensions
    de nos paragraphes auront une transition. */
    /*transition-property: color, width, height;*/
    
    /* La transition durera trois secondes. */
/*    transition-duration: 3s;
*/
    /* On attend 1,5 seconde avant que
    la transition ne se lance. */
  /*  transition-delay: 1500ms;

	 transition: property duration timing-function delay;*/
	 
	  /* Il est possible de spécifier des valeurs différentes pour chaque propriété. */
/*s*/	
    /* On stylise un peu plus nos paragraphes. */
   position:fixed; top:0px;right:50px;
    width: 200px;
    height: 110px;
	overflow:hidden;
    color: #fff;
    background-color: #c2a475;
    margin: auto;
    text-align: center;
}
/*#div-top:hover
{
   width: 200px;
   height: 250px;
   color: #000;
}*/

/* ------------ FIN HEADER ------------------ */
/* ------------ MILIEU ------------------ */
#milieu
{
	width:100%;
	height:100%;
	background-image:url(../images/bg3.jpg);
	background-size:cover;
}
#offres-actulites { overflow:hidden;width:324px; left:50%; margin-left:-162px; height:35px; position:absolute; bottom:130px;z-index:1000; 
    /* Seules la couleur du texte et les dimensions
    de nos paragraphes auront une transition. */
    transition-property: color, width, height;
    
    /* La transition durera trois secondes. */
    transition-duration: 1s;

    /* On attend 1,5 seconde avant que
    la transition ne se lance. */
    transition-delay: 500ms;

	 transition: property duration timing-function delay;
	 
	  /* Il est possible de spécifier des valeurs différentes pour chaque propriété. */

	
}
#offres-actulites:hover
{
   width: 324px;
   height: 300px;
   color: #000;
}
#offres-actulites .head-offres {cursor:pointer;}
		#offres-actulites h2 { text-align:center; font-size:0.8em; margin:0px;}
		#offres-actulites .marron {color:#181302; font-size:1.2em;}
		#offres-actulites .or {color:#a58148; font-size:1.2em;}
		#offres-actulites #globoffres {width:320px; margin:0 auto; height:275px;}
		#offres-actulites .bloc-offres {width:295px; height:80px; margin:10px 0 10px 5px; background:#FFF; -moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565; -o-box-shadow: 0px 0px 5px 0px #656565; box-shadow: 0px 0px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5); text-align:justify;}

		#offres-actulites .pic {float:left; margin-right:10px;}
		#offres-actulites .bloc-offres .titre {color:#8b662c; padding-top:8px; font-size:10px;}
		
		#offres-actulites .bloc-offres .titre a, a:visited, a:active { text-decoration:none; color:#8B662C; font-weight:bold; }
		#offres-actulites .bloc-offres .titre a:hover { text-decoration:none;  }
		
		#offres-actulites .bloc-offres p { line-height:1.5em; font-size:1.0em; margin:0; text-align:left; padding:8px 6px 5px 5px; color:#000000;}	
		#offres-actulites .head-offres {cursor:pointer;}
		#offres-actulites h2 { text-align:center; font-size:0.8em; margin:0px;}
/* ------------ FIN HEADER ------------------ */
	
	
		.puceliste{
		background:url(../images/puce.png) no-repeat left center;
		padding-left:12px;
		width:215px;
		padding-top:0px;
		margin:0px;
		
		}
.lienb
{
	text-decoration:none;
	color:#FFF;
}
.lienb:visited
{
	color:#FFF;
}
.p-text
{
width:700px;
margin:20px auto;
font-size:13px;
}
.p-maron {color: #A58148;font-size:12px;margin:0;padding-top:5px;padding-left:5px;;font-weight:bold;text-decoration: none;}
strong {color: #A58148;}
.maron {color: #A58148;}
.p-maron:hover{color:#FFF;}
.titrepage { color: #b18f3f;
    font-weight: bold;
    font-size:25px;
    margin-left: 35px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:"Times New Roman", Times, serif;
	}
/* ------------ FOOTER ------------------ */
	footer { margin:4px auto 0 auto; background:#151001; width:100%; position:fixed; bottom:0px; z-index:1100; } 
	footer .appdiv {width:1138px; margin:0 auto; color:#FFFFFF;}
	footer .appdiv1 {width:319px; float:left;/*margin-left: 78px;*/}
	footer .appdiv1 li {font-size:10px; color:#eae0cc; letter-spacing:1px; padding:2px 0; margin-left:5px;}
	footer .appdiv2 {width:168px; float:left; margin-top:0px;}
	footer .appdiv2 li a {font-size:10px; color:#eae0cc; letter-spacing:1px; padding:2px 0;}
	footer .appdiv3 {width:220px; position:absolute;margin-left:120px;  margin-top:0px;font-size:10px;}
	footer .appdiv3 li a {font-size:10px; color:#eae0cc; letter-spacing:1px; padding:2px 0;}
	footer .appdiv3 li .changer {background:url(images/puce_langue.png) center right no-repeat; padding-right:18px;}
	footer .appdiv3 li .changertop {background:url(images/puce_langue_top.html) center right no-repeat; padding-right:18px;}
	footer .lg {display:none; margin-left:20px;}
	footer .lg li {font-size:10px; color:#C2A475; letter-spacing:1px; padding:2px 0;}
	footer .lg li a {font-size:10px; color:#C2A475; letter-spacing:1px; padding:2px 0;}
	footer .appdiv4 {width:230px; float:left;}
	footer .fb-icone { width:21px; float:left; }
	footer .tw-icone {width:21px; float:left; }
	footer .pg-icone {width:21px; float:left; }
	footer .p-icone {width:21px; float:left; }
	footer .ut-icone {width:36px; float:left; }
	footer .t-icone {width:21px; float:left; }
	footer .gplus-icone {width:21px; float:left; }
	footer p {padding:0px;margin:0px;font-size:12px;color:#cdb355;}
	footer ul {padding-left:10px;margin:0px;}
	#copyright { text-align:center; font-size:0.9em; margin:5px auto; color:#fff; width:100%;  }
	#copyright a { color:#fff; }

		
/* ------------ FIN FOOTER ------------------ */