body {
  margin: 0;
  padding: 0 ;
  background-color: #ffffff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt; 
}

/*
 *  Redéfinitions
 */

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

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

ul {
/*  margin-top:0.1em;
  margin-left:0.1em;
  padding-left:0em; */
  list-style-type: square;
}

h1 {
  background-color: #036; 
  color: #fefe02;
  font-size:1.3em;
  font-weight:bold;
  vertical-align : center ;
  text-align: center;
}

h2 {
  font-size:1.2em;
  font-weight:bold;
  color:#800000;
  margin-bottom:0.2em;
}

h3 {
  font-size:1em;
  font-weight:bold;
  color:#800000;
  margin-bottom:0em;
}

br {
	margin-bottom : 1.2em ;
}

/*
 * Mise en page 2 colonnes
 */

#colonneGauche {
  float:left;
  width: 200px;
  margin-left:10px;
}

#colonneCentrale {
  margin-left:240px;
  margin-right:10px;
}

#cadreconnexion {
  float:center;
  margin-left:280px;
  width: 300px;
  margin-right:10px;
}

/*
 * Mise en page 3 colonnes
 */

#colonneGauche3col {
  float:left;
  width: 200px;
  margin-left:10px;
}

#colonneCentrale3col {
  margin-left: 235px;
  margin-right: 235px;
}

#colonneDroite3col {
  float:right;
  width: 200px;
  margin-right:10px;
}

}
/*
 * Titres
 */

#titre {
  background-color:#519dd6;
  color:#FDF48C;
  font-size:0.9em;
  font-weight:bold;
  text-align:center;
  margin-bottom:8px;
 -moz-border-radius: 6px;
  border-radius: 6px;
}

#titre a {
  color:#FDF48C;
}

#surtitre {
  color: #1a80cb;
  font-size: 0.9em;
  font-weight:bold;
}

#date {
  font-size:0.7em;
  color:#808080;
  text-align:left;
  font-weight:normal;
}

#date1 {
  font-size:0.7em;
  color:#808080;
  text-align:left;
  font-weight:normal;
}

/*
 * Rubrique
 */

#rubriqueChapo {
  font-size:1em;
}

#sousrubrique {
  font-size:1.2em;
  font-weight: bold;
  list-style-type: disc;
}

/*
 * Article
 */

#article_titre {
  font-size:1.3em;
  font-weight:bold;
}

#article_descriptif {
  font-size:0.9em;
  color:#808080;
}

#article {
  font-size:1em;
  text-align:justify;
}

#portfolio {
  text-align: center;
  margin-bottom: 8px;
}

#postscriptum {
    font-style : italic;
    }

#chapo {
    font-style : italic;
    }

#notes {
    font-style : italic;
    font-size : 0.7em;
    }

#hierarchie {
	margin-top : 1em ;
    font-size : 0.7em;
    }
 

#forums {
	background-color: #eee;
	text-align: left;
    font-size : 0.7em;
    }


    
/*
 * Éléments divers
 */

#cadre {
  margin-top : 15px;
/*  border: 1px #1a80cb solid;
  -moz-border-radius: 6px;
  border-radius: 6px; */
}


/*styles SNM V1 */


.avertir{
    font-size: 75%;
    max-width : 30em;
    color: #f00;
    font-style : italic;
    line-height: 100%;
    border : 1px dotted #aaa;
    padding : 5px;
    }

	
	/* positioning styles */

	
/*logo2 est dessous, c'est l'ombre */
	#logo2 {
		position: absolute;
		left: 178px;
		top: 13px;
		height: auto;
		width: auto;
		padding: 0px;
		margin: 0px;
		font-size: 20px; 
		line-height: 1.3em;
		font-weight: none; 
		/*color: #f00;*/ 
		color: #036;
		background-color: transparent; }
		
	#logo {
		position: absolute;
		left: 175px;
		top: 10px;
		height: auto;
		width: auto;
		padding: 0px;
		margin: 0px;
		font-size: 20px; 
    		line-height: 1.3em;
		font-weight: none; 
		color: #fff; 
		background-color: transparent; 
	}
	
	#top	
	{
		color: #000;
		width: 100%;
		height: 90px;
		padding: 0px;
		margin: 0px;
		border: 1px solid #aaa;
		background-color: #369;
	}

	#imagelogo
	{
	position: absolute;
	margin: 8px;
	left: 0px;
	top: 0px;
	z-index: 1;
	}	
		

	#bottom {
		color: #369;
		background: #fff;
		padding: 0px;
		margin-top: 5px;
		border: 1px solid #aaa;
		font-size: 75%; 
		text-align: center; 
 		margin-left:240px;
 		margin-right:10px;
		}

	#bottom p, ul, dl, ol, h1, h2, h3, h4, h5, h6 { 
		padding-left: 20px; 
		padding-right: 20px; 
		padding-top: 0px; 
		padding-bottom: 20px; 
			}

	#bottom a { 
/*		color: #036; */
	}


/* navigations, horizontale et marge gauche */
	
	#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 13em;
	}
	
	#nav li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 13em;
	}
	
	#nav li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 14.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
	}
	
	#nav li a {
		width: 13em;
		display : block;
		color : white;
		font-weight : none;
		text-decoration : none;
		background-color : #036;
		border : 1px solid white;
		padding : 0 0.5em;
	}
	#nav li ul a {
		width: 13em;
		display : block;
		color : white;
		font-weight : none;
		text-decoration : none;
		background-color :  #69C;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #69C;
	}
	#nav li ul a:hover {
		color : white;
		background-color : #036;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}
	
	#content {
		margin-left : 13em;
	}

/* bouton de connexion et déconnexion dans la marge gauche */
       #boutonconnexion, #boutonconnexion ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 13em;
	}
	
	#boutonconnexion li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 13em;
	}
	
	#boutonconnexion li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 14.05em;
		margin-top : -1.35em;
	}
	
	#boutonconnexion li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
	}
	
	#boutonconnexion li a {
		width: 13em;
		display : block;
		color : black;
		font-weight : none;
		text-decoration : none;
		background-color : #ff0000;
		border : 1px solid white;
		padding : 0 0.5em;
	}
	#boutonconnexion li ul a {
		width: 13em;
		display : block;
		color : black;
		font-weight : none;
		text-decoration : none;
		background-color :  #ff0000;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#boutonconnexion li a:hover {
		color : black;
		background-color : #ff0000;
	}
	#boutonconnexion li ul a:hover {
		color : black;
		background-color : #ffffff;
	}
	
	

/*
	#navigauche
	{
		font-size: 80%; 
		padding: 0px;
		margin-bottom: 0px;
		text-align: left ; 
	}

	 #navigauche ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	#navigauche ul a
	{
	display: block;
	color: #FFF;
	margin-top : 3px ;
	background-color: #036;
	border-bottom: 1px solid #69C ;
	padding: 0px 00px 0px 8px; 
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px ;
	margin-right: 0px ;
	margin-left: 0px ;
	}

	#navigauche a:hover
	{
	background-color: #369;
	color: #FFF;
	}

	#navigauche li li a
	{
	display: block;
	width: 183px;
	color: #FFF;
	background-color: #69C;
	border-bottom: 1px solid #036 ;
 	padding: 0px 0px 0px 17px; 
	text-decoration: none;
	font-weight: normal;
	margin : 0px ;
	}

	html>body #navigauche li a { width: auto; } 
*/
/*	html>body #nav li a { width: auto; }*/ 

/* horizontale */
	
	#navhorizontale ul
	{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #036;
	color: #FFF;
	width: 100%;
	text-align: center;
	border: 1px solid #aaa;
	font-weight: bold;
	font-size: 80%; 
	}

	#navhorizontale li { display: inline; }

	#navhorizontale li a
	{
	text-decoration: none;
	color: #FFF;
	padding: .2em 1em;
	border-right: 0.5px solid #fff;
	}

	#navhorizontale li a:hover
	{
	background-color: #369;
	color: #fff;
	}

/*
 * REPRISE de spip_style  - Ne sera pas écrasé à la prochaine mise à jour
 */

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }
.spip_code { }
p.spip_note { }
hr.spip { }
b.spip { }
i.spip { }


h3.spip {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1.5em;
  padding: 0em;
}

.spip_documents{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size : 0.9em;
}

table.spip {
border :1px solid;
}

table.spip tr.row_first {
  background-color: #FCF4D0;
}

table.spip tr.row_odd {
  background-color: #C0C0C0;
}

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

table.spip td {
  padding: 1px;
  text-align: left;
  vertical-align: center;
}


.forml {
  width: 100% ;
  background-color: #FFF8AA;
}

.spip_encadrer {
  width : 95%;
  background-color: #FFFFFF;
  padding: 5px;
  border: 1px #666666 solid;
}

.spip_cadre {
  width : 100%;
  background-color: #FFFFFF;
  padding: 5px;
}

.spip_quote {
  margin-left : 40px;
  margin-top : 10px;
  margin-bottom : 10px;
  border : solid 1px #aaaaaa;
  background-color: #ffffff;
  padding: 5px;
}

.spip_bouton {
  background-color: #FFEE25;
}

.formrecherche {
  width : 100%;
  background-color: #FFFFFF;
}

.reponse_formulaire {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 * Barre de raccourcis
 */

a.spip_barre img {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #aa9966;
  border-bottom: 1px solid #aa9966;
  padding: 3px;
  background-color: #FFDDAA;
}

a.spip_barre:hover img {
  border: 1px solid #808080;
  padding: 3px;
  background-color: #f8f8f4;
}