/* Minimal style commun to small screens and large screens */

body
{
  color: white;
  background-color: #004477;
  font-size: 12px;
}

ul.menu a {
  color: white;
  font-weight: bold;
  font-size: 13px;
  background-color: #ff7700;
  border-right: solid 2px #003b6f;
  padding: 0.55555rem 1rem;
}

ul.menu a:hover {
  background-color: #ff8c00;
}

#divHeaderAccueil {
  background-color: #48b422;
}

h1 {
  background:  url(../img/logo.png) top left no-repeat;
  padding: 10px 0px 10px 55px;
}

.mainpage {
  background-color: #80bbd9;
  color: #047;
}

.maingallery {
  background-color: #006599;
  color: #fff;
}

.mainmenu ul {
  margin-left: 0;
}

.mainmenu li {
  list-style: none;
  font-weight: bold;
}


.maincontent {
  background-color: white;
  color: #047;
}

.maincontent h3 {
  color: #ff7600;
  font-size: 22px;
  margin-bottom: 1em;
  text-align: center;
}

.maincontent h4 {
  color: #ff7600;
  font-size: 20px;
  margin-bottom: 1em;
}

.maincontent h4 small {
  display: block;
  padding-top: 0.5em;
  color: #047;
}

.maincontent p {
  margin-left: 1em;
}

.maincontent a {
  color: #047;
}

@media only screen and (min-width: 40.063em) {

  #header {
    background: url(../img/header-l.png) top left no-repeat,  url(../img/header-r.png) top right no-repeat,  url(../img/header-m.png) top center;
    height: 84px;
  }

  #header h1 {
    display: none;
  }

  #topmenu {
    background: url(../img/background-l.png) top left repeat-y, url(../img/background-r.png) top right repeat-y, #ff7700;
  }

  .mainpage, .maingallery {
    background: url(../img/background-bl.png) bottom left no-repeat, url(../img/background-br.png) bottom right no-repeat, url(../img/background-bm.png) bottom repeat-x, url(../img/background-l.png) top left repeat-y, url(../img/background-r.png) top right repeat-y, #80bbd9;
    padding: 0 14px 14px 14px;
  }

  .maingallery {
    background-color: #006599;
    color: #fff;
  }
  
  #divHeader {
    height: 65px;
  }

  #divHeader h2 {
    visibility: hidden;
  }
  
  .headerNews {
    background: url(../img/bandeau-news-l.png) top left no-repeat,  url(../img/bandeau-news-r.png) top right no-repeat,  url(../img/bandeau-news-m.png) repeat-x;
  }

  .headerCoordonnees {
    background: url(../img/bandeau-coordonnees-l.png) top left no-repeat,  url(../img/bandeau-coordonnees-r.png) top right no-repeat,  url(../img/bandeau-coordonnees-m.png) repeat-x;
  }

  .headerConditions {
    background: url(../img/bandeau-conditions-l.png) top left no-repeat,  url(../img/bandeau-conditions-r.png) top right no-repeat,  url(../img/bandeau-conditions-m.png) repeat-x;
  }

  .headerHistorique {
    background: url(../img/bandeau-historique-l.png) top left no-repeat,  url(../img/bandeau-historique-r.png) top right no-repeat,  url(../img/bandeau-historique-m.png) repeat-x;
  }

  .headerLiens {
    background: url(../img/bandeau-liens-l.png) top left no-repeat,  url(../img/bandeau-liens-r.png) top right no-repeat,  url(../img/bandeau-liens-m.png) repeat-x;
  }

  .headerActivites {
    background: url(../img/bandeau-activites-l.png) top left no-repeat,  url(../img/bandeau-activites-r.png) top right no-repeat,  url(../img/bandeau-activites-m.png) repeat-x;
  }

  .headerGalerie {
    background: url(../img/bandeau-galerie-l.png) top left no-repeat,  url(../img/bandeau-galerie-r.png) top right no-repeat,  url(../img/bandeau-galerie-m.png) repeat-x;
  }

  .headerAdmin, .headerAdminMembreListe, .headerAdminMembreAjouter, .headerAdminMembreModifier,
  .headerAdminNewsListe, .headerAdminNewsAjouter,.headerAdminNewsModifier {
    background: url(../img/bandeau-admin-l.png) top left no-repeat,  url(../img/bandeau-admin-r.png) top right no-repeat,  url(../img/bandeau-admin-m.png) repeat-x;
  }

  .mainmenu {
    font-size: 14px;
  }

  .mainmenu h3 {
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-bottom: solid 2px #003b6f;
    margin: 10px 0px;
  }

  /* Pages Admin */

  .cadreAdmin
  {
    border: solid #004477 1px;
    background-color: #eff7fb;
    padding: 10px;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 10px;
    height: 150px;
    text-align: center;
  }
  
  #aMembreAjouter 
  {
    background-image: url('../img/boutonMembreAjouter.gif');
    width: 140px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
  }

  #aMembreAjouter:hover
  {
    background-image: url('../img/boutonMembreAjouterHover.gif');
  }

  #aMembreListe 
  {
    background-image: url('../img/boutonMembreListe.gif');
    width: 140px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
  }

  #aMembreListe:hover
  {
    background-image: url('../img/boutonMembreListeHover.gif');
  }

  #aNewsAjouter
  {
    background-image: url('../img/boutonNewsAjouter.gif');
    width: 140px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
  }

  #aNewsAjouter:hover
  {
    background-image: url('../img/boutonNewsAjouterHover.gif');
  }

  #aNewsListe
  {
    background-image: url('../img/boutonNewsListe.gif');
    width: 140px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
  }

  #aNewsListe:hover
  {
    background-image: url('../img/boutonNewsListeHover.gif');
  }

}