body{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url("../images/fond.gif");
	background-attachment:fixed;
}

a{
	text-decoration:none;
	color:#FEFFA4;
}

a:hover{
	color:#FDFF79;
}

#bloc_principal{
	margin-right:100px;
	margin-left:100px;
	margin-top:20px;
	margin-bottom:20px;
	border: 3px solid black;
	background-color:#01506F;
}

#logo{
	padding-left:25px;
	padding-top:10px;
	background-color:#01506F;
	display:block;
	float:left;
}

#boite_login{
	border:2px solid white;
	margin-right:15px;
	margin-top:20px;
	padding:10px;
	background-color:#6FACBE;
	display:block;
	float:right;
	width:250px;
	font-size:12px;
	font-weight:bold;
}

.menu { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px white ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  background-color:#01506F;
  clear:both;
  padding-bottom:0px} /* marge intérieure basse */
  

.onglet { /* style des onglets inactifs */
  margin:5px 5px 0px 5px ; /* marge extérieure */
  padding:11px 0px 2px 0px ; /* marge intérieure */
  font-size : 15px ; /* taille de la police des onglets */ 
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:100px ; /* largeur de la boite float */
  background : url(../images/onglet_inact.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center} /* Le texte des onglets est centré */

a.onglet{
	color:white;
	font-weight:bold;
}  

a.onglet:hover {
color:#ECFF6B;
background : url(../images/onglet_act.gif) bottom no-repeat;
position:relative;
top:2px;
}

.onglet-actif {
	background : url(../images/onglet_act.gif) bottom no-repeat;
	position:relative;
	top:2px;
	border-bottom : solid 0px white;
	color:#ECFF6B;
	font-weight:bold;
}

.spacer {clear:both} /* force le retour à la ligne après des boites float */


#contenu{
	background-color:#6FACBE;
	padding:25px 15px 15px 15px;
	color:white;
	font-weight:bold;
	font-size:13px;
}

#boite_gauche{
	display:block;
	float:left;
	width:370px;
	text-align:justify;
	border:2px solid #01506F;
	background-color:#348299;
	padding:10px;
}

#boite_droite{
	display:block;
	float:right;
	width:300px;
	text-align:justify;
	border:2px solid #01506F;
	padding:10px;
	background-color:#348299;
	margin-right:5px;
}

.boite_paragraphe{
	text-align:justify;
	border:2px solid #01506F;
	padding:15px;
	background-color:#348299;
	margin:5px;
	margin-bottom:35px;
}

.titre_paragraphe{
	padding-left:10px;
	margin-left:10px;
	font-size:14px;
	background-color:#ECFF6B;
	color:black;
	margin-right:350px;
	background:url('../images/fond_titre2.jpg');
	border:1px solid black;
}

.formu{
	background-color:#348299;
	border:1px solid #ECFF6B;
	padding:2px;
	padding-left:5px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
	margin-top:2px;
}


.formu2{
	background-color:#FEFFA4;
	border:1px solid #ECFF6B;
	padding:2px;
	padding-left:5px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	margin-top:2px;
}


fieldset{
	width:500px;
	background-color:#296C80;
	padding-bottom:15px;
}

.info_champ_form{
	float:left;
	width:200px;
	text-align:right;
	margin-right:20px;
	padding-top:3px;
}

.info_champ_form a:hover {
	cursor: help;
}


.info_champ_form_altern{
	float:right;
	width:300px;
	text-align:left;
	padding-top:3px;
}

.info_champ_form_altern a:hover {
	cursor: help;
}

.annonce{
	background-color:#296C80;
	border:2px solid #E2E2E2;
	padding:8px;
	margin:20px;
	margin-top:25px;
}

.bout{
	/*background-color:#0094c1;*/
	color:#BCEFFF;
	padding:4px;
	border:1px solid white;
	background:url("../images/fond_bout.gif");
}

#boite_message{
	text-align:justify;
	border:2px solid #01506F;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	background-color:#348299;
	margin:5px;
	margin-bottom:35px;
	display:none;
	margin-left:15%;
	margin-right:15%;
}

.boite_simple{
	text-align:justify;
	border:2px solid #01506F;
	padding:10px;
	background-color:#348299;
	margin:5px;
}

.form_gauche{
	clear:both;
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
}