@import url("navigation.css"); 
@import url("formulaire.css"); 
@import url("lien.css"); 
@import url("lien.css"); 

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100%!important;
	font-size: 88%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background: #ed7a0a url(../images/deco/fd-page.jpg) repeat-x top;
}
#index {
	background: #ed7a0a url(../images/deco/fd-index.jpg) repeat-x top;
}
img { border: none;
}

a {
	font-size: 0.7em;
	color: #FDC297;
	text-decoration: none;
}

a:hover, a:focus {
	color: #FFF;
	text-decoration: none;
}

.all {
	clear: both;
}

.gras {
	font-weight: bold;
}
.left {
	float: left;
	margin: 0 20px 0 35px;
}
.droite {
	float: right;
	margin: 0 35px;
	border: 9px solid #832735;
}
.invisible {
	position: absolute;
	top: -10000px;
	left: -10000px;
	overflow: hidden;
}
.adr {
clear: both;
margin: 30px auto 10px;
font-size: 0.95em;
color: #9C3723;
}

#referencement {
text-align: center;
color: #9C3723;
font-size: 0.8em;
margin: 20px auto;
width: 99%!important;
max-width: 1055px;
}
#referencement p{
margin: 0 auto 20px;
}
#referencement a{
	color: #762B1B;
	font-size: 0.9em;
}
#referencement a:hover{
color: #2A2B79;
}

#player-son {
float:right;
width: 240px;
height: 85px;
margin: 20px 20px 0 0;
}
/*--------------------contenu----------------------*/

#page {
	width: 99%!important;
	width: 990px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
	font-size: 1em;
	color: #0000;
	/*background: url(../images/deco/fd-seon.png) no-repeat center 306px;*/
}
#index #page {
/*	max-width: 989px;
	background: url(../images/deco/fd-seon-index.png) no-repeat center top;*/
	padding-bottom: 0em;
}

#anim-index {
/*background: transparent url(../images/deco/horloge.png) no-repeat center top;
*/}
#header {
	width: 100%;
	text-align: center;
}

#content {
	text-align: justify;
	font-size: 0.8em;
	width: 100%;
	margin: 0 auto;
	padding: 55px 0 0 0;
}
#index #content {
	padding-bottom: 0;
}
#index #anim-index {
	display: block;
/*	width: 872px;*/
	height: 650px;
	background: transparent url(../images/horloge-web.png) no-repeat center top;
}
 #content #calendrier {
	width: 950px;
	background: transparent url(../images/deco/cal-fd-titre.png) repeat left top!important;
	background: #FFF url(../images/deco/cal-fd-titre.gif) repeat left top;
	color: #FFF;
		margin-bottom: 30px;
}
#content p {
	margin-bottom: 1em;
}

#content p.small {
	font-size: 0.85em;
	color:#0033CC;
	font-style: italic;
	margin-bottom: 1.7em;
}

#content ul {
	margin-top: 1em;
}

#content ul li {
	margin-bottom: 1em;
}

#content a {
	font-size: 0.9em;
}
#content a:hover, #content a:focus {
	text-decoration: none;
}

#tuilo {
	width:121px;
	height:241px;
	/*background: transparent url(../images/deco/img-etoile.png) no-repeat center top;*/
	float: right;
}
#content .console {
margin-top: 25px;
padding: 20px 0;
min-height: 302px;
font-size: 1.1em;
text-align: justify;
width: 700px;
}
.console h1{
color: #FDFEC5;
padding: 0px;

}
.console h2{
color:#FFCC00;
margin-bottom: 15px;
padding: 0 60px;
text-align: left;
font-size: 1.4em;
}
#content .console ul{
list-style-position: inside;
color: #4D171E;
padding: 0 60px;
margin-top: 0;
}
#content .console li{
margin: 4px 0 5px 0;
}
.console p{
	color: #000;
	padding: 0 60px;
}
#content .console a{
	font-size: 1.01em;
}
#content .console a:hover{
	text-decoration: none;
}
/*--------------------contenu----------------------*/

h1#rd13-logo {
	padding-top: 103px;
	font-size: 1.7em;
	width: 111px;
	height: 115px;
	float:left;
	background: transparent url(../images/deco/logo-rd-13.png) no-repeat center;
	text-indent: -10000px;
}

#content p#text-13 {
padding: 0;
font-size: 0.95em;
width: 67%;
height: 115px;
margin: 0 auto;
}

#calendrier-logo {
float:right;
font-size:0.9em;
font-weight:bold;
height:306px;
padding-top:23px;
width:132px;
}
h2 {
	font-size: 1.5em;
	margin-bottom: 0;
	color: #FFFF00;
}
.thematique h4, .thematique span {
	font-size: 2.1em;
	color:#FFFF00;
	padding: 0;
	margin: 0 0 5px 0;
}
.console h4 {
	font-size: 1em;
	color:#4D171E;
	padding:0 60px;
}

h5 {
	font-size: 0.9em;
	color: #D57602;
	text-align: left;
}

h6 {
	font-size: 0.85em;
	color:#0033CC;
	font-style: italic;
	margin-bottom: 1.9em;
}


/* anim calendrier */
#flowpanes {
position:relative;
overflow:hidden;
clear:both;
background: transparent url(../images/deco/cal-fond-content.png) repeat-y left!important;
background: #FFF url(../images/deco/cal-fond-content.gif) repeat-y left;
height:480px;
width:960px;
margin-left: 20px;
	}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	font-size:1em;
	margin:20px 40px 20px 25px;
width:905px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

#flowtabs {
height:36px;
width:850px;
padding-left: 21px;
}
#flowtabs li {
float:left;
list-style-type:none;
text-indent:0;
}
	
#flowtabs li a, #flowtabs li.date {
	color:#FFFF00;
	display:block;
	font-size:1.2em;
	height:31px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	width:93px;
}
 #flowtabs li.date {
	color:#232565;
}
/* everything is constructed with a single background image */

/* adjust the background image position on each tab */
/*#flowtabs #t1 { background-position: 0 0; }
#flowtabs #t2 { background-position: -189px 0; }
#flowtabs #t3 { background-position: -378px 0; }
#flowtabs #t4 { background-position: -567px 0; width:192px;}*/

/* mouseover state */
#flowtabs a:hover { color:#fff; text-decoration: none;}
#flowtabs #t1:hover { background-color:#2a2b79; }
#flowtabs #t2:hover { background-color:#2a2b79; }
#flowtabs #t3:hover { background-color:#2a2b79; }
#flowtabs #t4:hover { background-color:#2a2b79; }
#flowtabs #t5:hover { background-color:#2a2b79; }
#flowtabs #t6:hover { background-color:#2a2b79; }
#flowtabs #t7:hover { background-color:#2a2b79; }
#flowtabs #t8:hover { background-color:#2a2b79; }
/* currently selected tabs */
#flowtabs a.current { cursor:default; color:#fff; line-height:34px; background-color: #2a2b79; text-decoration: none;}
#flowtabs #t1.current { background-color:#2a2b79; }
#flowtabs #t2.current { background-color:#2a2b79; }
#flowtabs #t3.current { background-color:#2a2b79; }
#flowtabs #t4.current { background-color:#2a2b79; }
#flowtabs #t5.current { background-color:#2a2b79; }
#flowtabs #t6.current { background-color:#2a2b79; }
#flowtabs #t7.current { background-color:#2a2b79; }
#flowtabs #t8.current { background-color:#2a2b79; }

#content p a {
font-size: 1em;
}
.items div .thematique p a, p a {
display: inline;
float: inherit;
width: inherit;
height: inherit;
padding:0;
margin-bottom: 0;
border: none;
background-color: inherit;
text-align: left;
color: #FDC297;
}
.items div .thematique p a:hover, p a:hover, p a:focus {
border: none;
background-color: none;
color: #FFF;
}
.items div .calendrier-rd a {
display: block;
float: left;
margin:0;
width: 121px;
height: 173px;
padding:15px 0 5px 0;
margin-bottom: 15px;
border: 2px solid #2a2b79;
background-color: #2a2b79;
text-align: center;

}
.items div .calendrier-rd a:hover {
border: 2px solid #2a2b79;
background-color: #FFF;

}
.items div a button img {
filter: alpha(opacity=100);
opacity: 1;
margin: 0 auto;
display:block;
}
.items div a:hover button img, .items div a.prochain button img {
filter: alpha(opacity=0);
opacity: 0.0;
margin: 0 auto 10px auto;
}
.items div .calendrier-rd a button {
background: #fff url(../images/deco/cal-picto_13.jpg) no-repeat center 10px;
color:#2a2b79;
cursor:pointer;
font-size:1.5em;
width: 93px;
text-align: center;
border: none;
padding: 10px 0 10px 0;
}
button:hover {
text-shadow:0.3em 0.3em 0.15em #999;
color:#000;
}

#flowpanes div.calendrier-rd {
width: 83%;
margin: 0;
float: left;
}
#flowpanes div.thematique {
float:right;
width: 14%;
margin: 0;
padding-top: 179px;
background: transparent url(../images/deco/picto-horloge.png) no-repeat center top!important;
background: transparent url(../images/deco/picto-horloge.gif) no-repeat center top;
}
#flowpanes div.thematique p{
font-size: 1.2em;
text-align: left;
padding: 0;
}
/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(../images/deco/transparent.png);
color:#efefef;
height:610px;
padding:35px;
width:800px;
display: none;
}
.apple_overlay .close {
background-image:url(../images/deco/close.png)!important;
background-image:url(../images/deco/close.gif);
cursor:pointer;
height:35px;
position:absolute;
right:5px;
top:5px;
width:35px;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height:610px;
overflow-y:auto;
}
/*
------------liste explicatif-----------------*/
/*#accesdirect {
	width: 240px;
	margin: 0 15px 42px 0;
	float: left;
	background: transparent url(../images/deco/cal-fd-titre.png) repeat left top;
	padding: 0.5em 0 0.5em 0.5em;
	
}
#accesdirect dt {
	width: auto;
	background: transparent url(../images/deco/cal-fd-titre.png) repeat left top;
	font-size: 1.2em;
	color: #FFFF00;
}
#accesdirect dt a{
	width: auto;
	padding: 0.7em 0.7em 0.7em 3em;
	background: transparent url(../images/deco/picto-menu.png) no-repeat left top;
	color: #FFFF00;
	text-shadow:0.3em 0.3em 0.2em #92241F;
	display: block;
	text-decoration: none;

}
#accesdirect dt a:hover{
	text-shadow:0 0 0 #92241F;
	color: #e2271d;
	background: transparent url(../images/deco/picto-menu.png) no-repeat left bottom;
}
#accesdirect dd {
	padding: 0.7em 1em 0.5em 1em;
	color: #000066;
	font-size: 0.99em;
	min-height: 80px;
	text-align: justify;
}
*/
#picto {
	width: 100%;
	text-align: center;
	position: relative;

}
#picto a{
	display: block;
	float: left;
	width: 171px;
	height: 205px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	margin-left: 30px;

}

#picto a:hover{

}
#picto .fd{
	background: transparent url(../images/deco/picto-FD.png) no-repeat center top!important;
	background: transparent url(../images/deco/picto-FD.gif) no-repeat center top;
	margin-left: 181px;
}
#picto .tuilo{
	background: transparent url(../images/deco/img-etoile.png) no-repeat center top!important;
	background: transparent url(../images/deco/img-etoile.gif) no-repeat center top;
}
#picto .telechargement{
	background: transparent url(../images/deco/img-calendrier.png) no-repeat center top!important;
	background: transparent url(../images/deco/img-calendrier.gif) no-repeat center top;
		width: 235px;
	height: 234px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
/*.tooltip {
	display:none;
	background:transparent url(../images/deco/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.tooltip.bottom {
	background:url(../images/deco/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}
.tooltip.bottom {
	background:url(../images/deco/black_arrow_bottom.png);
}*/
/* fonction tooltip image web */
#screenshot{
        position:absolute;
        background:transparent url(../images/deco/puce-preview.gif) no-repeat left bottom;
        padding:0px 0px 15px 0px;
        display:none; 
		width: 220px;
}
#screenBas{
        position:absolute;
        background:transparent url(../images/deco/puce-preview-bas.gif) no-repeat left top;
        padding:15px 0px 0px 0px;
        display:none;
		width: 220px;	
}
#screenshot span, #screenBas span{
        background:#F08014;
		 color:#FFF;
        padding:10px;
        display:block;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
}
#tooltip{
	position:absolute;
	border:1px solid #F08014;
	background:#F08014;
	padding:2px 5px;
	color:#FFF;
	display:none;
	font-size: 14px;
	font-weight: bold;
	}