*, body { padding:0; margin:0; font-size: 0.9rem;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin-bottom: 10px; }

body { background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#000000; margin:0; padding:0; }
th,td { font-size:75%;
  voice-family:"\"}\"";
  voice-family:inherit;
  font-size:100%;
  } /* hack ie5.5 pour héritage des tailles de polices */
img, a:link img, a:visited img { border:0; }

h1 { font-size:1.7em;text-align: center;color: rgb(42,65,78);border-bottom: 1px solid rgb(203,203,203);margin-bottom: 0; padding-bottom: 10px;padding-top: 10px;}  /* displayed at 18px */
h2 { font-size:1.5em;color: rgb(42,65,78)}  /* displayed at 18px */
h3 { margin-bottom:0; padding-bottom:0; }

ul { list-style:none; padding:0; }
ul li { background: url("../images/puce1_violet.gif") no-repeat 0 0.3em transparent; padding-left:12px; margin-left:0; padding-bottom:0.5em;}

ul.navigation { float:left; width:140px; font-size:0.8em;margin-left:0;padding-left:0;}
ul.navigation li { margin:0;padding:0; background:none; }

main{
  border-left: rgb(203,203,203) 1px solid;
  /*padding-top: 10px;*/
  margin-left:150px;
  padding-left: 15px;
  margin-top: 10px;
}
div#nav_direct { float:left; text-indent:-9000px; width:1px; }

fieldset { border:rgb(203,203,203) 1px solid;; margin-right:50px;padding: 10px;}
legend { font-weight:bold; color:#0027aa; margin-left:0; }

a.quickLink{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
a.quickLink:focus,
a.quickLink:hover{
  opacity: 1;
}

.hidden{
  height: 0px;
  display: none;
}
.shown{
  height: auto;
  display: block;
}
.second-nav{
  float: left;
  width: 150px;
  position: fixed;
  bottom: 0;
  top: 46px;
  /*padding-top: 10px;*/
  background-color: rgb(239,248,255);
  border-top: rgb(203,203,203) 1px solid;
  border-right: rgb(203,203,203) 1px solid;
}
/*.selected{
  background-color: #ececec;
}*/
.second-nav ul li a:hover,
.second-nav ul  li a:focus{
  text-decoration: underline;
}
body nav.second-nav ul li a{
text-decoration: none;
}
.fa.fa-arrow-right,
.fa.fa-arrow-down{
  float: right;
  margin-right: 15px;
}
section{
  border-top: 1px dashed rgb(203,203,203);
  padding-top: 30px;
  margin-top: 30px;
}
main section:first-child{
  border: none;
  padding-top: 0;
  margin-top: 0;
}
.second-nav li{
  background: none;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.lvl2{
  margin-bottom: 0;
  margin-top: 10px;
}
body nav.second-nav > ul > li > a{
  margin-bottom: 5px;
  color: rgb(42,65,78);
  /*text-decoration: none*/
}
.second-nav > ul > li{
  border-bottom: rgb(203,203,203) 1px solid;
  background-color: #fefefe;
  /*border-top: rgb(203,203,203) 1px solid;*/
  padding-bottom: 10px;
}
.second-nav > ul > li.selected{
  padding-bottom: 0;
  background-color: #f3f3f3;
}
.second-nav > ul > li.selected > a{
  font-weight: bold;
}
.lvl2 li{
  border-top: rgb(203,203,203) 1px solid;
  border-top: rgb(203,203,203) 1px solid;
  background-color: #fff;
}


/* tabs */
div.hidden {
display: none;
}

ul.tablist{
  text-align: center;
  margin-bottom: 0;
}

ul.tablist li:focus,
ul.tablist li:hover{
  text-decoration: underline;
}
ul.tablist li.selected{
  font-weight: bold;
  background-color: rgb(239,248,255);
}

ul.tablist li{
  border-top: rgb(203,203,203) 1px solid;
  border-left: rgb(203,203,203) 1px solid;
  border-right: rgb(203,203,203) 1px solid;
  padding: 10px;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
  list-style: none;
  background: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

div#paneltab1,
div#paneltab2{
  display: none;
}
div#paneltab1.selected,
div#paneltab2.selected{
  display: block;
}

div#paneltab1,
div#paneltab2{
  background-color: rgb(239,248,255);
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border-radius: 5px;
  border: rgb(203,203,203) 1px solid;
  z-index: 1;
  margin-top: -1px;
}

/* Tableaux */
fieldset table,
fieldset td,
fieldset tr,
fieldset th{
  border: none !important;
}
table{
  border: rgb(203,203,203) 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  border-collapse: collapse;
}
table td,
table tr,
table th{
  border: rgb(215,215,215) 2px solid;
  padding: 10px;
}

/* Pop-in */
.hide_access{
	position: absolute !important;
	height: 1px; width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.popInHeader{
  background-color: rgb(75, 155, 180);
  color: #FFF;
  text-transform: uppercase;
  padding: 5px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.popInHeader button{
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  float: right;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 15px;
  height: 15px;
  background-image: url('../images/croix2.png');
}
.popInContent{
  position: absolute;
  border-radius: 4px;
  width: 60vw;
  top: 35vh;
  left: 20vw;
  height: 30vh;
  background-color: #FFF;
}
.popInBackground{
  position: fixed;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
button.btnPopIn{
  font-size: 0.8rem;
  padding: 10px;
  margin-bottom: 10px;
  background-color: rgb(239,248,255);
  border-radius: 3px;
  border: rgb(203,203,203) 1px solid;
}
#popIn button.btnPopIn{
  position: absolute;
  bottom: 0;
  right: 9px;
}
button.btnPopIn:hover,
button.btnPopIn:focus{
  cursor: pointer;
  background-color: #1d76bb;
  color: #FFF;
}

/* image avec description */
figure{
  position: relative;
  width: 40%;
  margin-bottom: 20px;
}
figure img{
  width: 100%;
}
figcaption{
  position: absolute;
  color: white;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-size: 2rem;
  background-color: rgba(0,0,0,0.7);
  padding-top: 5px;
  padding-bottom: 5px;
}

.divForm{
  float: left;
  margin-right: 2px;
}

div.bordered{
  border: rgb(203,203,203) 1px solid;
  padding: 5px;
  margin-bottom: 10px;
}