html { 
   height: 100%; 
}

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:0;
  color:#000000;
  background-color:#9fced6;
  margin:0 auto;
  text-align:center;
  width:996px;
  height: 100%;
  /* background: #9fced6 url(IMG/idonea/bgall.gif) repeat-y 50% 200px; */
}

input {
 border:1px solid #009fae;
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
}

.ssite {
 border:1px solid #009fae;
 background-color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#17838f;
}

img{
  border:0;
}

#page{
  width:996px;
}

#top{
  /** background-image:url(IMG/idonea/logo2.gif);**/
  /** background-image:url(IMG/idonea/logo_bis.gif);**/
  /** background-position:top left;**/
  background-color:#fff;
  /** background-repeat:no-repeat;**/
  height:115px;
}

#top a:hover {
  text-decoration:none;
  background-color:transparent;
}

.banner {
  background-color:#009fae;
  margin:0 0 0 0;
  height:25px;
  padding:5px 0 0 0;
  width:996px;
  color:#FFF;
  text-decoration:none;
  font-size:11px;
  text-align:right;
  vertical-align:middle;
}

img.lecteur {
  vertical-align:middle;
}

.quicklinks {
 float:left;
 padding-left:235px;
 color:#FFF;
}

/**chemin change dans screen2.css**/
.chemin{
 background-color:#9fced6;
 color:#000;
 margin:0 0 0 0;
 text-align:left;
 /** font-weight: bold; **/
}

.chemin a {
 color:#000;
 line-height:20px;
}

 .chemin a:hover {
 background-color:#9fced6;
 color:#000;
 line-height:20px;
}

.banner form{
 float:right;
 margin-right:10px;
}

.banner a{
 color:#FFF;
 text-decoration:none;
 font-weight:bold;
}
.banner a:hover{
  color:#009fae;
  background-color:#FFF;
  text-decoration:none;
}

#contenu {
  width:996px;  
  margin:0 0 0 0;
  padding:0;
  float:left;
}

#contenu2 {
  width:996px;  
  margin:0 0 0 0;
  padding:0;
  float:left;
  height: auto; 
  height: 100%; 
  min-height: 100%; 
  background: #9fced6 url(IMG/idonea/bgall.gif) repeat-y 50% 0; 
}

.logout {
 float:left;
 padding-left:10px;
}
.logout a{
 color:#F00;
}

#left{
  width:230px;  
  margin:0 0 0 0;
  padding:0;
  float:left;
  background-color:#009fae; 
}
#right{
 background-color:transparent;
 width:766px;
 margin:0 0 0 0;
 padding:0;
 float:left;
}

#logo {
 float:left;
 padding : 0 0 0 0;
 margin:0 0 0 0;
 background-color:#fff;
}

#menuheader {
 float:right;
 padding : 20px 15px 0 0;
 margin:0 0 0 0;
 background-color:#fff;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 text-align: right;
 height:90px;
 /* color:#009fae; */
 color:#000;
 line-height:15px;
 vertical-align:middle;
}

#menuheader  a {
 margin:0;
 padding:0;
 /* color:#009fae; */
 color:#000;
 text-decoration:none;
 }

#menuheader  a:hover {
 margin:0;
 padding:0;
 color: #009fae;
 text-decoration:underline;
 }
  
 #menuheader  a.petit {
 margin:0;
 padding:0;
 /* color:#009fae; */
 color:#000;
 text-decoration:none;
 text-transform: none;
 }
 
  #menuheader  a.petit:hover{
 margin:0;
 padding:0;
 color: #009fae;
 text-decoration:underline;
 }


#bottom {
 background-color:#c7e5e9;
 width:976px;
 margin:0 0 0 0;
 padding : 5px 10px 5px 10px;
 float:left;
 line-height:33px;
 border-top:1px solid #009fae;
 border-bottom:1px solid #009fae;
 text-align: left;
 vertical-align:middle;
 font-size: 9px;
 font-weight: bold;
}

#bottom  ul {
 margin:0;
 padding:0;
 color:#17838f; /* Base text color for the menu */
}

#bottom  ul li {
 float:left; 
 list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */
}

#bottom  ul li:after {
 content:"|"; /* Or go Facebook style and use "·|" (the interpunct character) for separators */
 color:#85c0c7; /* You may want to make the separators a bit more subtle than the base text color */
}

#bottom  ul li:last-child:after {
content:""; /* No separator for the last item in the list */ 
}

#bottom  ul li a {
 margin:0 5px; /* Set margins around the links */
 color:#17838f; /* Text colors for the links */
}

#recherche {
 float:left;
 vertical-align:middle;
 /* padding : 8px 0px 0px 0px; */
 }

#footer {
 float:right;
 }

#footer  img{
 vertical-align:middle;
 margin:0 5px 0 0;
 }
 
 #search {
 border:1px solid #009fae;
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
 width:210px; 
 }
 
 #encoreSearchInput {
 border:1px solid #009fae;
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
 width:200px; 
 }

.breves{
 float:left;
/** width:345px;**/
 width:494px;
 background-color:#ffffff;
 margin:0 0 0 0;
 padding:10px;
 height:308px;
 text-align:left; 
}

.photo_accueil {
 float:left;
 width:252px;
 background-color:transparent;
 color:#FFF;
 text-decoration:none;
}

.photo_accueil a {
 color:#FFF;
}
.photo_accueil a:hover{
 color:#009fae;
 background-color:#FFF;
 text-decoration:none;
}
a {
 color:#009fae;
}
a:hover{
 background-color:#ffffff;
 text-decoration:none;
}
#preinscription {
  margin:0;
  padding:0;
  background-color:#c7e5e9;
  text-align:left;
  /* height: 328px; */
}

h1 {
  font-size: 120%;
  color: #b2111e;
  border-bottom: solid 1px #BB9999;
  margin-top:0;
}

h2 {
  font-size:110%;
  color: #b2111e;
}

h3 {
  font-size:100%;
  color: #b2111e;
  margin: 30px 0 0 0;
}

h4 {
  font-size:12px;
}

h5{
  font-size:12px;
}


#moteur{position:absolute; right:2em; top:2.5em;}

/****** EXTRA ******/
.spacer{clear:both;}
.legend{
  border-width:1px;
  border-style:solid;
  font-weight: bold;
  padding:0 0.2em;
  border-color:#000;
  background-color:#FFF;
  color:#000;
}

/* Style pour le menu spipien*/
.cache{display:none;}

#menu{
  margin:0;
  padding:0;
  background-color:#009fae;
  text-align:left;
  height: 328px;   
}

#menu ul{
  list-style-type:none;
  background-color:#009fae;
  padding:0;
  margin:0;
}
#menu ul.affiche{
 visibility:visible;
 background-color:#009fae;
 padding-left:15px;
}
#menu a{
  font-weight:bold;
  display:block;
  padding:5px 4px;
  text-decoration:none;
}
#menu a.lien{
  color: #FFF;
  text-decoration: none;
}
#menu a.lienon{
  color:#FFF;
  text-decoration: none;
}
#menu a:hover{
  background-color:#ffffff;
  color:#009fae;
}

/* Style pour le menu pub*/
.cache{display:none;}

#menupub{
  margin:0;
  padding:0;
/* background-color:#000; */
  text-align:left;
/* height: 328px; */
}
#menupub ul{
  list-style-type:none;
  background-color:#fff;
  padding:0;
  margin:0;
}
#menupub ul.affiche{
 visibility:visible;
 background-color:#fff;
 padding-left:15px;
}
#menupub a{
  font-weight:bold;
  display:block;
  padding:5px 4px;
  text-decoration:none;
}
#menupub a.lien{
  color: #FFF;
  text-decoration: none;
}
#menupub a.lienon{
  color:#FFF;
  text-decoration: none;
}
#menupub a:hover{
  background-color:#009fae;
  color:#ffffff;
}

.zone_breves{
  border-width:0;
  border-color:#BB9999;
  border-style:solid;
  margin-bottom:2em;
}
.zone_breves h1{
  border-width:0 0 1px 0;
  border-color:#BB9999;
  border-style:solid;
  margin:0 0 2em 0;
  font-size:14px;
}
.rubriques {
 background-color:#ffffff;
 padding:0px 15px 30px 15px;
 width:736px;
 text-align:left; 
}
.articles {
 background-color:#ffffff;
 padding:0px 15px 30px 15px;
 width:736px;
 text-align:left;
}

.chapo {
 margin:10px 15px 5px 0px;
 padding:0 2px;
 color:#000;
 text-align:left;

 }
.retour {float:left;clear:both;font-weight:bold;margin-bottom:0.5em}
.suite {float:right;font-weight:bold;margin-bottom:0.5em}

/**Mnogosearch**/
.mnogo_hl {
 font-weight:bold;
 background-color:#ffffff;
 color:#009fae;
}

/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

/* h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; } */

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.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 { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
/* a.spip_note {} /* liens vers notes de bas de page */
/* a.spip_in { color: #900; } /* liens internes */
/* a.spip_out { color: #009; } /* liens sortants */
/* a.spip_url { color: #009; } /* liens url sortants */
/* a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
/* .on { font-weight: bold; color: #000; } /* liens exposes */