/****** Nav vers site mobile ******
.itwx_alerte {  
  text-align: center;
  font-size: 1em;
  color: #5d5d5d;	
  font-weight: bold;
  margin: 10;
}
*/

/****** Elts SPIP ******/

.a.spip_out, .a.spip_out :active, .a.spip_out :link  {
  color: #CC3300;
  text-decoration: none;
}
.a.spip_out :hover {
  text-decoration: underline;
}

img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; font-family: Verdana,Arial,Sans,sans-serif; font-size: 0.90em; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; } /* { margin: auto; } A METTRE A JOUR Remplacement pour Firefox*/
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { font-size: 0.8em; margin-left:auto; margin-right:auto; }
/* .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto; } */

.pj dd { 	
  _margin-left: 7px; /* seul IE interprete les _ : ca tombe bien, c'est que pour IE */
}


/* Mise en forme des forums */

.previsu ul, .previsu li {
	padding-left: 0px;
	margin : 0px;
	list-style-image:none;
	list-style-type:none;
	border: none;
}

fieldset ul {
	padding-left: 10px;
	margin : 0px;
	list-style-image:none;
	list-style-type:none;
}

fieldset li {
	margin: 10px 0px 5px 0px;
}

.explication {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: black;
}
table.spip_barre { width: 99%; border-spacing: 0; border-collapse: collapse;}
table.spip_barre a img { background: white; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }

#formulaire_forum form {
	background: #EEEECE;
	padding : 2px 5px 1px 5px;
	margin-bottom : 15px;
	border: 1px solid #FFA21D;
}

.button, .submit {
	background:#FFA21D none repeat scroll 0 0;
}


/* fin mise en forme forums */

h3.spip {
	text-align: center; 
	margin: 1.1em 0 1.1em 0;
	font-weight: bold; 
}

label {
	display: block;
}

input[type=hidden] {
	display: none;
	border: none;
	background-color: #fff;
}

/* Main structure ------------------------------------*/

html, body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  scrollbar-face-color: #FFBF25;
  scrollbar-darkshadow-color: #FFBF25;
  scrollbar-highlight-color: #F8D891;
  scrollbar-track-color: #F8D891;
  scrollbar-shadow-color: #FF6600;
  scrollbar-3dlight-color: #FF6600;
  scrollbar-arrow-color: #FF6600;
} 

body {
  font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
  font-size: 12px; /* on définit la taille de police de base dans la page */
  text-align: center; /* LS pour corriger le bug de centrage IE */
}

#global {
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  text-align: left;
  background-color: #FFFFFF;
  color: #CC3300;
}

#bordures {  /* Pour Firefox sinon dans global */
	BORDER-RIGHT: #ffa21d 2px solid; 
	BORDER-LEFT: #ffa21d 2px solid; 
	width: 100%
	min-height: 150%;
	float: left;
}

/********** Les entetes ************************/

/* Entete de premier niveau : message & menu haut droit & bandeau */

#entete {
  width: 770px;
  height: 150px;  
  margin: 0; 
  padding: 0;
}

/* bandeau */

#header {
  width: 770px;
  height: 150px;  
  margin: 0; 
  padding: 0;
  background: url("HeaderDoubleFondVide.png") no-repeat;
  float: left;
}

#header li {
  margin-left: 0px;
  margin-top: 0px;
  padding: 0;
  list-style: none;
}

#accueil, #accueil a { 
  float: left;    
  height: 125px; 
  width: 140px; 
}

#vieasso, #vieasso a { 
  float: left;    
  height: 125px; 
  width: 180px; 
}

#vieecole, #vieecole a { 
  float: left;    
  height: 125px; 
  width: 200px; 
}

#vieprat, #vieprat a { 
  float: left;    
  height: 125px; 
  width: 250px; 
}
/*
#accueil a:hover { background: url("HeaderDoubleFondVide.png") 0px -174px no-repeat; }
#vieasso a:hover { background: url("HeaderDoubleFondVide.png") -140px -174px no-repeat; }
#vieecole a:hover { background: url("HeaderDoubleFondVide.png") -320px -174px no-repeat; }
#vieprat a:hover { background: url("HeaderDoubleFondVide.png") -520px -174px no-repeat; }
*/
/* menu haut droit */

#headertop {
  display: inline;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  width: 770px;
}

#headertop li {
  padding: 5px 19px 5px 0px;
  float: left; 
  list-style-type: none;
  font-weight: bold;
}

#headertop a {
  text-decoration: none;
  color: #FE0156;
  background-color: transparent;
}

#headertop a:hover {
  text-decoration: underline;
  color: #FFA21D;
}

/* message déroulant */

#message {
  display: inline;
  float: left;
  margin-right: 10px;
/*  _margin-right: 50px;  */
  margin-top: 5px;
  margin-left: 5px;
  width: 490px;
  color: white;
}

#message a, #message a:hover {
  text-decoration: underline;
  color: white;
}

/* Entete de deuxieme niveau : menu institutionnel */

.enteteinst {
  width: 770px;
  margin: 0; 
  padding: 0;
  height: 44px; 
}

.menuinst {
  float: left;
  margin: 0;
  padding: 2px 0 3px 25px;
}

.menuinst li, #poly, #creation, #ressources, #administration, #etablissement, #financement, #today {
  float: left;
  text-align: center;
  list-style-type: none;
  font-size: 10px;
  font-weight: bold;
  width: 102px;
  height: 40px;
}

.menuinst a {
	display:block;
	height:40px;
	padding:6px 3px;
	padding-top:6px;
	text-decoration:none;
	width:95px;
}

.menuinst a:hover {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

#poly {
  background: url("FondInstJaune.png");
  background-position: top;  
  background-repeat: no-repeat;
}

#creation, #ressources {
  background: url("FondInstVert.png");
  background-position: top;  
  background-repeat: no-repeat;
}

#administration, #etablissement, #financement {
  background: url("FondInstRouge.png");
  background-position: top;  
  background-repeat: no-repeat;
}

#today {
  line-height: 2.4em;
  background: url("FondInstBleu.png");
  background-position: top;  
  background-repeat: no-repeat;
}

/* Quand le libellé tient sur une seule ligne */
#ressources, #today {
  line-height: 2.4em;
}

/* Entete de troisieme niveau : menu contextuel (VIP & Recherche) */

.entetectxt {
  width: 770px;
  margin: 0; 
  padding: 0;
  height: 36px; 
  background-image: url("sousheaderRouge.png");
  background-position: top;
  background-repeat: no-repeat;
}

.menuctxt, .menuctxtvip {
  font-size: 0.9em;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: none;
}

.menuctxt {
  padding-right: 18px;
  float: right;
  width: 300px;
  height: 25px;
  background-image: url("FondRecherche.png");
  background-position: right;
  background-repeat: no-repeat;
}

.menuctxtvip {
  padding-left: 20px;
  float: left;
  width: 340px;
  height: 25px;
  background-image:  url("FondVIP.png");
  background-position: left;
  background-repeat: no-repeat;
}

.menuctxt li, .menuctxtvip li {
  list-style-type: none;
}

.menuctxt li {
  float: right;
  padding: 0;
}

.menuctxtvip li {
  float: left;
  padding: 0px 4px 0px 0px;
}

.menuctxt form, input, textarea, select {
  display: inline;
  padding: 0;
  margin: 0;
}

.menuvip {
  margin-top: 7px;
  margin-bottom: 7px;
}

.menuvip a {
  text-decoration: none;
  color: #FE0156;
  font-weight: bold;
  background-color: transparent;
}

.menuvip a:hover {
  text-decoration: underline;
  color: #FFA21D;
  background-color: transparent;
}

/*********** Elements FORM ***************/

form {
	margin: 0;
	padding: 2px 0 0 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin-top: 1px;
	padding: 0;
}

input.buttonwhite {
	border: 1px solid #FFFFFF;
}

/************** Corps *********************/

#corps {
	margin: 0;
	padding: 0;
	width: 770px;
	float: left; /* pour Firefox : sinon elt vide */
}

/************ Bloc actu *******************/

#blocactu {
	background-color: #FFFFFF; /* fond blanc */
	color: #000000;
	float:right;
	width: 201px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #FFA21D;
	margin: 5px 0 0 0;
	font-size: 10px;
	text-align: left;
}

.vie {
  height: 36px;
  font-size: 2em;
  padding-left: 1.5em;
  padding-top: 0.7em;
  background: transparent url("Etoile.png") no-repeat bottom left; 
  font-family: "Comic Sans MS";
  font-weight: bold;
  text-decoration: underline;
}

.vie a {
  text-decoration: underline;
}

.vie a:hover {
  color: #FFA21D;
  text-decoration: underline;
}

.resume {
	background: transparent url("SeparateurDegradeOrange.png") no-repeat left bottom;
	margin: 0;
	padding-bottom: 0.3em; 
	padding-top: 0.4em;
}

.resume a {
  text-decoration: none;
}

.resume a:hover {
  text-decoration: underline;
}

/************** Contenu *****************/

.contenu {
  float:left;
  margin: 0; 
  padding: 5px 15px 5px 10px;
  _padding: 5px 0px 5px 10px;
  width: 530px;
  _width: 543px;
  background-color: #FFFFFF;
  color:  black;
}

a {
	color: #CC3300;
}

a:hover {
	color: #CC3300;
	text-decoration: underline;
}

.contenu h1 {
  font-size: 140%;
  text-align: center;
}

.contenu h1 a {
  color: #CC3300;
  text-decoration: none;
}

.contenu h1 a:hover { /* redondant a:hover */
	color: #CC3300;
	text-decoration: underline;
}

.contenu h2 {
  font-size: 100%;
  text-align: center;
}

/* Se situer dans le plan */

#oueston {
	display: block;
	margin: 0;
	padding-left: 30px;
	padding-top: 6px;
  	
	background: transparent url("PetiteEtoile.png") no-repeat top left;	
	font-size: 14px;
	font-weight: bold;
	color:  #666;
	text-decoration: none; 	
}

#oueston a, #oueston a:active, #oueston a:link { 
	color: #CC3300; 
	text-decoration: none; 
}

#oueston a:hover { /* redondant a:hover */
	color: #CC3300;
	text-decoration: underline;
}

/* Article */

.article {
	margin-top: 10px;
	padding: 5px 5px 25px 5px;
	text-align: justify;
	color:  black;
	width: 100%;
 	background: transparent url("HautGaucheRouge.png") no-repeat top left;	
}

.titre {
	font-size: 150%;
	text-align: left;
	font-weight: bold;
	color:  #5d5d5d;
	padding: 15px 0px 15px 0px;
}

.titre a, .titre a:active, .titre a:link {
  color: #CC3300;
  text-decoration: none;
}

.titre a:hover {
	color: #CC3300;
	text-decoration: underline;
}

.auteur {
	color: #5d5d5d;	
}

.surtitre  {
	font-weight: bold;
}

.soustitre { 
	margin-top: 10px;
	font-style: italic;
}

.chapo     {
	padding:   8px 30px 8px 60px;
	font-size: 12px;
	line-height: 100%; 
}

.texte {}

.texte a, .texte a:active, .texte a:link {
	color: #CC3300;
	text-decoration: none;
}

.texte a:hover {
	color: #CC3300;
	text-decoration: underline;
}

.ps {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 12px;
}

.info {
	color: #5d5d5d;	
	font-size: 80%;
	font-style: italic;
}

/************ Pied *******************/

#pied {
  margin: 0px 10px 0px 10px;
  padding: 5px 5px 5px 5px;
  width: 730px;
  border-top: 1px solid #5d5d5d;
  text-align: center;
  float: left;
}

#pied a {
  text-decoration: none;
}

#pied a IMG {
  vertical-align: middle;
}

/************** Forum ******************/

.forumreply {
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent url("article_end.png") no-repeat top center;
}

.forumreply a, .forumreply a:active, .forumreply a:link  {
	text-decoration: none;
	color: #CC3300;
}

.forumreply a:hover  {
	text-decoration: underline;
	color: #CC3300;
}

.forum {
  border: 1px solid #999999;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
}

.forumtitle {
  background-color: #FFA21D;
}

/************** PJs ******************/

.docsj { /* height: 160px; et docsj : non nécessaires avec <div style="clear:both;"></div>  */
  display: block;
  width: 100%;
}

.pj {
  /* display: inline;  */ 
  float: left;
  text-align: center;   
  width: 29%;
  border: 1px solid #CC3300;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
}

.descrpj {
  font-size: 0.8em;
  color: #5d5d5d;	
}


/************* Classes ***************/
/********** Page liens ***************/
.logo_droite { float: right; margin-left: 10px; margin-bottom: 0px; }