body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#a3c9e0;
	
	}
img { border: 0; }	
a.img { border: 0; }	
/*----------------------- STYLES entete -----------------------*/

.entete { 
width="84px";
height="84px";
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
}	
	
.slogan_titre{
		font-size:22px;
		color:#425c7f;
		text-decoration:none;		
		font-weight:bold;
		margin-left:8px;
		
		}
		
.slogan_texte{
		color:#acb2ba;
		text-align:justify;
		font-size:14px;
		margin:8px;
		text-decoration:none;	
	}
	
.slogan_ar_titre{
		font-size:30px;
		color:#425c7f;
		text-decoration:none;		
		font-weight:bold;
		margin-right:8px;
		
		}
		
.slogan_ar_texte{
		color:#acb2ba;
		text-align:justify;
		font-size:14px;
		margin:8px;
		text-decoration:none;	
	}	
	
	
/*----------------------- STYLES DU menu -----------------------*/

.tb_menu { 

background-image:url(images/menu_bg.jpg);
background-repeat:repeat-x;
height:40px;
margin-left:2px;
  
}


.menu_lien,a.menu_lien  {
    margin-left:0px;
	color:#425c7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	}

.smenu_lien,a.smenu_lien  {
    margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#425c7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	}
/*----------------------- STYLES alaune -----------------------*/

.alaune_gauche { 
width="437px";
height="202px";
}	

	
.alaune_droite { 
width="254px";
height="202px";
background-image:url(images/spot_bg.jpg);
background-repeat:repeat-x;
}	

.onthespot_logo{
		margin-right:2px;
		margin-left:1px;
		margin-bottom:10px;
		margin-top:20px;
		border:none;	
}

.onthespot_texte{
		
		font-size:11px;
		margin:14px;

}
/*----------------------- STYLES corps -----------------------*/

.corp { 

background:#FFFFFF;
vertical-align:top;
}	
	
.article_welcome_titre{
		font-size:14px;
		color:#2883af;
		text-decoration:none;		
		font-weight:bold;
		margin-left:14px;
		margin-top:10px;
		}
		
.article_welcome_texte{
		text-align:justify;
		font-size:12px;
		margin:14px;
		
}	

.article_welcome_more{
		font-size:12px;
		color:#b95643;
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		margin-right:15px;
		float:right;
}		
.recherche { 
background-image:url(images/rech_bg.jpg);
background-repeat:repeat-x;
}	

.latestnews { 
background-image:url(images/latestnews.jpg);
background-repeat:no-repeat;
}	

.recherche_form_txt{
	width:144px;
	height:13px;
	margin-left:14px;
	margin-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	
	}
.rechercher{

	margin-top:8px;
	}
	
.bord {
margin:8px;
width:100%;
height:1px;
background-color:#d6dee9;
	}

.news_titre{
		font-size:14px;
		margin-left:15px;
		text-transform:uppercase;
		margin-top:18px;
		}

.news_titre1{
		font-size:12px;
		color:#2883af;
		text-decoration:none;		
		font-weight:bold;

		}

.news_titre2{
		font-size:12px;
		color:#af8328;
		text-decoration:none;		
		font-weight:bold;

		}

.news_titre3{
		font-size:12px;
		color:#af3c28;
		text-decoration:none;		
		font-weight:bold;

		}
		
.news_texte{
         
		font-size:11px;
		margin:16px;
		text-decoration:none;
		
}	

.calendrier_titre {
	    font-size:12px;
		color:#425c7f;
		text-decoration:underline;		
		font-weight:bold;
		margin-left:60px;
		
}


.calendrier_text {
	    font-size:9px;
		text-decoration:none;		
}

/*----------------------- STYLES DU footer -----------------------*/

.tb_footer
{ 
    
background-image:url(images/footer_bg.jpg);
background-repeat:repeat-x;
    
}

.adresse_texte{
		color:#425c7f;
		font-size:10px;
		text-decoration:none;
		margin-left:10px;
		margin-top:2px;
	}
	
	
.adresse_titre{
		margin-top:4px;
		font-size:11px;
		text-decoration:none;
		color:#425c7f;
		font-weight:bold;
		
	}	
/*----------------------- STYLES De la rubrique   -----------------------*/
.rubrique_titre{
		font-size:14px;
		color:#2883af;
		text-decoration:none;		
		font-weight:bold;
		margin-left:16px;
		margin-top:10px;
		}

.sous_rub_welcome_titre{
		font-size:14px;
		color:#2883af;
		text-decoration:none;		
		font-weight:bold;
		margin-left:14px;
		margin-top:10px;
		}

.rubrique_actuelle{
		font-size:12px;
		color:#b08326;
		text-decoration:none;		
		margin-left:12px;
		margin-top:10px;
		}		
.rubrique_actuelle_titre{
		font-size:14px;
		color:#b23a2a;
		font-weight:bold;
		text-decoration:underline;		
		margin-top:10px;
		}
		
.article_welcome_texte{
		text-align:justify;
		font-size:11px;
		margin:14px;

}

.description_rubrique{
	    font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:justify;
		font-size:12px;
		margin:8px;
		
		
}
/*----------------------- STYLES Des articles  -----------------------*/

.article_logo{
	margin-left:6px;
	float:right;
	margin-right:6px;
	
}
/*----------------------- STYLES Agenda -----------------------*/

.agenda_titre {
	    font-size:13px;
		color:#425c7f;
		text-decoration:none;		
		font-weight:bold;
}


.agenda_text {
	    font-size:11px;
		text-decoration:none;		
}

.agenda_actu_text
{
	    font-size:12px;
		text-decoration:none;		
}

/*----------------------- STYLES page recherche -----------------------*/

.nrb_article{
	    font-size:12px;
		color:#425c7f;
		text-decoration:none;
		margin-left:11px;
}

.recherche_article_titre{
		font-size:12px;
		color:#2883af;
		text-decoration:none;		
		font-weight:bold;
		margin-left:8px;
		}

.recherche_article_texte{

		font-size:11px;
		text-decoration:none;
		margin-left:14px;
		margin-right:10px;

}

/*----------------------- STYLES page ajout_avtivites login -----------------------*/

.ajout_activite_login {

		font-size:12px;
		color:#2883af;
		font-weight:bold;
		
		}
		
.ajout_activite_login_bg { 
background-image:url(images/rech_bg.jpg);
background-repeat:repeat-x;

}		



/*----------------------- STYLES page ajout activite -----------------------*/
.formulaire_ajout_activite {

		font-size:12px;
		color:#2883af;
		font-weight:bold;
		
		}
		
.formulaire_ajout_activite_bg { 
background-image:url(images/rech_bg.jpg);
background-repeat:repeat-x;


}		
		
.utlisateur {

		font-size:9px;
		

		}	
			
.formulaire_ajout_activite_deconnexion {

		font-size:10px;
		color:#288300;
		font-weight:bold;
		
		text-decoration:none;
		
		}		

/*----------------------- STYLES page afiicher activite -----------------------*/
		
	.affich_activite {

		font-size:13px;
		color:#2883af;
		font-weight:bold;
		margin:5px;
		text-decoration:underline;
		
		}	
		
	.affich_activite_tabl_haut {
		font-size:12px;
		font-weight:bold;
		
		}	
		
	.affich_activite_tabl_donnes {
		font-size:11px;
		
		
		}	
/*----------------------- STYLES formulaire contact -----------------------*/
		
.contact_form {

		font-size:12px;
		color:#2883af;
		font-weight:bold;
		
		}	
		
.contact_form_texte {
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-left:20px;
	
		

}

		
		
/*----------------------- STYLES select activities -----------------------*/
		
.activ_select {

		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:12px; 
		}
/*----------------------- STYLES select activities -----------------------*/

.activ_browse_our {

		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:2px;
		font-weight:bold;
		margin-left:15px;
		color: #FFFFFF;
		background-color: #7678A6;
}

.activ_browsing {

		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:2px;
		font-weight:bold;
		
		color: #FFFFFF;
		background-color: #7678A6;
}
		
/* Form Elements */
	fieldset.complexForm {
		border-width: 1px;
		border-style: dashed solid solid dashed;
		border-color: #cccccc #f0f0f0 #f0f0f0 #f0f0f0;
		
		
	}
	fieldset.complexForm legend {
		border-width: 1px;
		border-style: dashed solid dashed solid;
		border-color: #cccccc #f0f0f0 #e0e0e0 #f0f0f0;
		background: #ffffff;
		font-weight: bold;
		
	}
	label {
		font-weight: bold;
	}
	input, textarea, button, select {
		color: #000000;
		background-color: #F6F6F6;
	}
	select, button, .textInput, .fileInput, textarea, .textInputInline, .fileInput, input.dateInput {
		border: 1px solid #000000;
	}
	input[type='text'], input[type='file'], input[type='text'].textInputInline { /* Must separate out or IE breaks*/
		border: 1px solid #000000;
	}
	.submitInput, .buttonInput, .submitInput2, .submitInputDL, .submitInputDL2 {
		background-color: #F3F3EE;
		border: 1px solid #000000;
		font-weight: bold;
	}
	input[type='submit'], input[type='button'] { /* Must separate out or IE breaks*/
		background-color: #F3F3EE;
		border: 1px solid #000000;
		font-weight: bold;
	}
	
fieldset.complexForm {
		margin: .25em .25em 1em 0;
		padding-right: .7em;
		padding-left: .7em;
	}
	fieldset.complexForm legend {
		line-height: 100%;
		margin-bottom: .5em;
		padding: 3px 4px;
		
	}	
	
	
legend {
		padding-bottom: 5px;
		font-weight: bold;
		font-size:12px;
	}
	
	
label {
		font-weight: bold;
		font-size:12px;
		margin-left:9px;
	}		
/* End Form Elements */

/* Classes */
	.detail {
		font-size: 12px;
	}
	.fineprint {
		font-size: 90%;
	}
	.error {
		color: #ff0000;
	}
	
	
	.submitInput, .buttonInput {
		padding:0 1px;
	}
	
/* Block Elements */

dl {
		margin: 0;
		padding: 0 3px 3px 3px;
	}
	dt {
		font-weight: bold;
		margin: 6px 0 3px 0;
	}
	dd {
		margin-top: 3px;
		margin-bottom: 3px;
	}	
		 
dl.defList, dl.defList2 {
		margin: 0;
		border: 0;
		padding: 0;
	}
	dl.defList dt, dl.defList2 dt {
		position: absolute;
		width: 11.2em;
		font-weight: bold;
		margin: 0;
		border: 0;
		padding: .27em;
		text-align: right;
	}
	dl.defList dd, dl.defList2 dd {
		margin: 0;
		border: 0;
		padding: .27em .27em .27em 12.5em;
		width: 70%;
	}
	dl.defList label, dl.defList2 label {
		margin-right: 0;
	}
	dl.defList2 dt {
		width: 13em;
	}
	dl.defList2 dd {
		padding-left: 14.2em;
	}