@import url(menu.css);
@import url(fancy.css);
@import url(titre.css);
@import url(form.css);
@import url(validate.css);
@import url(player.css);
@import url(plan.css);
@import url(checkboxes.css);

*{
	margin	: 0;
	padding	: 0;
}

body{
	background: #fff;
	font: 11px Verdana, Helvetica, sans-serif;
	color: #929799;
	width: 936px; 
	margin: 0 auto;
	line-height: 1.25;
}

p {font-size: 1em;}
h1 {font-size: 1.6em; margin-left:9px;}
h2 {font-size: 1.6em; margin-bottom : 15px; }
h3 {font-size: 1.2em; color:#166983;}
h4 {font-size: 1.1em;}
h5{font-size: 0.9em; font-weight: normal; color: #474747;}

a {
	outline: none;
	text-decoration:none;
	color: #929799;
	
}

a:hover{
	color:#ffa600;}

a.bleu {
	background: transparent url(../img/fleche-bleu.gif) left 2px no-repeat;
	padding-left: 10px;
	color:#166983;
	font-weight: bold;
}

a.bleu:hover{color:#929799;}

a.gris {
	background: transparent url(../img/fleche-grise.gif) right 2px no-repeat;
	padding-right: 10px;; 
	margin-left: 30px;
	font-weight: bold;
}

a.gris:hover{color:#166983;}

*:focus {
	outline: none;
}


img {border: 0;}
.clear {clear: both ;}
.hide {display: none;}
li {list-style:none;}
strong.vert{ color:#aac805;}
.center {text-align: center}

p.date{
	padding-left:17px;
	background:url('../img/cal.gif') no-repeat 0 0;
}

.bleu{color:#0098d1;}
.orange{color:#e85611;}
.vert{color:#b0ca44;}
.rose{color:#e53188;}
.mauve{color:#5e2281;}
.vert2{color:#008433;}

.bgmauve{background:#5e2281;}
.bgorange{background:#e85611;}
.bgvert{background:#b0ca44;}
.bgbleu{background:#0098d1;}

.bgmauve td {border-color: #5e2281;}
.bgorange td {border-color: #e85611;}
.bgvert td {border-color: #b0ca44;}
.bgbleu td {border-color: #0098d1;}

a.backlink{
	margin-left:20px;
	/*background:#fff;*/
	padding:3px 10px;
	display:inline-block;
	color:#0098d1;
	/*border:1px solid #ddd;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.backlink:hover{
	/*background:#ccc;*/
	color: #000066;
	/*border:1px solid #fff;*/
}


/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */


div#top{
	background: transparent url(../img/frise.jpg) 312px 11px no-repeat;
	width: 920px;
	height: 172px;
	margin-bottom : 29px;
	padding: 11px 0; 
}

div#top h1 a{ 
	background: transparent url("../img/logo.gif") top left no-repeat;
	width: 219px;
	height: 88px;
	display: block;
	text-indent: -5000px;
	margin-left: 8px; 
}



/* ============ FOOTER ============ */

div#footer{ 	
	width:936px;
	height:50px;
	position:relative; 
	margin-top: 20px; 
}

div#footer div{
	float:left; 
	font-size: 0.9em;
	color: #d5d5d5;
	border-top: 1px solid #d4d6d8;
}

div#footer ul#footgroup{
	position:absolute;
	top:-132px;
	left:455px;
	z-index:25;
	background:#fff;
	padding:5px;
	font-size:0.9em;
	width:200px;
	display:none;
}

div#footer div.contentfooter{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:10;
	border:0;
	height:50px;
}

div#footer div.left{
	width: 460px; 
	margin-top:10px; 
}

div#footer div.footer-menu{
	width: 105px;
	margin-top: 10px;
}

div#footer div.right{
	width: 320px; 
	margin: 10px 8px 0 0 ;  
	text-align: right;
}

div#footer a{color: #aaa;}
div#footer a:hover, div#footer a.select{color: #555;}

div#footer div.footer-menu div.footer-hide {
	background: red;
	width:105px; 
	position:absolute; 
	top:-26px; 
	left: 485px; 
	display:none;
}

div#footer div.footer-menu .click {
	background: transparent url(../img/footer-fleche.gif) 90px center no-repeat; 
	display:block;
} 
div#footer div.footer-menu .select {
	background: transparent url(../img/footer-flechebas.gif) 90px center no-repeat; 
	display:block;
}