/* CSS Document */
@import url("fws/menu.css");
* { 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;
	
}
img {border: 0;}
#tophead {width:100%; height:30px; background:url(img/fd-pinkbarre.jpg) repeat-x;}
#navbarretop {width:1000px; margin-left:130px; padding-top:5px;}
#lightnavtop {width:200px; float:left;}
#search {width: 600px; float:right;}

/* @group NavigationBar */
.container {
	width: 900px;
	padding: 0;
	margin: 0 auto;
}
#nav_wrapper {
	clear: left;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:5px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
	background: url("navBar/back_nav.png") repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background: url(navBar/li_border.png) no-repeat right top;	
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	z-index: 200;
}

span#menu_start a {
	background: url(navBar/home_nav.png) no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 10px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: -10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url(navBar/navlist_arrow.png) no-repeat 0px 10px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:1.1em;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
}
ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url(navBar/navlist_arrow_hover.png) no-repeat 0px 10px;
	text-decoration: underline;
}

span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;
	padding:0 11px 6px 18px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  black;
	border-top:   1px solid #e5e5e5;	
	border-right: 1px solid #989898;
	padding:	  0 10px 6px 18px;	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}
/* @end */

#global {position:relative;margin-left:5px;float:left;}
#pub {width: 120px; margin-right:5px; float:left;}
#central {position:relative;width:800px; background-color:#FFFFFF; margin-left:125px; min-height:1100px;padding-bottom: 10px;z-index: 4;}

#rightcolumn {position:absolute;margin-left:925px; width:200px; padding-left:1px; background-image:url(img/fd-columnright.gif); min-height:1100px; float:left;z-index:1;}

#navbarreprincipale {background-color:#E00B7F; width:800px; height:32px;}

#footer {width:100%; height:30px; background:url(img/fd-pinkbarre.jpg) repeat-x; clear:left; padding-left: 160px; padding-top: 6px;}

#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;}
#Rssbanner {width:256px; height:75px; float:left; padding-right:10px; padding-top:5px; background-image:url(img/fd-RSSbanner.jpg);margin-bottom:20px;}

/* @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 */

/* @group Cinema */
#slider {
    width: 170px; /* important to be same as image width */
    height: 225px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 168px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    width: 168px;
    height: 16px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	padding: 10px 13px 10px 6px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { list-style-type: none;}
/* @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;}
.Lienblanc:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:none}
.Lienblanc:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:none}
.Lienblanc:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333 }
.Lienblanc:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; 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}
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 ;
}

.margeaffichearticle {margin-right:20px; margin-bottom:15px;}
.marge20 {margin: 20px;}
.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;}

.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;
	float: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;
	float: 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;}
.titlebannerVert {font-family:Impact, Arial, Helvetica, sans-serif; font-size:20px; color:#85B40C; margin-bottom:6px;}

.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: #f91692;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 740px;
	margin: 20px;
	padding: 10px;
	float: left;
}