/*STYLE V5 CESAM-NATURE.COM 
Design r�alis� par Thibault Poncelet, contact: thibault.poncelet@cesam-nature.com.
en collaboration avec Manuel Gonzales.
Tout droits r�serv�s, copyright 2008, CESAM Nature asbl.*/
*
{
padding:0px;
margin:0px;
border:0px;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
direction:ltr;
visibility:visible;
}
a
{
color:#a52121;
text-decoration:none;
}
a:hover
{
cursor:pointer;
text-decoration:underline overline;
}
a img:hover
{
cursor:pointer;
}
p
{
margin-top:10px;
margin-bottom:15px;
}
h1
{
margin-bottom:15px;
text-align:center;
font-size:1.4em;
color:#273367;
font-family:Arial;
}
h3
{
font-size:1.2em;
}
hr
{
color:#C0C0C0;
}
table
{
margin-top:10px;
width:90%;
}
form input
{
border: 1px solid #5d90b5;
}
form input:focus
{
background:#ebf5ff;
}
form textarea
{
border: 1px solid #5d90b5;
}
form textarea:focus
{
background:#ebf5ff;
}
form select
{
border: 1px solid #5d90b5;
}
form select:focus
{
background:#ebf5ff;
}
.checkbox
{
border:0;
margin-bottom:10px;
}
.form
{
margin-bottom:10px;
}
.bt_submit
{
margin-left:31.5%;
}
fieldset .bt_submit
{
margin-left:31%;
}
fieldset
{
padding:5px;
margin:5px;
border: 2px solid #5d90b5;
}
fieldset legend
{
color:#5d90b5;
font-size:1.3em;
}
/*========================STRUCTURE GENERALE=========================*/
body
{
font-size:0.8em;
margin:auto;
background:#ffbc7f;
margin-bottom:15px;
/*---------------------------*/
min-width:770px;
/*---------------------------*/
/*behavior: url(csshover.htc); */
}
#banniere
{
text-align:center;
background-color:#ff7900;
}
#banniere img
{
margin-top:15px;
margin-bottom:5px;
border: 1px solid white;
}
#topmenu
{
color:#ffffff;
padding-left:10px;
padding-right:5px;
margin-bottom:15px;
background:#5c0001;
height:28px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#topmenu ul
{
list-style-type: none;
}
#topmenu a:hover
{
text-decoration:none;
}
.topmenugauche a 
{
color:#ffffff;
display:block;
padding:5px;
padding-right:15px;
}
.topmenugauche li span
{
padding:5px;
padding-right:15px;
}
.topmenugauche li
{
float: left;
}
.topmenugauche a:hover
{
background:#5db569;
height:18px;
}
.topmenudroite a 
{
color:#ffffff;
display:block;
padding:5px;
padding-left:15px;
}
.topmenudroite li
{
float: right;
}
.topmenudroite  span
{
display:block;
padding:5px;
padding-left:15px;
}
.topmenudroite a:hover
{
background:#5db569;
height:18px;
}
#menu_gauche
{
float:left;
width:13%;
padding-left:5px;
margin-left:2px;
}
#menu_droite
{
float:right;
width:13%;
padding-left:5px;
margin-right:2px;
}
.block_menu
{
margin-bottom:10px;
border: 1px solid #5d90b5;
background:#ffffff;
}
/*
.block_menu:hover ul
{
display:block;
}
*/
.block_menu ul
{
list-style-type:none;
line-height:20px;
/*display:none;*/
}
.block_menu  span
{
background:#004f0d;
color:#ffffff;
font-weight:bold;
font-size:1.2em;
display:block;
border-bottom: 1px dashed black;
padding-left:3px;
}
.block_menu a
{
display:block;
padding-left:10px;
}
.block_menu form
{
padding-left:10px;
}
.block_menu a:hover
{
text-decoration:none;
background:#5db569;
}
#corps
{
padding:5px;
border: 1px solid #5d90b5;
margin-left:14.5%;
margin-right:14%;
background:#ffffff;
color:#000080;
}
#dessous
{
clear:both; /*empeche que le bas soit recouvers par les menuss*/
width:99.5%;
margin-left:2px;
margin-right:2px;
text-align:center;
margin-top:15px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid #5d90b5;
background:#ffffff;
color:#000080;
}
/*==========================BALISES  GENERALES=========================*/
.float_left
{
float:left;
padding-right:10px;
}
.float_left_50
{
float:left;
margin-right:100px;
}
.strong
{
color:red;
font-weight:bold;
}
.flottant
{
float:right;
padding-left:10px;
padding-right:10px;
}
.justify
{
text-align:justify;
}
.ligne
{
margin-top:10px;
margin-bottom:20px;
border-bottom: 1px solid #5d90b5;
}
.indent
{
margin-left:25px;
}
.img_table
{
padding-right:10px;
}
.orange
{
color:#ff7900;
}
/*========================================================*/
/*=================CALENDRIER===========================*/
/*========================================================*/
.scroll
{
margin:auto;
position:relative;
width:98%;
overflow: auto;
}
.calendrier
{
border-collapse: collapse;
width:100%;
}
.calendrier th
{
color:#ffffff;
background:#004f0e;
border: 1px solid black;
padding-left:4px;
padding-right:4px;
}
.calendrier td
{
border: 1px solid black;
text-align:center;
}
.calendrier tr:hover
{
background:LightBlue ;
}
.cal_def
{
background:#bed3c2;
}
.cal_darkblue
{
background:#6a88a0;
}
.cal_orange
{
background:#ff7900;
}
.cal_yellow
{
background:#ffbc7f;
}
.cal_close
{
background:whithe;
width:0px;
}
.cal_open
{
	background:green;
	
}
.cal_open:hover
{
	background:yellowgreen;
	cursor:pointer;
}
.cal_full
{
	background:red;
}
.cal_full:hover
{
	background:LightCoral ;
	cursor:pointer;
}
.cal_prog
{
	background:yellow;
}
.cal_prog:hover
{
	background:Gold;
	cursor:pointer;
}
.first_td{
	width:150px;
}
.titre_agenda
{
width:95%;
border:1px solid #808080;
background-color:#006699;
color:#ffffff;
margin-bottom:15px;
padding:1px;
padding-left:3px;
}
.album_index
{
text-align:center;
}
.album_index td
{
padding-bottom:10px;
}
.broswer
{
border:2px dashed #5d90b5;
background-color:#d0d0d0;
width:80%;
}
.evenement
{
margin:auto;
text-align:center;
border-collapse: collapse;
margin-bottom:15px;
}
.evenement th
{
background:#004f0e;
border: 1px solid black;
color:#ffffff;
}
.evenement td
{
padding:10px;
border: 1px solid black;
}
.inscriptions
{
color:#333333;
border-collapse: collapse;
width:99%;
}
.inscriptions th
{
color:#ffffff;
background:#004f0e;
border: 1px solid black;
}
.inscriptions td
{
padding:5px;
border: 1px solid black;
text-align:center;
}
.staff
{
margin:auto;
background-color:#d0d0d0;
border:2px dashed #5d90b5;
}
.staff td
{
padding-left:5px;
}
/*========================================================*/
/*==================PARTIE LIVRE D'OR====================*/
/*========================================================*/
.gbook_form
{
background-color:#D2D2D2;
width:67%;
margin:auto;
vertical-align:middle;
border:2px solid black;
padding:10px;
}
.gbook_block
{
border:2px solid black;
width:70%;
margin:auto;
margin-bottom:15px;
vertical-align:middle;
}
.gbook_titre
{
background-color:#D2D2D2;
border-bottom:1px solid #808080;
padding:10px;
}
.gbook_texte
{
padding:10px;
}
.cours /*SOUS TITRE DANS DETAILS COURS like "le sport qui vous fait prendre de la hauteur.."  */
{
font-family:Verdana,sherif;
font-size:1.3em;
font-style:oblique;
font-weight:bold;
color:#ff7900;
}
.cours_photo /*Pr�sentation des cours*/
{
float:left;
}
label.label_cote
{
float:left;
width: 30%;
margin-right: 8px;
text-align: right;
font-weight: bold;
}
.rouge
{
color:red;
}
#inscriptions optgroup
{
font-weight:bold;
font-style:italic;
color:#8d8989;
}
.liens
{
margin-left:30px;
}
.liens li
{
text-indent:10px;
list-style-type:none;
}
.note
{
font-size:0.8em;
}
.accueil
{
width:98%;
}
.accueil .left
{
text-align:justify;
vertical-align:top;
width:40%;
}
.accueil .right 
{
vertical-align:top;
width:40%;
}
.form_news
{
padding-right:15px;
}
.browser
{
margin:auto;
border:2px dashed #5d90b5;
background:#bed3c2;
}
.msg_error
{
font-weight:bold;
color:#ff7900;
font-size:1.2em;
margin-left:25px;
}