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

*{padding:0;margin:0;border:0;}
html, body {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; text-align:center; font-size:16px; color:#036; font-size:12px; background:url(../img/gradient_bg.jpg) top repeat-x #eee;}


a:link {color: #69C; text-decoration:underline;}
a:visited {color: #69C; text-decoration:underline;}
a:hover {color:#69C; text-decoration:none;}

#header{background: url(../img/header.jpg) no-repeat center; width:100%; height:55px; margin:0px auto; padding-top: 125px; padding-bottom:3px;}

#menu {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; width:100%; height: 55px; border-bottom: solid 3px #69C; text-align:left;}
#menu ul{display:block; padding:0px; list-style-type:none; width:950px; margin: 0px auto;}
#menu li {float:left; width:120px; border-left:2px dotted #cde; padding-left:0px;}
#menu a {display:block; height:35px; padding: 10px 5px; color: #036; text-decoration:none;} /*hauteur80 - padding de 2x10*/
#menu a:hover{background: url(../img/menu_hover.gif) bottom center no-repeat;}
#menu #actif a{background: url(../img/menu_active.gif) bottom center no-repeat; color:#69C; cursor: default;}

h1{font-size:2em; font-family: "Courier New", Courier, monospace; font-style:italic; color:#D50; border-bottom: 1px solid #FDA; padding:0px; margin:0px 0px 20px 0px; background:url(../img/pictos_horizontal.gif) right no-repeat;}
h2{color:#B30; font-weight:bold; font-size:1em; letter-spacing:1px; margin:10px 0px 5px 0px; text-decoration:underline;}
h3{color:#69C; font-weight:bold; font-size:1em; margin:10px 0px 5px 0px;}

.tableau{font-family:Arial, Helvetica, sans-serif; font-size:17px; border-bottom: solid 3px #69C; border-left: solid 3px #69C; border-collapse:collapse; background:#fff; float:left;}
.tableau td{border-bottom: 1px solid #DEF; padding:3px 10px;}
.tableau .horaires {width: 140px; color:#69C; font-weight:bold}
.tableau .programme {width: 300px;}
.tableau .nom {font-weight:bold; font-style:italic; width:200px; cursor:pointer;}
.tableau .nomProg {font-weight:bold; font-style:italic; width:200px;}
.tableau .clair{color:#69C;}

.conteneur{font-family:Arial, Helvetica, sans-serif; width: 900px;/*width tient compte du padding*/ height:100%; margin:0px auto; padding:25px; text-align:left; background:#FFF url(../img/conteneur_bg.jpg) repeat-y;} 
.right{float:right;}
.intro{width: 300px; text-align: justify; float:right; margin:10px 50px 10px 10px;}
.video{width: 450px; height: 294px; margin: 10px 10px 10px 50px; padding:2px; border: 1px solid #036; background:#CDE;}
.img_titre{width:500px; margin:0px auto;}



.trombi{float:right; width: 300px; min-height:50px; margin-right:150px;}
.trombi img {border: 2px solid #69C; float:left; margin:5px 10px 5px 0px; cursor:pointer;}

input, select, textarea{
font-family: Arial, Helvetica, sans-serif;
background-color:#eee;
border: 1px  solid #ccc;
padding: 2px 6px;
margin:2px 2px 0px 20px;
border-collapse:collapse;
color:#036;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	background-color:#FFF;
}
input.bouton{
	color:#333;
	background: #CCC url(../img/bar_up.jpg);
	background-repeat:repeat-x;
	border: 1px  solid #999;
}
.disabled {color:#CCC;}

#conteneur{ height:auto; margin: 0 auto -100px auto; }
#push { height: 100px; }
#footer{ font-family: Arial, Helvetica, sans-serif; width:100%; background: url(../img/footer_bg.jpg) repeat-x; border-top:#CDE 1px solid; height:100px; margin-top:20px;}
#footer p {padding:20px; color: #CDE; letter-spacing:1px;}
/*
.img_trombi:hover {
	border: 2px solid #B30;
	cursor: pointer;
}*/
.center { text-align: center; }
#error_form  { color: white; font-size: 15px; font-weight:bold; padding:5px; text-align:center; margin-top:10px;}

#footer #centre{width: 380px; margin:auto;}
#footer p{ width:170px; padding:10px; margin:0 auto; float:left; text-align:left; color:317ff4; font-size:0.9em;}