/* class des 3 cadres du hauts */
.cadre {
	
}

/* class des titres */
.titre { 
	//border: 1px solid #c2c2c2;
	border-bottom: 1px solid #c3c3c3;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
	background-color: #eceffc;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	
	}
	
.cadre_contenu { /* Utilisé pour News, Bienvenue, */
	border-bottom: 1px solid #c2c2c2;
	
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	
	padding: 0px 5px 5px 5px;
	
	margin-top: 2px;
	margin-bottom: 20px;
	background-color: #f1f1f1;
	
}

.flash_message {
	text-align:		center;
	font-weight:	bold;
	color:			red;
	padding: 5px 5px 5px 5px;
	margin-bottom:	20px;
	background-color: #e7e7e7;
	border: 1px solid red;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
	
#titre_page {
	text-align:		center;
	font-weight:	bold;
	color:			black;
	padding: 5px 5px 5px 5px;
	margin-bottom:	20px;
	background-color: #f1f1f1;
	border: 1px solid #c2c2c2;
	border-radius: 5px;
	-moz-border-radius: 5px;
}	
	
.separation {
/*	background-color: #ccc;
	margin-bottom: 5px; */
}
/* *************************************** Livre d'or *************************************** */

.livredor {
	padding: 5px;
}

#livredor_form {
	margin: 0px 200px;
}

#livredor_form label {
	float: left;
	width: 150px;
	text-align: left;
}

#livredor_form textarea {
	width: 100%;
}

#livredor_submit {
	width: 100%;
}


/* *************************************** Agenda *************************************** */

.mois {
	margin: 5px;
	font-weight: bold;
	font-size: 15px;
}

.agenda {
	background-color: #f1f1f1;
	padding: 5px;
	}
	
.agenda_date {
	margin-top: 0px;
	float: left;
	width: 200px;
	}

.agenda_name {
	float: left;
	}
	
.agenda_place {
	margin-left: 600px;
	}
	
/* *************************************** GROUPES *************************************** */

.groupe {
	margin: 5px;
	height: 200px;
	}

.groupe_nom {
	font-size: 18;
	font-weight: bold;
	}
	
.groupe_nbr {}
.groupe_horaire {}
.groupe_nbr {}

.groupe label{
	float: left;
	width: 200px;
}

.groupe input {
	width: 500px;
}

.groupe_image {
	float: left;
	width: 280px;
	height: 200px;
	margin-left: 8px;
}

.groupe_moniteurs {
	margin-top: 10px;
}

.groupe_moniteurs_name {
	float: left;
	width: 200px;
}

.groupe_moniteurs_natel {
	margin-left: 650px;
}

.groupe_moniteurs_email {
	float: left;
}
/* *************************************** Utilisateurs *************************************** */

.user {
	margin: 5px;
	height: 100px;
/*	width: 45%;
	float: left; */
}

.user label {
	font-weight: bold;
	width: 100px;
	float: left;
}

.user_image {
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 8px;
}

.user_name  {
	font-size: 13px;
	font-weight: bold;
}

.user_email, .user_natel {
	/* padding: 5px 0px; */
	font-size: 10px;
}

.user input {
	/* margin-left: 200px; */
}

#checkbox_moniteurs {
	/* width: 50%; */
	float: left;
}

#checkbox_aides {
	margin-left: 400px;
	width: 300px;
	/* float: right; */
}

/* *************************************** Log in page accueil *************************************** */

#login_form {
	display: none;
	padding: 5px 5px 5px 0px;
	text-align: right;
}

/* *************************************** Cadre gauche droite haut *************************************** */

#cadre_bas {
	margin-bottom: 0px;
	width: 100%;
}

#cadre_gauche {
	width: 49%;
	margin-top: 0px;
	}
	
#cadre_droite {
	width: 49%;
	float: right;
	margin-top: 0px;
	}
	
 #cadre {
	position: absolute;
	left: 50%;
	width: 863px;
	margin-left: -421px;
	margin-top: 20px;
	background-image: url(../images/2010/bg_page.png);
	background-repeat: repeat-xy;
	background-color: #fff;
} 
 
 #page {
	clear:both;
	/* margin: 0px 20px; */
	/* padding: 20px; */
} 

.separation {
	height:20px;
	width: 100%;
	margin-left: -20px;
}


/* *************************************** Welcome text *************************************** */
	
#welcome_titre {
	display: block;
}

#welcome_edit {
	float: right;
	font-weight:normal;
	}

#welcome_texte {
	height: 120px;
	padding: 5px;
}

#welcome_form {
	height: 120px;
	display: none;
	width: 100%-10px;
	padding: 5px;
}

.welcome_form textarea {
	font-size: 11px;
	width: 395px;
	border:1px solid black;
	}
	
.welcome_form input {
	font-size: 10px;
	width: 395px;
	border:1px solid black;
	background-color:#707aa8;
	color: #fff;
	}

/* *************************************** Last News *************************************** */

#news_titre {
	width: 100%-10px;
	font-weight:bold;
	display: block;
}

#news_edit {
	float: right;
	font-weight:normal;
	}

#news_texte {
	padding: 5px;
	margin-bottom: 20px;
	//background-color: #red;
}
#news_form {
	display: none;
	width: 100%-10px;
	padding: 5px;
}

.news_form textarea {
	font-size: 11px;
	width: 98%;
	border:1px solid black;
	padding: 4px;
	margin: 4px;
	}
	
.news_form input {
	font-size: 10px;
	width: 395px;
	border:1px solid black;
	background-color:#707aa8;
	color: #fff;
	}
/* *************************************** R�sultats *************************************** */
#results_titre {
	width: 100%-10px;
	font-weight:bold;
}

#results_edit {
	float: right;
	font-weight:normal;
	}

#results_texte {
	height: 120px;
	width: 100%-10px;
	padding: 5px;
}

.results_form {
	height: 120px;
	display: none;
	padding: 5px 5px 5px 5px;
}

.results_form form {
	margin:0px;	
	}
	
.results_form input {
	font-size: 10px;
	width: 250px;
	border:1px solid black;
	}

.results_form label {
	font-size: 12px;
	float: left;
	width: 120px;
}

.results_form br {
	clear: left;
}

.submit input{
	width: 100%;
	border:1px solid black;
	background-color:#707aa8;
	margin-top: 5px;
}
/* *************************************** Divers *************************************** */
.news a, .news a:visited{
	font-size: 0.8em;
}

a, a:visited {
	text-decoration: none;
	color: black;
	font-size: 0.8em;
	border-bottom: 1px dotted black;
}

#menu a, #menu a:visited {
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	color: #666;
}

a img {
	text-decoration: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #e0e0e0;
	background-repeat: repeat-xy;
}
/* *************************************** Cadres mise en page *************************************** */
#banniere, #banniere a {
	height: 109px;
	border: 0px;
	
}

#centre {
	padding: 0px;
}


#pied {
	background-image: url(../images/2010/pied.jpg);
	background-repeat: repeat-xy;
	height: 53px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	
	
/*	border: 1px solid #ff9c00;
	border-style:outset;
	margin-top: 5px;
	margin-bottom: 15px;
	clear:both;

	height: 30px;
	background-color: #1b2045;
	text-align: right;
	padding-right: 5px; */
}

#pied div {
	padding-top: 25px;
}

#pied a {
	color: #fff;
}

    
 /* *************************************** Livre d'or *************************************** */
 #livreor {
     background-image: url(../images/web/bg_gauche.png);
     background-repeat:no-repeat;
     padding: 5px 10px 10px 10px;
 }
 .livreor_pseudo {
    background-color: #ccc;
    }
 
 .livreor_message {
    border-right: 1px dashed black;
    border-bottom: 1px dashed black;
    padding: 5px;
    margin-bottom: 10px;
 }