html { width:100%; height: auto;
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; font-family: "Lucida Console", "Courier New", monospace;
  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;
}

@font-face {
    font-family: 'boycottregular';
    src: url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.eot');
    src: url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.woff2') format('woff2'),
         url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.woff') format('woff'),
         url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.ttf') format('truetype'),
         url('https://nocomprendo.no-mansland.com/sites/nocomprendo.no-mansland.com/squelettes/fontes/BOYCOTT_-webfont.svg#boycottregular') format('svg');
    font-weight: normal;
    font-style: normal;
   font-display: swap;}

#logo{

  width: 100%;
  height: auto;
  position: relative; float: left;
  text-align: center; margin:0;
}

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

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


#contener {
	width: 100%; 
	position: relative; 
	float: left;
	margin: 0; 
	padding:0;
	z-index: 1;}


#sociaux2 {position: relative; float: left; width:100%; margin: 0.2em; text-align: center; border-bottom: 1px solid #dfdfdf;  }	
	
/* rubriques */

#bandeau2 {position: relative; width: 100%;}

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

.item {margin: 0.5em; display: block; position: relative; float: left; border: 3px solid black; padding:0; width:45%}
.item img { height: auto; width: 100%; padding:0; margin:0}
.item_titre {position: absolute; bottom: 0; left: 0; width: 100%;  margin:0; text-align:justify; text-transform: uppercase; font-size: 0.7em; color: white; padding:0.2em; background-color:rgba(0,0,0,0.5)}

.item_rub {margin: 0.5em 5%; display: block; position: relative; float: left; border: 3px solid black; padding:0; width:90%}
.item_rub img { height: auto; width: 100%; padding:0; margin:0}
.item_rub_titre {position: absolute; bottom: 0; left: 0; width: 100%; margin:0; text-align:center; text-transform: uppercase; font-size: 1em; color: white; padding:0.2em; background-color:rgba(0,0,0,0.5)}

.item_sommaire {margin: 0.5em 5%; display: block;position: relative; float: left; border: 3px solid black; padding:0; width:90%}
.item_sommaire img { height: auto; width: 100%; padding:0; margin:0}
.item_sommaire_titre {font-size: 1.2em; color: white;}
.item_sommaire_descriptif {position: absolute; bottom: 0; left: 0; width: 100%;  margin:0; text-align:center; text-transform: uppercase; font-size: 0.8em; color: white; padding:0.2em; background-color:rgba(0,0,0,0.5)}

.item2 {margin: 0.5em; display: block;position: relative; float: left; border: 3px solid black; padding:1em; background-color:#828282; font-size: 1em; height: 20vh; width: 20vh; overflow: scroll; color: white; text-align: right}
.item2_titre {position: absolute; bottom: 0; left: 0; width: 20vh; 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_navg {margin:0.5em auto; display:block; position: relative; float: left; border: 3px solid white; padding:0; width: 48%}
.item_navg img {width: 100% !important; height: auto; padding:0; margin:0}
.item_navg_titre {position: absolute; bottom: 0; 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);}



/* articles */

.article_contener {display: none}
.article_contener:target {background-color: rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; z-index:49; width: 100%; min-height: 80vh; display: block;}


.closebtn {
  text-decoration: none;
 float: right;
  font-size: 35px;
  font-weight: bold;
  color: black; 
  padding:2px;
  background-color: white;
  width: 40px; height: 40px; line-height: 35px; text-align: center;
}


  .article_contener2 { margin: 10%; width: 80%; color: white; background-color:rgba(0,0,0,0.20) ; border: 5px solid white; padding: 2vh; display:block;
	  
	  }

 
  .article_contener2  img {width: auto; height: 30vh; margin: 10px; border: 2px solid white;}

   .texte {text-align: justify; margin-bottom: 2vh; margin-top: 4vh;}


/* navigation menu */

#nav_gauche {
display: none;
}
	
#nav_gauche img {width: 80%; height: auto;}

#txt {
	width: 100%; 
	position: relative; float: left;
	padding:1em;
text-align: left
}

p {padding-bottom: 0;}

ul.menu {padding: 0; text-align: center; text-transform: uppercase; line-height: 2 }
ul.menu  img {width: 70%; height: auto;}

ul.sousmenu {width: 100%; height: 100%;}

li.menu1 {
	font-size: 1em; 
	
	font-weight: bold; 
	width: 100%;}
	
li.sousmenu1 {font-size: 0.8em; 
	font-weight: normal !important; 
	height:auto;}