.bandeau    {
    text-align: center;
    color: #3cf0ef;
    background-color: #0A2828;
    vertical-align: middle;
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    border-collapse: collapse;
    width: 100%;
    height : fit-content;
}
.menu {
    border-collapse:collapse;
    text-align : center;
    background-color : #0A2828;
    vertical-align : center;
    /*height : 100%;*/
    width : 100%;
}

.contenu  {
    color: #3cf0ef;
    border-collapse:collapse;
    text-align : center;
    font-size :1em
    background-color : #0A2828;
    width : max-content;
    padding : 0 auto 0;
}
.form_session{
    width : max-content;
    text-align : center;
    margin : 0 auto 0;
    padding : 0;
}
.tab_form{
    list-style-type: none;
    width :auto;
    text-align:center;    
}

#nav_GPS,#nav_anonyme,#nav_autre,#nav_GPS2,#nav_GPS4,#nav_anonyme2,#nav_autre2{
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    float: center;
    margin: 0 0em 2em;
    padding: 0;
    background-color: #0A2828;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

#nav_GPS li{
    display:block;
    float:left;
    padding:0;
    width:16.66%;
    height:auto;
    text-align:center;
    margin: 0 auto 0em;
     border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

#nav_GPS2 li{
    display:block;
    float:left;
    padding:0;
    width:33.3%;
    height:auto;
    text-align:center;
    margin: 0 auto 0em;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#nav_GPS4 li{
    display:block;
    float:left;
    padding:0;
    width:25%;
    height:auto;
    text-align:center;
    margin: 0 auto 0em;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#nav_autre li,#nav_autre2 li{
    display:block;
    float:left;
    padding:0;
    width:50%;
    height:auto;
    text-align:center;
    margin: 0 auto 0em;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

#nav_anonyme li,#nav_anonyme2 li{
    display:block;
    float:left;
    padding:0;
    width:100%;
    height:auto;
    text-align:center;
    margin: 0 auto 0em;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

#navnorm {
		display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #3cf0ef;
		background-color: #0A2828;
		border-right: 1px solid #ccc; }
#navinv {	display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color:  #0A2828;
		background-color: #3cf0ef;
		border-right: 1px solid #ccc; }
UL{
    padding-left : 0px;
    padding-right: 0px;
}
UL.formulaires{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    width:max-content;
    margin:0 auto 0;

}
UL.formulaires li{
    display:flex;
    float:auto;
    padding:0 auto 0;
    width:auto;
    height:auto;
    text-align:center;
    margin: 0 auto 0;
}
.contenu  {
    color: white;
    border-collapse:collapse;
    text-align : center;
    font-size :1em
    background-color : #0A2828;
    vertical-align : center;
    height : auto;
    width : auto;
}

UL{
    padding-left : 0;
    padding-right: 0;
}
UL.formulaires{
    display :block;
    width:auto;
    margin:0 auto 0;
}
UL.formulaires li{
    display:block;
    float:auto;
    width:auto;
    height:auto;
    text-align:center;
    margin : 0 auto 0;
}
@media screen and (max-width:700px){
.contenu  {
    color: white;
    border-collapse:collapse;
    text-align : center;
    font-size :1em
    background-color : #0A2828;
    vertical-align : center;
    height : auto;
    width : auto;
}
.form_session{
    width : max-content;
    text-align : center;
    margin : 0 auto 0;
    vertical-align : center;
    border-collapse : inherit;
}
UL{
    padding-left : 0;
    padding-right: 0;
}
UL.formulaires{
    display :block;
    width:auto;
    margin:0 auto 0;
}
UL.formulaires li{
    display:block;
    float:auto;
    width:auto;
    height:auto;
    text-align:center;
    margin : 0 auto 0;
}
#nav_GPS,#nav_anonyme,#nav_autre,#nav_GPS2,#nav_GPS4,#nav_anonyme2,#nav_autre2 {
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    margin: 0 0em 0em;
    padding: 0;
    list-style: none;
    background-color: #0A2828;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#nav_GPS li,#nav_anonyme li,#nav_autre li,#nav_GPS2 li,#nav_GPS4 li,#nav_anonyme2 li,#nav_autre2 li{
    display:block;
    float:left;
    padding:0;
    width:100%;
    height:auto;
    text-align:center;
    margin: 0;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#navnorm {
		display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #3cf0ef;
		background-color: #0A2828;
		border-right: 1px solid #ccc; }
#navinv {	display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color:  #0A2828;
		background-color: #3cf0ef;
		border-right: 1px solid #ccc; }

}
@media handheld{
.contenu  {
    color: white;
    border-collapse:collapse;
    text-align : center;
    font-size :1em
    background-color : #0A2828;
    vertical-align : center;
    height : auto;
    width : auto;
}
.form_session{
    width : max-content;
    text-align : center;
    margin : 0 auto 0;
    vertical-align : center;
    border-collapse : inherit;
}
UL{
    padding-left : 0;
    padding-right: 0;
}
UL.formulaires{
    display :block;
    width:auto;
    margin:0 auto 0;
}
UL.formulaires li{
    display:block;
    float:auto;
    width:auto;
    height:auto;
    text-align:center;
    margin : 0 auto 0;
}
#nav_GPS,#nav_anonyme,#nav_autre,#nav_GPS2,#nav_GPS4,#nav_anonyme2,#nav_autre2 {
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    margin: 0 0em 0em;
    padding: 0;
    list-style: none;
    background-color: #0A2828;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#nav_GPS li,#nav_anonyme li,#nav_autre li,#nav_GPS2 li,#nav_GPS4 li,#nav_anonyme2 li,#nav_autre2 li{
   display:block;
    float:left;
    padding:0;
    width:98%;
    height:auto;
    text-align:center;
    margin: 0;
      border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#navnorm {
		display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #3cf0ef;
		background-color: #0A2828;
		border-right: 1px solid #ccc; }
#navinv {	display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color:  #0A2828;
		background-color: #3cf0ef;
		border-right: 1px solid #ccc; }

}

.logos {
    text-align: center;
    color: #3cf0ef;
    background-color: #0A2828;
    vertical-align: baseline;
    font-family: "Times New Roman", Times, serif;
    font-size:2em;
    border-collapse: collapse;
    margin-top:1px;
    width: 100%;
    height: 10%;
    }


a:link  {color:  #0A2828;}
a:visited  {color:#00a0a0;}
a:active  {color: #FF0000;}

#normale {
    border: 1px solid black;
     border-collapse:collapse
    }
#normale td,tr,th
     {text-align: center;
      padding : 10px;
      border: 1px solid black;
      border-collapse:collapse
     }  
#normale th {background-color: #A0ffff}   

#titrepb {
    text-align: center;
    color: black;
    background-color: white;
    vertical-align: middle;
    font-family: "Times New Roman", Times, serif;
    font-size:2em;
    font-style: normal;
    font-weight: normal;
}

html,body{
    color : white;
    background-color : black;
    height:100%;
    margin :0;
    padding :0;
}
body{
    height:10em;
    display : table;
    width : 100%;
    position:absolute;
    top:0;
    height:25%;
   
}
footer{
      clear:both
    position:relative,fixed;
    /*padding-top: 12px;*/
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    left:0;
    width:100%;
    height:25%;
}