/*  ----------------------------------------------------------- */
/*  Feuilles de styles Spip max #m.00                           */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

body{
	background-color: #eb5921;
	font-family:helvetica, arial, sans-serif;
	color: #333;
	font-size: 100%;
	margin-top: 10px;
	padding: 0px;
}

.pointer{
	cursor:pointer !important;
	cursor:hand;
}

img{
	margin: 0;
	padding: 0;
	border: none;
}



/*  ------------------------------------------
/*  Typographie
/*  ------------------------------------------ */
p{
	font-size: 0.82em;
	text-align: justify;
	margin: 0px 0px 13px 0px;
	line-height: 130%;
}

strong{
	color: #eb5921;
}

table strong{
	color: #333;
}

a{
	color: #eb5921;
}


a:hover{
	color: #b6d433;
}
#lien_classements{
	text-align: right;
	font-size: 0.82em;
	margin: 0px 0px 0px 0px;
}
#lien_classements a{
	color: #000;
}

#lien_classements a:hover{
	color: #eb5921;
}

/* ------------------*/
h1{
	font-size: 1.27em;
	color: #000;
	margin: 10px 0px 5px 5px;
}

#evenementstitre h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/evenements.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#newstitre h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/lesnewstitre.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 7px 0px;
}

#evenementstitre h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/evenements.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#infos h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_infos.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#tesexercices h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_exercices.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#tesecoles h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_ecoles.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#tesevenements h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_evenements.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}


#tesamispros h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_amis.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#tescadeaux h1{
	width: 800px;
	height: 38px;
	background-image: url('../images/titres/titre_cadeaux.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

#classements h1{
	width: 307px;
	height: 94px;
	background-image: url('../images/classement.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 40px 0px 0px 0px;
	background-color: #fff;
}

#class h1{
	width: 490px;
	height: 38px;
	background-image: url('../images/titres/titre_classements.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
}

#categorie h1{
	width: 309px;
	height: 61px;
	background-image: url('../images/categorie.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
}

h2{
	font-size: 1.21em;
	color: #b83e1e;
	margin: 10px 0px 5px 0px;
}


h3{
	font-size: 0.88em;
	color: #b83e1e;
	margin: 15px 0px 5px 0px;
}

#enimages h3{
	width: 314px;
	height: 63px;
	background-image: url('../images/titres/enimages.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
}

#actu_evenement h3{
	width: 314px;
	height: 50px;
	background-image: url('../images/titres/actualite_evenement.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 0px 20px 0px;
}

#nav_texte h4{
	font-size: 0.82em;
	margin: 0px 0px 3px 30px;
	padding-left: 17px ;
	background: url('../images/etoile.png') no-repeat left bottom ;
}

#nav_texte h4 a{
	color: #212121;
}

#nav_texte h4 a:hover{
	color: #5da9c0;
}

#categorie h4{
	font-size: 0.82em;
	margin: 0px 0px 3px 30px;
	padding-left: 17px ;
	background: url('../images/etoile.png') no-repeat left bottom ;
}

#categorie h4 a{
	color: #212121;
}

#categorie h4 a:hover{
	color: #5da9c0;
}

#date{
	font-size: 0.71em;
	color: #010101;
}

h5{
	font-size: 0.71em;
	margin: 0px;
	margin: 0px 0px 5px 0px;
}



ul{
	text-align: left;
	font-size: 0.82em;
}

ul li{
	text-align: left;
	margin: 5px 0px 0px 0px;
}

ol{
	font-size: 0.82em;
}

ol li{
	margin: 0px 0px 3px 20px;
}

hr{
	color: #86c7ea;
	background-color: #86c7ea;
	height: 1px;
	border: 0;
	margin: 10px 0px 10px 0px;
}


/*  ------------------------------------------
/*  Mise en page
/*  ------------------------------------------ */

#centre{
	position:absolute;
	left:50%;
	width:1044px;
	margin-left:-522px;
	background-color: #fff;
	background-image: url('../images/fd_center.jpg');
}


#bandeau{
	background-color: #ced4ca;
	height: 158px;
	width: 1044px;
}

#bandeau_bas{
	float: left;
	background-color: #eb5920;
	height: 69px;
	width: 1044px;
	background-image: url('../images/bandeau_bas.png') ;

}

#contenu{
	margin-left: 51px;
	width: 985px;
}

#texte{
	margin: 0px 15px 0px 15px;
}

#texte_2{
	margin: 0px 15px 0px 15px;
}

#texte_class{
	margin-top: 5px;
	color: #b83e1e;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	width: 145px;
}

/*  ------------------------------------------
/*  Mise en page Intérieur site
/*  ------------------------------------------ */


#colonne_1{
	float: left;
	width: 490px;
}

#colonne_1b{
	float: left;
	width: 810px;
}


#evenements{
	width: 470px;
	height: 120px;
	margin-left: 10px !important;
	margin-left: 0px;
	border-bottom: solid 1px #d8eaef;

}

#fille{
	float: left;
	background-image: url('../images/fille.png');
	width: 131px;
	height: 249px;	
	margin-left: -51px;
}

#fille_droite{
	float: left;
	background-image: url('../images/fille_droit.png');
	width: 307px;
	height: 401px;	
}

#fille_droite2{
	float: left;
	background-image: url('../images/fille_droit2.png');
	width: 300px;
	height: 401px;	
}

#gas_droite{
	float: left;
	background-image: url('../images/gas_droit.png');
	width: 307px;
	height: 401px;	
}

#gas{
	float: left;
	background-image: url('../images/gas.png');
	width: 307px;
	height: 358px;	
}


#news{
	float: left;
	width: 380px;
	margin-left: 10px;
}

#centremons{
	background-image: url('../images/centremons.png');
	width: 382px;
	height: 23px;
	margin-top: 0px;
	margin-bottom: 5px;

}

#conseils{
	background-image: url('../images/lesconseilspro.png');
	width: 382px;
	height: 23px;
	margin-top: 10px;
	margin-bottom: 5px;

}

#sudpresse{
	background-image: url('../images/sudpresse.png');
	width: 382px;
	height: 23px;
	margin-top: 20px;

}

#voir_gauche{
	float: left;
	height: 18px;
	width: 86px;
	margin-top: -27px;
	margin-left: 240px;
}

#voir_droite{
	float: right;
	height: 18px;
	width: 108px;
	margin-top: -27px;
}


#colonne_2{
	float: left;
	width: 319px !important;
	width: 311px;
	margin-left: 8px;
}

#newsletter{
	background-image: url('../images/newsletter.png');
	width: 307px;
	height: 211px;
}

#classements{
	width: 307px;
	height: 94px;
	background-color: #fff;

}
#colonne_3{
	float: left;
	width: 160px;
	margin-left: 8px;
	margin-bottom: 20px;
}

#sponsors{
	float: left;
	height: 63px;
	width: 1044px;
	background-image: url('../images/sponsors.png');
	background-color: #eb5921;
}


#nav_infos{
	background-image: url('../images/nav_sousmenu.png');
	width: 307px;
	height: 78px;
}

#nav_exercices{
	background-image: url('../images/menu_exercices.png');
	width: 307px;
	height: 78px;
}

#nav_conseil{
	background-image: url('../images/menu_conseil.png');
	width: 307px;
	height: 78px;
}

#nav_information{
	background-image: url('../images/menu_infos.png');
	width: 307px;
	height: 78px;
}

#nav_evenements{
	background-image: url('../images/menu_evenements.png');
	width: 307px;
	height: 78px;
}

#nav_class{
	background-image: url('../images/menu_clas_evenements.png');
	width: 307px;
	height: 78px;
}

#nav_cadeaux{
	background-image: url('../images/menu_cadeaux.png');
	width: 307px;
	height: 78px;
}


/*  ------------------------------------------
/*  Images  border: solid 1px #000;
/*  ------------------------------------------ */

#logo_article_gauche{
	border: solid 0px #ccc;
	float: left;
	height: 97px;
	width: 145px;
	margin: 0px 10px 0px 0px;
}

#logo_article_pro{
	float: left;
	height: 700px;
	width: 200px;
	margin: 0px 10px 0px 0px;
}

#logo_class{
	border: solid 0px #ccc;
	float: left;
	height: 97px;
	width: 430px;
	margin: 10px 5px 0px 0px;
	border-bottom: solid 1px #d8eaef;
	
}


#image_gauche{
	border: solid 2px #fff;
	float: left;
	height: 93px;
	width: 141px;
	margin: 0px 0px 0px 0px;

}

#nav_texte{
	margin: 0px 0px 30px 0px;
}

/*  ------------------------------------------
/*  Formulaire
/*  ------------------------------------------ */
#adresse_mail{
	overflow: hidden;
	text-indent: -9999px;
}
#newsletter_radio{
	overflow: hidden;
	text-indent: -9999px;
}

#formulaire_newsletter{
	margin: 115px 0px 0px 30px;
}

#formulaire_newsletter input{
	width: 245px;
	background-color: transparent;
	border: none;
}

#formulaire_newsletter_input{
	margin: 0px 0px 0px 185px;

}

/*  ------------------------------------------
/*  Tableaux
/*  ------------------------------------------ */


table.spip {
	width: 100%;
	font-size:0.88em;
	margin-bottom: 15px;
	background-image: url('images/fond_form.png');	
	}

table.spip tr.row_first {
	padding: 0px;
	text-align: left;
	background-color: #92d8ed;
}

table.spip tr.row_odd {
	text-align: center;
	background-color: #deecf8;
}

table.spip tr.row_even {
	text-align: left;
	background-color: #F0F0F0;
}

table.spip td {

	padding: 1px;
	text-align: left;
	vertical-align: center;
}

#classements_sommaire{

	margin: 0px 0px 0px 20px;
}

/*  ------------------------------------------
/*  Galerie
/*  ------------------------------------------ */

#galerie{
	float: left;
	text-align: center;
	width: 310px;
	margin-left: 0px;
}

#galerie_images{
	margin: 0px 10px 0px 10px;
}

#galerie_images img{
	border: solid 2px #88c8ea;
}


#cadre{
	font-weight: bold;
	font-size: 14px;
	height: 17px;
	width: 770px;
	background-color: #d5ecf8;
	padding: 1px 0px 0px 5px;
	margin: 30px 0px 10px 0px;
	color: #0080bd;
}
#attitude{
	width: 239px;
	height: 39px;
	background-image: url('../images/titres/menu_attitude.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 0px 0px 15px;
	}

#lateam{
	width: 184px;
	height: 39px;
	background-image: url('../images/titres/menu_team.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 15px;
	}
	
#lesconseils{
	width: 184px;
	height: 39px;
	background-image: url('../images/titres/menu_conseils.png');
	overflow: hidden;
	text-indent: -9999px;
	margin: 10px 0px 0px 15px;
	}
	
#logo_mc{
	width: 16px;
	height: 74px;
	margin: 0px 0px 0px 20px;
	background-image: url('../images/logo_mc.png');
}

#voir_les_class{
	margin-right: 30px;
}

#voir_droite2{
	float: right;
	height: 18px;
	width: 108px;
}

#logo_pro{
	height: 68px;
	font-size: 0.82em;
	text-align: justify;
	margin: 5px 0px 0px 0px;
	background-color: white;
	}
	
#logo_pro2{
	float: left;
	height: 68px;
	width: 68px;
	margin-right: 0px!important;
	border: solid 1px #d8eaef;
	}
	
	
#texte_pro{
	font-size: 0.82em;
	text-align: justify;
	margin: 5px 0px 0px 0px;
	line-height: 130%;
	border-bottom: solid 1px #d8eaef;
	}
	
#texte_pro a{
	color: #333;
	text-decoration: none;
	}
	
#texte_pro a:hover{
	color: #333;
	text-decoration: underline;
	}
	
#evenements_texte{
	border-bottom: solid 1px #d8eaef;

}

#evenements_texte p{
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;

}