body { margin-left: auto;
       margin-right: auto;
       margin-top: 0px;
       background-color:white;
/*       padding: -2px;*/
       width: 1000px;
       border-left: 2px solid #bdc9ef;
       border-right: 2px solid #bdc9ef;
     }

#header { position:relative;
/*   #becaef => ancien bleu de l'entête modifié par Yves.  background: url('/skins/default/images/design/entete-bleu.jpg') bottom left no-repeat #becaef;*/
          background: White;
          background: url('/skins/default/images/design/Fond_ciel_degrade.png') bottom left; 
          border: 0px solid white;
          height: 100%; } /* 110px */

#header a.imagelink {
                      padding: 0px 0px 80px 150px;
                      text-decoration: none;
}

#header p {
        position: absolute;
        margin: 0;
        padding: 0;
        right: 15px;
        top: 10px;
        white-space: nowrap;
        font-size: 12px;
        font-weight: bold;
        font-family: Tahoma, Arial, Lucida Grande, sans-serif;
        text-align: right;
        text-decoration: none;
}

#partenaire {
        background: white;
        padding-top: 5px;
        border-top: 2px solid #becaef;
        border-bottom: 2px solid #becaef;
        border-right: 2px solid #becaef;
        border-left: 2px solid #becaef;
/*        width: 155px;*/
        font-size: 10px;
        height: 135px;
        vertical-align: middle;
        text-align: center;
        font-family: Tahoma, Arial, Lucida Grande, sans-serif;
}
#partenaire a {
        text-decoration: none;
}
#encart_part {
}

a img {
  border: none;
 }

#asah {
        display: block;
        color: #1b2a50;
        font-size: 24px;
        font-variant: small-caps;
        font-weight: bold;
}

#terre_portail {
        position: absolute;
        display: block;
        margin-top: 2px;
        margin-left: 30px;

}
#portail {
        display: block;
        color: #982d3f;
        font-variant: small-caps;
        font-weight: bold;
        font-size: 200%; /* 220px */ /* 150% */
}
#mission_portail {
        display: block;
        color: #982d3f;
        font-variant: small-caps;
/*        font-weight: bold;*/
        font-size: 120%;  /* 140px */
}

#smallinfos {
        display: block;
        margin-top: 4px;
        font-size: 9px;
        font-weight: normal;
}
#smallinfos a { text-decoration: underline;
                color: black;
                font-weight: bold;
              }
#smallinfos a:hover { text-decoration: underline overline; color: red;}

#mainmenu {
        position:absolute;
        font-family: Verdana, Lucida Grande, sans-serif;
        bottom:0px;
        right:0px;
}

#mainmenu ul {
        display:inline;
        margin:0;
        padding:10px 0px 0px 1px;
        list-style:none;
  
}

#mainmenu li {
        display:inline;
        float:left;
        /* background:url(/skins/default/images/design/tab_on_bleu_ns1.png) no-repeat left top;*/
        margin:0px;
        padding:0 0 0 5px;
}

#mainmenu a {
        float:left;
        font-size:11px;
        display:block;
        /*background:url(/skins/default/images/design/tab_on_bleu_ns2.png) no-repeat right top;*/
        padding:8px 10px 3px 4px;
        margin-bottom:0px;
        text-decoration:none;
        font-weight: bold;
        color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenu a {float:none;}
/* End IE5-Mac hack */


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenu a {float:none;}
/* End IE5-Mac hack */

#mainmenu li:hover, #mainmenu li:hover a {
  background-position:0% -163px;
  color: black;
}

#mainmenu li:hover a {
  background-position:100% -163px;
  color: black;
}

#mainmenu #current {
  background:url(/skins/default/images/design/tab_off_bleu_ns1.png) no-repeat left top;
  color: white;
 }

#mainmenu #current a {
  background:url(/skins/default/images/design/tab_off_bleu_ns2.png) no-repeat right top;
  padding-bottom:4px;
  color: white;
}

#submenu {
  text-align: right;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #91b4d5;
}

#submenu a {
  text-decoration: none;
  color: black;
  padding-left: 5px; padding-right: 5px;
}

#submenu a:hover {
  background-color: #f8d8d8;
}


#main_contents { width: 100%; }

/* ------------ CONTENU --------------- */
#contents, #contents p, #contents td {
  margin-top: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

#contents {
  vertical-align: top;
  padding: 2px 10px 0px 10px;
  height: 400px;
}
/* ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
color #bdc9ef remplacé par #A8B9CF
*/
#contents h1 {
  background-color: #D3DCE7;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin: 2px 3px 3px -5px;
  padding: 3px 2px 3px 12px;
}
/* ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
color #bdc9ef remplacé par #A8B9CF
*/
#contents h2 {
  background-color: #D3DCE7;
  font-size: 11px;
  font-weight: bold;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin: 2px 3px 3px 0px;
  padding: 2px 1px 2px 20px;
}

#contents ind {
  text-indent:30px;
}


#contents a {
  color: darkblue;
}
/* ----------- color origine green ------------- */
#contents a:hover {
  color: #255187;
  font-weight: bold;
  text-decoration: underline;
}

#contents p {
  margin: 2px 2px 3px 2px;
}

#contents ul {
  padding: 0px 0px 0px 20px;
  margin: 0px;
}

#contents li {
  list-style-type: circle;
  list-style-position: inside;
  padding: 2px 0px 0px 0px;
  margin: 0px;
}

#contents p retrait.left {
position:relative;
left:-40px;
}

#contents p retrait.right {
position:relative;
left:40px;
}

#contents p img {
  vertical-align: middle;
 }


#contents input, #contents select, #contents textarea
  {font-family: Verdana, sans-serif; font-size: 9px; color: black;  }





/* ----------- Colonne de droite ------------- 
ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
background-color: #CDD7F2 remplacé par #D3DCE7
width: 122px
*/
#columnright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  background-color: white;
  border-left: 4px ridge  #91b4d5;
  margin-left: 10px;
  padding-left: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  vertical-align: top;
  width: 122px;
}

#columnright ul {
  padding: 0px;
  margin: 0px;
}

#columnright li {
  list-style-type: circle;
  list-style-position: inside;
  padding: 0px;
  margin: 0px 0px 0px 3px;
}
/* ----------- couleur origine #336699 ------------- 
ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
*/
#columnright h1 {
   background-color: #255187;
   color: white;
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   margin: 2px 0px 2px -4px;
   padding: 3px 2px 3px 12px;
}

#columnright p {
  text-align: center;
  padding: 0px;
  margin: 3px 3px 2px 3px;
}

#columnright a {
  font-weight: normal;
  color: black;
  text-decoration: underline;
 }
/* ----------- color origine green ------------- */
#columnright a:hover {
  color: #255187;
  font-weight: bold;
  text-decoration: underline;
 }


/* ----------- Colonne de gauche -------------
ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
background-color: #CDD7F2 remplacé par #D3DCE7F
*/
#columnleft {
  background-color: white;
  border-right: 4px groove #91b4d5;
  vertical-align: top;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  width: 160px;
}
/* ----------- color origine #336699 ------------- 
ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
*/
#columnleft h1 {
  background-color: #255187;
  color: White;
  font-size: 11px;
  font-weight: bold;
  font-variant: small-caps;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin: 2px 0px 2px -4px;
  padding: 3px 2px 3px 12px;
}

#columnleft ul {
  padding: 0px 0px 0px 20px;
  margin: 0px;
}

#columnleft li {
  list-style-type: circle;
  list-style-position: outside;
  padding: 2px 0px 0px 0px;
  margin: 0px;
}

#columnleft p {
  text-align: center;
  padding: 0px;
  margin: 3px 3px 2px 3px;
  color: black;
}


#columnleft a {
  font-weight: normal;
  color: black;
  text-decoration: underline;
 }
/* ----------- color origine green ------------- */

#columnleft a:hover {
  color: #255187;
  font-weight: bold;
  text-decoration: underline;
 }
/* ----------- color origine #dbe9ff ------------- 
ajout bords arrondis avec radius, ne fonctionne pas avec IE<9
*/
#footer {
  background-color: #255187;
  border-top: 1px solid #6e85db;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  text-align: center;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
}

#footer_image_left {
float: left;
margin-left: 14px;
}
#footer_image_right {
float: right;
margin-right: 14px;
}

.rssfeed {margin-top: 0px;}
.rssitem {font-size: 9px; }
.index_rss a { text-decoration: none; font-size: 90%; line-height: 9px;}
#contents .index_rss ul { margin-left: 0px;  }
#contents .index_rss li { margin-left: -15px; list-style-position: inside; padding-left: 0px;}
.rssfoot {font-weight: bold;}

.wikitable { width: 90%; margin-right: auto; margin-left: auto;}
.wikiimg { margin-left: 5px; margin-right: 5px;}
.wikiimg_floatright { float: right; margin-left: 5px; }
.wikiimg_floatleft { float: left; margin-right: 5px; }
/* class wsm_forms/forms */
.autowsm_form { border: 2px solid black;  }
.autowsm_form td { border-bottom: 1px solid grey;  padding-left: 6px; padding-right: 7px;}
td.autowsm_form_title { text-align: center; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; color: black; background-color: lightgrey; border-bottom: 4px double grey; }
td.autowsm_form_subtitle { text-align: center; font-family: Verdana, sans-serif; font-size: 10px;  color: black; background-color: lightgrey; }
span.autowsm_form_subdesc { display: block; margin: 0px; padding: 0px; font-size: 8px; color: grey; }
.autowsm_form input, .autoform select, .autoform textarea {font-family: Verdana, sans-serif; font-size: 10px; color: black;  }
.autowsm_form_error { color: red; background-color: yellow; }
/* success / error messages */
.success{ color: blue}
.error { color: red;}
/* tables pour administration */
.admintable { }
.admintable thead { }
.admintable td { }

/* tables blocs */
.block_table { width: 98%; margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 10px; table-layout: fixed;}
.block_table td { padding: 0px 13px 0px 13px; margin: 3px; vertical-align: top; border:1px solid  #DDDDEE; border-left: 1px solid #DDDDDD;}
#contents .block_table td h2 {  margin-left: -10px; margin-right: -10px; padding-left: 10px;}