/* Styles pour le squelette M2 */
/* 2006 © LaboratoireM2 */

/* Styles des tags HTML */

/* Fond de la page */
body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	border: none;
	font-size: 62.5%; 
	/* Resets 1em to 10px */
	font-family:  Trebuchet MS, Verdana, Sans-Serif;
}

/* Titres */
h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

/* Titres */
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1.0em;
}
h4 {
font-size: 0.9em;
}

#m2-menu h3 {
display:inline;
font-weight: bold;
font-size: 0.9em;
}
/* Liens */
 #m2-corps a, a:link, a:visited {
	color:#e7480a;
	text-decoration: none;
}

 #m2-corps a:hover {
		color:#e19577;
}
 a.evenement, a.evenement:link, a.evenement:visited {
	text-decoration: none;
	border: 1px solid #fff;
}

a.evenement:hover {
		color:#e19577;	border: 1px solid #fff;
}

#inscription {
color: #fff;
background-color: #000;
margin-left: 1px;
margin-right: 1px;
}

/* Liens */
 #m2-identifiant a, a:link, a:visited {
	color:#e7480a;
	text-decoration: none;
}

 #m2-identifiant a:hover {
		color:#e19577;
}
#m2-menu a,  a:link, a:visited {
	color: #f2f2f2;
}

#m2-menu a:hover  {
	color: #f2f2f2;
}
#m2-web a,  a:link, a:visited {
	color: #f2f2f2;
}

#m2-web a:hover  {
	color: #f2f2f2;
}
/* Pour supprimer l'affichage d'un cadre noir autour
des images comportant un lien sous Firefox */
a img {
	text-decoration: none;
	border-style: none;
}

/* Le bloc "page" */
#m2-page {
	width: 770px;
	font-size: 1.1em;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 0px solid #959596;
	background-color: #000;
}

/* Le bloc "tete" */
#m2-tete {
	height: 209px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #cccccc;
}
#m2-logo {
	height: 37px;
	width:767px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	padding-left: 3px;
	padding-top: 2px;
	color: #fff;
		background: url(../images-26/logo.png);
}
/* Le bloc "bandeau" contenant l'image et le titre du site */
#m2-tete-image {
	background: url(../images-26/tete.png);
	width: 770px;
	height: 209px;
	margin: 0px;
	padding: 0px;
	display:block;
}
#m2-accueil {
	height: 428px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #000;
}
#m2-accueil-image {
	background: url(../images-26/accueil.png);
	width: 770px;
	height: 428px;
	margin: 0px;
	padding: 0px;
	display:block;
}
#m2-identification {
	height: 160px;
	width: 748px;
	margin-left: 1px;

	padding: 10px;
	overflow: hidden;
	background-color: #000;
	color: #fff;;
}
/* Paramettres des liens dans l'en-tete */



.plan li {
	padding-top: 10px;
font-size: 1.1em;
}

/* Le titre du site */
#mgs_bandeau h1 {
	height: 99px;
	margin: 0px;
	padding: 0px;
}

#m2-nouvelles {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}
#m2-nouveautes {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}

#m2-admin {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}

#m2-discussions {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}

#m2-mp3 {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}
/* Paramettres des menus de l'en-tete, a savoir :
Accueil, Plan, Contact et Redaction */
#m2-menu {
	overflow: hidden;
	font-size: 1.0em;
	text-align: left;
}

#m2-menu h2 {
	padding-left: 8px;
}
	
#m2-menu h3 {
	line-height: 1.0em;
}

#m2-menu a {
	margin: 0px;
	padding: 0px;
}
#m2-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#m2-menu li.menu {
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 203px;

	border-bottom: 2px solid #000;
	overflow: hidden;
margin: 0px;
	background-color: #111111;
}

#m2-menu li.menu-over {
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 203px;

	border-bottom: 2px solid #000;
	overflow: hidden;
margin: 0px;
	background-color: #555555;
	cursor:pointer;
}


#m2-menu li.submenu {
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 203px;

	border-bottom: 2px solid #000;
	overflow: hidden;
margin: 0px;
	background-color: #111111;

}


#m2-menu li.submenu-over {
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 203px;

	border-bottom: 2px solid #000;
	overflow: hidden;
	margin: 0px;
	background-color: #555555;
	cursor:pointer;
}

#m2-calendrier {
	border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
}

#m2-calendrier .mois {
	padding-left: 40px;
	}
	
#m2-flickr {
		border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
	height: 544px;
}
#m2-photosmix {
		border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
	height: 272px;
}
#m2-photos {
		border-bottom: 2px solid #000;
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 

}

#m2-web {
	overflow: hidden;
	font-size: 1.0em;
	text-align: left;
}

#m2-web li {
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 203px;
	border-bottom: 2px solid #000;
	overflow: hidden;
	margin: 0px;
	background-color: #222222;
}

#m2-web ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#m2-web img {
float:left;
padding-right: 3px;
}



#m2-vide {
	padding: 10px;
	width: 208px;
	background: url(../images-26/secondaire.png)  #222222; 
	height: 60px;
}

.photos {

	background-color: transparent;
}
.photos-over {

	background-color: #333333;
	cursor:pointer;
}





/* Paramettres des liens dans les menus de l'en-tete */

#mgs_menu_tete .mgs_form_rech {
	clear: none; 
	float: right;
	width: 160px;
	margin: 1px 5px;
	padding: 0px;
	background-color: inherit;
}

/* Paramettres du champ de recherche dans l'en-tete */
#mgs_menu_tete .mgs_form_rech a {
	border-style: none;
}

#mgs_menu_tete label {
	display: none;
}

#mgs_menu_tete form {
	margin: 0px;
	padding: 0px;
}

/* Paramettres du bandeau contenant la hierarchie des pages */
#mgs_hierarchie {
	font-size: 0.75em;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* Le bloc "corps" */
#m2-corps {
	float: left;
	width: 770px;
	padding: 0px;
	margin: 0px;
	background: url(../images-26/corps.png)  #000000; 
	border: 0px solid #959596;
}

/* Le bloc "principal" - colonne principale */
#m2-principal {
	width: 518px;	
	padding: 10px;
	margin: 0px;
 	float: left;
	color: #ffffff;	
	overflow: hidden;
}

/* Le bloc "secondaire" - colonne secondaire */
#m2-secondaire {
margin: 0px;
width:229px;
	padding: 0px;
	float: right;
	min-height: 600px;
	color: #ffffff;
}

/* Le bloc "pied" */
#m2-pied {
	float: left;
	width: 740px;
	height: 50px;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	background: url(../images-26/pied.png)  #000000; 
	color:#ffffff;
	overflow: hidden;
	text-align: center;
}

legend {
color: #fff;
}
/* Paramettres des liens dans l'en-tete */


/* Le bloc des articles avc paramettrage du contenu */
.hidden{
display: none;
}
.rubrique {}

.descriptionm2{

padding-left:65px;
color:#555555;
}

.article-sommaire {
	
				width: 445px;
					height: 280px;
}

.article {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;	
	
		font-size: 1.1em;
}

/* Surtitre des articles */
.article .surtitre {
	font-size: 0.85em;
	padding: 0px;
	margin: 0px;
	line-height: 1.2em;
}

/* Titre des articles */
.article .titre {
	margin: 8px 0;
	line-height: 1.2em;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
}

/* Logo des articles */
.article .logo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* Soustitre des articles */
.article .soustitre {
	font-size: 0.85em;
	padding: 0px;
	margin: 0px;
	line-height: 1.2em;
	font-weight: bolder;
}

/* Infos des articles (date, auteur, etc.) */
.article .infos {
	font-size: 0.8em;
	padding: 0px;
	margin: 4px 0px;
	line-height: 1.6em;
}

/* Intro des articles */
.article .intro {
	font-size: 0.95em;
	font-style: italic;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 4px;
	line-height: 1.2em;
}

/* Le texte des articles */
.article .texte {

	line-height: 1.3em;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

/* Les images dans les texte des articles */
.article img {
	padding: 0px;
	margin: 0px;
}

.article .spip_documents {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/* Les legendes des images des articles */
 .spip_doc_titre {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.8em;
	color: #444;
	font-style: normal;	
}



		
.spip_doc_titre strong {
	font-weight: bold;
		font-style: normal;
}

/* Les images dans les texte des articles selon leur alignement */
.article .spip_documents_center {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.article .spip_documents_left {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left: 0px;
}

.article .spip_documents_right {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 20px;
}

/* Le post-scriptum des articles (les liens) */
.article .ps {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-style: italic;
	font-weight: bolder;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Les notes de bas de page des articles */
.article .notes {
	text-align: left;
	font-size: 0.8em;
	line-height: 1em;
	margin-top: 4px;
	border-top-style: dotted;
	border-top-color: #888;
	border-top-width: 1px;
	margin-bottom: 4px;
}

/* La fin des articles */
.mgs_article_fin {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom-color: #eaeaec;
	border-bottom-style: solid;
	border-bottom-width: 8px;
}

/* Le lien de reponse des articles */
.mgs_repondre {
	font-size: 0.95em;
	line-height: 1.1em;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 4px;
	border-bottom-color: #eaeaec;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	margin: 0;
}

/* Les styles pour les presentations en liste */

/* Paramettrage des hierarchies */
.mgs_chemin {
	font-size: 0.75em;
	text-align: left;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}



/* Le bloc de navigation */
#mgs_navigation {
	margin: 0px;
	float:left;
	width: 228px;
	top: 190px;
}


/* Formatage des menus pour la navigation */
/* Ce bloc est utilise dans toutes les pages du site 
et pas uniquement pour la navigation, toute modification 
peut entrainer des variations imprevisibles sur certaines pages*/
.mgs_menu {
	border: 1px solid #999;
	margin-bottom: 15px;
	text-align: center;
	padding: 5px;
	background-color: white;
}

/* Formatage de l'affichage en liste */
.mgs_menu_item_article {
	font-size:100%;
	text-align:left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left:15px;
}

.mgs_menu_item_breve {
	font-size:88%;
	padding-left:5px;
	text-align:left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mgs_menu_item_forum {
	font-size: 0.95em;
	list-style: none;
	text-align:left;
	line-height: 1.1em;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left:15px;
}

/* Formatage general des menus de navigation */
.mgs_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mgs_menu li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Titre de menu */
.mgs_menu_titre {
	font-weight: bold;
	font-size:95%;
	background-color: #b8b8bf;
	padding-top: 4px;
	padding-bottom: 4px;
	color: white;
}

.mgs_menu_titre small {
	font-weight: lighter;
}

/* Formatage de la pagination */
.mgs_menu_titre .on {
	font-weight: lighter;
	color: white;
	font-style: italic;
}

/* Formatage des liens des menus */



/* Element de menu hors titre de rubrique */
.mgs_menu_item {
	font-size: 90%;
	padding-top: 2px;
	padding-bottom: 0px;
}

/* Formatage de la rubrique selectionnee */
.mgs_menu_selected {
	background-color: #eaeaec;
	font-weight: bold;
}

/* menu-item-0 à 6 : formatage des titres de rubrique */
.mgs_menu_item_0 {
	font-size:90%;
	text-align:left;
	padding-left:5px;
	font-weight:800;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mgs_menu_item_1 {
	font-size:86%;
	padding-left: 15px;
	text-align:left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mgs_menu_item_2 {
	font-size: 86%;
	padding-left: 30px;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
}

.mgs_menu_item_3 {
	font-size: 82%;
	padding-left: 45px;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
}

.mgs_menu_item_4 {
	font-size: 82%;
	padding-left: 60px;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mgs_menu_item_5 {
	font-size: 78%;
	padding-left: 75px;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mgs_menu_item_6 {
	font-size: 78%;
	padding-left: 90px;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Formatage des forums des articles et breves */
ul.forum { 
	display: block; 
	clear: both; 
	margin: 0px; 
	padding: 0px;
	list-style: none;
	font-size: 0.95em;
	line-height: 1.1em;
	text-align: left;
}

.mgs_forum_decompte {
	text-align: center;
	font-size: 0.92em;
}

.mgs_forum_message { 
	background-color: #fcfcff;
	margin: 0px;
	padding: 0px;
}

.mgs_forum_fil { 
	list-style: none;
	padding: 0px;
	margin-top: 40px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 15px;
}

.mgs_forum_fil ul { 
	display: block; 
	margin: 0px; 
	padding: 0px; 
	margin-left: 10px; 
}

.mgs_forum_texte { 
	margin: 0px; 
	color: #444; 
	padding-right: 15px;
	padding-left: 15px;
}

.mgs_forum_chapo .mgs_infos {
	padding-left: 15px;
}

/* Formatage des differents formulaires */
.mgs_formulaire {
	color: #444; 
	font-size: 0.95em;
	text-align: left;
	background-color: white; 
	border: 2px dotted #666; 
	margin-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.mgs_formulaire_previsu {
	color: #444; 
	font-size: 0.95em;
	text-align: left;
	background-color: white; 
	border: 2px dotted #666; 
	margin-bottom: 16px;
}

.mgs_formulaire_menu {
	border: none; 
	margin: 0px;
	background-color: white;
	padding: 0px;
}

.mgs_formulaire_menu div {
	margin: 0px;
	padding: 0px;
}

.mgs_formulaire_menu p {
	color: #444; 
	font-size: 0.78em;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.mgs_formulaire_menu h4 {
	display: block; 
	text-align: center;
	font-size: 0.88em;
	background-color: #eaeaec;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #444;
	margin-top: 2px;
	margin-bottom: 5px;
}

.mgs_forml {
	/*zones de saisie de la page forum*/
	width: 100%; 
}


/*	Because the template is slightly different, size-wise, with images, this needs to be set here
				If you don't want to use the template's images, you can also delete the following two lines. */

TABLE.spip{

	font-size: 1em;
	/* Resets 1em to 10px */
	font-family: Tahoma, Trebuchet MS, Verdana, Tahoma, Sans-Serif;
color: #303030;
background-color: transparent;}
TR.row_even{background-color:transparent;}
TR.row_odd{background-color:transparent;}