html { width:100%; height: auto;
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; font-family: sans-serif;
  margin: 0; padding: 0;
}
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
et http://forum.alsacreations.com/topic-4-54377-1.html
[en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */
body {width:100%; height: auto; font-family: sans-serif; background-color: white;
  margin: 0; padding: 0;line-height: 1.5;
}

#logo{
  width: 100%;
  height: 10vh;
  position: relative; float: left;
  text-align: center; margin:0;
background-color: #466675;
vertical-align: middle;}

#logo img { height: auto; width:80%;  margin: auto;}

#footer { position: relative; float: left; width: 100%; 
	font-size: 0.7em; 
	padding: 1em; 
	text-align: center;
background-color: #5a91a3; }


#contener-img {width: 100%;
  height: auto;}
#contener-img img { height: auto; width:100%;  margin:0 auto;}


#sociaux2 {position: absolute; right: 0.5em; top:11vh; text-align: right; }	
	
/* rubriques */

#bandeau {position: relative; float: left; width: 100%;height: auto;
background-color: #ece4da; 
          padding: 1.5em; 
          text-align: justify;  }

#rub1 {position: relative; float: left; width: 100%;}
#rub2 {position: relative; float: left; width: 100%; }

a.rub {position: relative; float: left; color: white;  text-decoration: none; font-weight: bold; padding: 0.5em; background-color: #466675; border-bottom: 3px solid #ece4da; width: 100%}
a.rub:hover {color: white !important; background-color: #5a91a3; }
a.rub:active {color: white !important;background-color: #5a91a3; }
a.rub:visited {color: white !important;  background-color:  #466675; }


.item_navg {margin:0.5em auto; display:block; position: relative; float: left; border: 3px solid white; padding:0; width: 100%}
.item_navg img {width: 100% !important; height: auto; padding:0; margin:0}
.item_navg_titre {position: absolute; bottom: 0em; left: 0;width: 100%; z-index:3; margin:0; text-align:center; text-transform: uppercase; font-size: 0.7em; color: white; padding:0.2em; background-color:rgba(0,0,0,0.5);}

.item_navg2 {margin: 0.5em; display: inline-block; position: relative; float: left; border: 3px solid white; padding:0; width:45%;}
.item_navg2 img {width: 100% !important; height: auto; padding:0; margin:0}


/* articles */

#article {position: relative; float: left; width:100%; height:auto;  background-color: rgba(236,228,218,0.9); padding: 1.5em; text-align: justify}
#article img {width: 50%; height:auto; position: relative; float:left; border: 2px solid white; margin: 0.5em}

#affiche {position: relative; float: left;  width:100%; height:auto; background-color: rgba(236,228,218,0.9); padding: 1.5em; text-align: justify}
#affiche img {width: 100%; height:auto; position: relative; float:left; border: 2px solid white; margin-right: 1.5em}


/* navigation menu */

#nav_gauche {
	width: 100%; 
	position: relative; float: left;
	background-color: #466675;
	margin:0;
padding: 2em;
text-align: left;
}
	
	
#nav_gauche img {width: 80%; height: auto;}

.spip_document figure {margin: 0 !important; padding:0 !important;}


p {padding-bottom: 0;}