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

body { background: #EFEFEF url(../images/fd-bodynuage.jpg) repeat-x top center; margin:0; padding:0; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px;}
#barrehaut { width:800px; margin:0 auto; background:url(../images/hautbl.jpg) top center repeat-x; position:relative; height:36px; line-height:36px; text-align: right;}
#barrehaut a{ color: #0066CC; font-weight:bolder; font-size:12px;}
#header { width:800px; margin:0 auto; position:relative;}
#contenu { background: #FFFFFF; width:780px; margin:0 auto; padding:10px 10px 10px 10px;} 
#footer { background: #FFFFFF url(../images/fd-footer.jpg); width:780px; height:100px; margin:0 auto 20px auto; padding:10px 10px 10px 10px; position:relative;
} 
#footer a{ color:#FFFFFF; text-decoration:none; padding:0; margin:0;}

/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/
ul#menu {
background: #FFFFFF url(../images/fd-menu.jpg) repeat-x top;
margin:0 auto;
	padding:0 10px 0 10px;
	list-style-type:none;
	width:780px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px; float:left;
}
ul#menu li {
	display:block;
	float:left;
	text-align:center;
	width:75px;
	margin:0;
	padding:0;
}
ul#menu li a {
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	height:30px;
	line-height:30px;

}
ul#menu li a:hover {
background:url(../images/fd-menuhover.jpg) repeat-x top left;
color: #FFFFFF;
}

ul#menu .sousMenu {position: relative; z-index: 50;
padding: 0px; display: none; margin: 0px; list-style-type: none;   
}
ul#menu .sousMenu li { position: relative; z-index: 51; background:url(../images/fd-menuhover.jpg) repeat-x top left;
padding:0; margin: 0px; width: 150px; text-align:left;
}
ul#menu .sousMenu li a:link { position: relative; z-index: 52;
padding: 0 0 0 10px; display: block; background:url(../images/fd-menuhover.jpg) repeat-x top left; margin: 0px; color: #fff; text-decoration: none;
}
ul#menu .sousMenu li a:visited {
padding: 0 0 0 10px; display: block; background:url(../images/fd-menuhover.jpg) repeat-x top left; margin: 0px; color: #fff; text-decoration: none;
}
ul#menu .sousMenu li a:hover {
background:url(../images/fd-menu.jpg) repeat-x top left;
}
ul#menu li:hover > .sousMenu {
display: block;
}

.active {
background:url(../images/fd-menuhover.jpg);
color: #CCCCCC;
}

a img {border: none;}

/******* Les Titres *******/
h1 { font-size:19px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0; padding: 0 0 0 10px; color:#FFFFFF; background:url(../images/fd-bleu.jpg); height:30px; width:790px; }
h2 { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:2px; padding: 0 0 0 10px; color:#FFFFFF; text-align:left; text-transform: uppercase; }
h3 { margin: 0;	padding: 0;	font-size: 12px; text-transform: uppercase;	}
h4 { margin: 0 0 5px 0;	padding: 5px 0 20px 0;	font-size: 12px; color:#FFFFFF}
.bigtxt { font-size:20px; border-bottom: #FFCC99 1px dashed;}
.marbot{ margin-bottom:20px;}

/******* Les couleurs *******/
.orange { color:#ED8E12;} 
.bleu { color: #3399CC;} 
.vert { color: #006600;} 
.bigtxt { font-size:18px;}
.blanc { color:#FFFFFF;}
.jaune { color:#FFFF00;}
.gris { color:#666666;} 
.rose { color:#FF00FF;}


/******* Les cadres *******/
.facebook {	position:relative; width:300px; height:180px; float:right; margin:0 5px 0 10px; padding:0; border-bottom:1px solid #94A3C4; }
.gauche520 { width:510px; float:left; position: relative; z-index: 1;}
.droite260 { width:260px; float:right;}
.larg520 { position: relative; width:496px; padding:0 5px 5px 5px; border: #CCCCCC 1px solid; background: url(../images/fd-minicdr.jpg) top repeat-x; margin: 5px;  float:left}
.larg520 p{ padding:0; margin:5px 5px;}

.pub260 {position:relative; width:250px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0; border:1px solid #999999; }
.pub260 p { padding:0 5px; margin:0;}
.larg260 {position:relative; width:250px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0px 0px 25px 0px; border:1px solid #999999; }

#accgauche { float:left; width:460px; padding-top:5px;}
#accdroite { float:right; width:310px;}
.minicdr { position:relative; width:143px; height:135px; background: #CCCCCC url(../images/fd-minicdr.jpg) top repeat-x; text-align:right; float:left; margin:5px; border:1px solid #999999; }
.miniactu {	position:relative; width:298px; height:130px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999; }
.miniactu p{ margin:0; padding:0;} 
.infoacc {	position:relative; width:448px; height:277px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999; } 
.infoacc p{ margin:0; padding:0;} 
.nouveauacc { 	position:relative; width:293px; height:282px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999; } 
.moitie { width:355px; padding:10px; margin:5px; float:left;}
.amis { float:left; border:1px solid #CCCCCC; padding:5px; width:365px; height:130px; margin:5px;}
.pubamis { float: right; border:1px solid #CCCCCC; padding:10px; margin:0px  5px 0px 15px; }
.pad101px { padding:10px; margin:5px; border:1px solid #CCCCCC; float:left; }
.pub {	position:relative; width:298px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999; }

.lienfooter { float:left; margin:0 5px 0 5px;}
.larg780 { position: relative; width:760px; padding:0 5px 5px 5px; border: #0066CC 1px solid; background: url(../images/fd-minicdr.jpg) top repeat-x; margin-bottom:10px;}
.larg780 { position: relative; width:760px; padding:0 5px 5px 5px; border: #0066CC 1px solid; background: url(../images/fd-minicdr.jpg) top repeat-x; margin: 0 5px 10px 5px;}
.larg520v { position: relative; width:488px; padding:0 5px 5px 5px; margin: 10px 5px;  float:left}
.droit700 { float:left; width:700px;}
.droit700 p { padding:0; margin:0;}
.droit580 { float:left; width:570px;}
.droit580 p { padding:0; margin:0;}
.droit510 { float:left; width:510px;}
.antenne260 { position:relative; width:238px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999;}
.antenne260 p { padding:5px; margin:0;}
.titannonce { width:100px; height:100px;text-align:center; line-height:100px; background:#0066CC; color:#FFFFFF; margin:5px; float:left;}
.titannonce a{ color:#FFFFFF; }
.annoncebrdg{   padding:5px; background: url(/images/fd-annonces.jpg) top left repeat-x; ; border:#CCCCCC 1px solid; border-left:#0066FF 4px solid; color: #333333;}
.annoncebrdg p{ padding:0; margin:0;}

.contactform { width:238px; height:300px; border:1px solid #99CCFF; margin:5px; padding:0 5px 5px 5px; float:left; background: url(../images/fd-minicdr.jpg) top repeat-x;}
.contactform2 { width:238px; height:300px; border:1px solid #99CCFF; margin:5px; padding:0 5px 5px 5px; float:left; }
.txtdroite { text-align:right;}
.leftinf { width:380px; float:left;}

/******* mise en page *******/
.clear { clear:both; }
.clear5px { clear:both; margin-top:5px; }
.clear10px { clear:both; margin-top:10px; }
.clear10pxpl { clear:both; margin-top:10px; margin-bottom:10px; border-bottom:1px dashed #99CCCC; }
.basdroite { position: absolute; bottom: 0; right: 0;text-align:right; width:100%; height:25px; float:right; clear:both; background:#CCCCCC;}
.pad10 { padding:10px;}
.pad5 { padding:5px;}
.brd10pxgauche { padding:0 10px 10px 0; float:left;} 
.brd5 { padding:0; margin:5px; float:left;} 
.brd10pxdroite { padding:0 10px 10px 0; float:left;} 
.left { float:left;}
.largdate { width:80px; text-align:right; padding-right:5px;}
.brd1px { border: 1px solid #CCCCCC;}


/******* Pub Livre d'or *******/
#corner {     background:url(illustration.png) top right;     position:absolute;     top:0px; right:0px;     z-index:9999; } 
#corner img {     border:0;     width:80px; height:80px;     -ms-interpolation-mode:bicubic; } 


/***** Cinema *****/
/* Définition de la police d'écriture, la taille et la couleur du texte : réalisateur, durée, genre, synopsis */
.cinema { 
width:490px; padding:10px; float:left;
}
/* Définition du style des liens */
a { 
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #006699; text-decoration:none;
}
a:hover { text-decoration:none; color:#FF3300;}
td.cinema { border-bottom:1px dashed #FF0000; background:#999900; }
.salles { border-left: #999999 3px solid; padding:5px; margin:5px; width:235px; float:left;}


/****** Formulaire *****/
#formulaire { background:#B3A38A; padding:5px;}

.cdrform { width:345px; border:1px solid #999999; background:#E9E9E9; float:left; padding:10px; margin:10px; height:250px;
}
.cdrform p {
	margin: 0 0 2px 0.5em !important;
	padding: 0 0 2px 0.5em;
	clear: both;
}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #FFD100;
	background-color:#97AF12 !important;
	background-color: none;
}
label.text {
	display: block;
	float: left;
	width: 90px;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #CCCCCC;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
}
input.text {
	width: 110px;
	background-color: #CCCCCC;
	border: 0;
	margin-right: 0.25em;	
}
textarea {
	width: 90%;
	background-color: #BFB19C;
	border: 0;
	margin: 0;
}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}
hr {
	visibility: hidden;
	clear: both;
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}



/****** Forum *****/

tr:hover { background: #DDEEFF;}
td { border-left:1px #FFFFFF solid;}
table { border:1px #999999 solid;}


/***** Galerie photos *****/
.photogal{ position:relative; border: #006699 1px solid; float:left; 
width:158px;
height:126px;
padding: 5px; text-align:center; margin:10px; color: #333333; background: url(../images/fd-gal.jpg);
}
.bas { position: absolute; bottom: 0; right: 0;text-align:right; width:138px; height:25px; float:right; clear:both; background:#CCCCCC url(../images/fd-gal-titre.gif) top right no-repeat; padding-right:30px; line-height:25px;}

#navgal {
	margin:0 10px 0 auto;
	padding:0;
	list-style-type:none;
	width:250px;
	position:relative;
	display:block;
	float:left;
	overflow : hidden;
	
 
} 
#navgal li { 
color: #333333;
height:20px; 
/*background: url(/images/fd-menuhover.jpg) repeat-y top left; */
line-height:20px;
margin:0 ;
padding:0 0 0 5px; border-bottom:1px dashed #99CCCC;
} 
#navgal li a { 
color: #333333;
} 
#navgal li a:hover { 
color: #006699;

} 


/*player cocktail*/
#player { position:relative; width:275px; height:153px; background:url(../images/player.png) no-repeat bottom left; padding: 0 5px 0 0; text-align:right; float:right; }
#equalizer {width:115px; height:113px; padding: 30px 0px 5px 10px; float:left; text-align:center;}
#titreplay {width:140px; padding: 30px 5px 0px 135px;}
#ecoute{
	position: absolute;
	bottom: 0;
	right: 10px;
	text-align:right;
	width:201px;
	height:25px;
	float:right;
	clear:both;
}

#fdplay { position:relative; width:283px; height:111px; background:url(/images/fd-player.png) no-repeat; padding:5px 10px; margin-top:15px; float:left;}
#fdecoute { position:relative; width:283px; height:111px; margin-top:20px; margin-left:20px; float:left;}
#pochette { width:70px; height:70px; padding: 5px 5px 5px 0; float:left; text-align:center; }



#infoweb {
	position: absolute;
	bottom: 9px;
	right: 9px;
	text-align:right;
	float:right;
	clear:both;
}
#infoweb a{ color:#99CC00; text-decoration:none;}
#infoweb a:hover{ color: #FFFFFF; text-decoration:none;}


#comclick {
	position: absolute;
	bottom: 33px;
	right: 10px;
	text-align:right;
	float:right;
	clear:both;
}

#pubacc { position:relative; width:300px; background: url(../images/fd-minicdr.jpg) top repeat-x; float:left; margin:5px; padding:0; border:1px solid #999999; }

.anndefil{ height:53px;}



/*////// haut de page //////////*/
/** ScrollToTop **/
#scrollToTop a{
position: fixed;
background: #fff url(../images/haut1.jpg) no-repeat  ;
right: 20px;
bottom: 10px;
background-color: rgb(255,255,255); /** rgba fallback**/
background-color: rgba(255,255,255, 0.0);
padding: 60px 40px;
}
#scrollToTop a:hover{
background: #fff url(../images/haut2.jpg) no-repeat  ;
background-color: rgb(255,255,255); /** rgba fallback**/
background-color: rgba(255,255,255, 0.0);
padding: 60px 40px;
}

.top40acc{ background:#CCCCCC; border:1px solid #999999; text-align: center; float:left; margin:2px;}