body {background-size:100% auto; background-attachment: fixed; background-repeat: no-repeat;background-position: right top;	color:#253969; }
 a { color:#37569e; }
 a:hover { color: #6e82b7;background-color: rgba(255, 255, 255, 0.20    ) }
 a:active { color: #211978; }
 a:visited { color: #211978; }
.surligne_blanc{background-color:rgba(255, 255, 255, 0.47);display: inline-block;line-height: 1.1em;}


.haut_de_page{background-color:rgba(255, 255, 255, 0.47); padding:3em  4em 1em 4em; color:#253969;max-width: 1100px;margin:0 auto;}
.header{ padding:1em 4em; color:#37569e;}
.header .spip_logo{ float:left;}
.header .spip_logo_site { color:#37569e;text-transform: uppercase;width:300px;float:left;text-align: right;font-weight: normal;font-size:2.5em;}
.header .spip_logo_site a{ color:#37569e;}
.header #slogan { color:#8193BE;width:350px;float:right;    text-align: left;padding-top:2em;font-size:1.5em;}




#nav a{ color:#253969; }
.menuder { background-color:transparent; border:0 none;}
.menuder li { width:auto;border-left:1px #37569e solid ; }
.menuder li:first-child {  border-left:0 none;  }
.menuder li:hover {   background-color:#FFF;background-color:rgba(255, 255, 255, 0.27);   }

.menuder li ul {  border:0 none;  background-color:rgba(255, 255, 255, 0.57); width:10em;  }
.menuder li ul li {  width:10em;border-left:0 none;padding:0;  }
.menuder li ul li a { width:100%;  }


.menuder a { width:auto; padding: 0.25em 1.5em;color:#37569e;   }

.menuder li.on a { color:#333;  }
.menuder a:hover { background-color:#FFF;background-color:rgba(255, 255, 255, 0.27);   }




.cartouche h1 {background-color:rgba(255, 255, 255, 0.47);padding:0.25em; width:auto;display:inline-block}


#content .main{margin:0;padding:0;}
#content .texte {background-color:rgba(255, 255, 255, 0.47);padding:0.25em; margin-bottom:2em;}
#content .menu_articles  { color:#444; }
#content .menu_articles .poule.chapo{width:100%; }
#content .menu_articles .poule.texte{ width:100%;}
#content .menu_articles .poule.chapo{width:664px; }
#content .menu_articles .poule.texte{ width:296px;}
#content .menu_articles .chapo.pull-left{ float:left;}
#content .menu_articles .texte.pull-left{ float:left;}
#content .menu_articles .chapo.pull-right{ float:right;}
#content .menu_articles .texte.pull-right{ float:right;}
#content .menu_rubriques ul { list-style: none;margin:0;padding:0;}
#content .menu_rubriques li{ display:inline-block;margin:1em;padding:1em;background-color:rgba(255, 255, 255, 0.47);}
#content .menu_rubriques li img.spip_logo { float:none;display:block;padding:0; margin:0;}
#content .menu_rubriques li a { text-decoration: none; font-weight: bold;}

.formulaire_contact_libre {margin-bottom:0;}
.formulaire_contact_libre input.text{ width: 100%;}
.formulaire_contact_libre textarea{ width: 100%;}
.formulaire_contact_libre .boutons{ text-align: left; }



.aside .bloc {background-color:rgba(255, 255, 255, 0.47);padding:0.25em; margin-bottom:2em;text-align: center;}
.aside .bloc .spip_logo{float:none;margin:0.5em auto;}






.footer { border-top:0 none;font-size:0.8em;text-align: center;}
.footer p { padding:0;margin:0;}


@media only screen and (max-device-width: 980px) {
 body {background-size:auto auto;background-position: -70px -50px ;background-attachment: fixed;}
  .haut_de_page { padding-left:0;padding-right:0; }
 .header .spip_logo { float:none;margin:0 auto;}
 .header .spip_logo_site { float:none;text-align: center;width: auto;}
 .header #slogan { float:none;text-align: center;width: auto;padding:0;}


 .menuder {text-align: center;}
 .menuder li{display:inline-block;float:none;border-left:0 none;}
 #content .menu_articles .poule.chapo{width:100%; }
 #content .menu_articles .poule.texte{ width:100%;}

 .aside {  float: none;  width: 100%; }

 .wrapper {
  clear: both;
  float: none;
  width: 100%;
 }

}



@media only screen and (max-device-width: 768px) {

 img {
  max-width:100%;
 }

 #content img {
  width:100%;
  height:auto;
 }


}