.fonddepageB{
margin-top: 5 px;
background-image: url("fonddepage2.jpg");
background-size: 100%;
background-repeat: no-repeat;
justify-content: top;
vertical-align: top;
height: 220px;
box-shadow: 8px 8px 12px #aaa;
border-radius: 15px;
}


table tr:nth-child(odd){
  background-color: #66CCCC;
}

table {
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 3px solid #AFFCAE;
text-align: center;
}


th, td {
  padding: 20px;
}

id#block{
position: absolute;
}

lignesurdeux:nth-child(odd){
background-color: grey;
}

.onglet{
box-shadow: 8px 8px 12px #aaa;
border-radius: 15px;
}
.ombre{
display: block;
box-shadow: 8px 8px 12px #aaa;
border-radius: 15px;
}

.largeur{
max-width: 600px;
width: 500px;
}

.titres{
display: inline-flex;
vertical-align: top;
}

.fonddepage1{
margin-top: 5 px;
background-color: white;
justify-content: top;
vertical-align: top;
height: 205px;
box-shadow: 8px 8px 12px #aaa;
}
.fonddepage2{
background-color: white;
border-radius: 15px;
height: 310px;
box-shadow: 8px 8px 12px #aaa;
}

.hauteur{
height: 150px;
}


.memeligne{
display: inline-flex;
vertical-align: top;
background-color: white;
justify-content: top;
vertical-align: top;
box-shadow: 8px 8px 12px #aaa;
border-radius: 15px;
width: 400px;
}

.alignement{
vertical-align: top;

}

.soulignement{

border-bottom: blue;
height: 50px;
vertical-align: top;

}
.soulignement1{
height: 50px;
border-bottom: 4px solid #AFFCAE;

}
.soulignement2{
height: 40px;
border-bottom: rgb(84, 249, 141);
width: 450px;
}


.imagefond{
background-image: url("logoA.jpg");
background-size: 100%;
background-repeat: no-repeat;
height: 370px;
box-shadow: 8px 8px 12px #aaa;
border-radius: 15px;
}
.imagefond{
background-image: url("logoA.jpg");
background-repeat: no-repeat;
border-radius: 15px;
height: 300px;
}


}
head{
width: 850 px;
}
body{

background-repeat: no-repeat;
vertical-align: top;
text-align: left;
display: block;
  align-items: top;
  justify-content: top;

}

html {
vertical-align: top;  
height: 100%;
display: block;
  align-items: top;
  moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}


h1 {
  font-family: 'Electrolize', sans-serif;
text-align: left;
vertical-align: bottom;
border-radius: 8px;
  color: white;
  background-image: url("fonddepage1.jpg");
background-size: 100%;
background-repeat: no-repeat;
    font-style: bold;
padding:110px 5px;
padding-top: 0 px;
width: 100%;
 
  
}

h2{
  font-family: 'Electrolize', sans-serif;
  color:black;
  font-size: 20px;
  text-align: center;
  text-decoration: bottom ;
}

h3{
 display: inline-flex;
font-family: 'Electrolize', sans-serif;
  color: white;
  text-align: center;
  background-color: #66CCCC;
  font-size: 20px;
  text-decoration: none;
width: 140px;
border-radius: 15px;
padding: 20px 20px;
box-shadow: 8px 8px 12px #66CCCC;
}

h4{
  font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
  color: blue;
  text-align: center;
  font-size: 23px;
  font-style: bold;
padding: .20em;
text-align: bottom;



}



h5{
  font-family: 'Orbitron', sans-serif;
  color: forestgreen;
  text-align: center;
  
}

h6{
  font-family: 'Mali', cursive;
  color: black;
  font-size: 16px;
border-bottom: 2px dotted black;
border-top: 0px dotted black;
  text-align: left;
margin-left: 25px;
line-height: 15px;
background-color: white;
}

h7{
  font-family: 'Electrolize', sans-serif;
  color: blue;
  text-align: center;
text-decoration: none;
  font-size: 23px;
  font-style: bold;
  height: 50px;
}
h8{
  font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
  color: black;
  font-size: 24px;
border-bottom: 0px dotted black;
border-top: 0px dotted black;
  text-align: left;
margin-left: 25px;
line-height: 15px;
background-color: transparent;
text-align: center;
}


p{
  font-family: 'Orbitron', sans-serif;
  color: black;
  text-align: center;
  font-size: 10 px;
  text-decoration: none;
}

footer{

align: bottom
font-family: 'Comic sans ms', sans-serif;
  color: black;
  font-size: 20px;

  text-align: center;
  
}


td {
    width: 40%;
    vertical-align: top
position: center;
  align-items: top;
  justify-content: top;
}
th {
vertical-align: top    

  align-items: top;
  justify-content: top;
}

tr {
vertical-align: top    
width: 40%;
  align-items: top;
  justify-content: top;
}

.iframe-container {
  position: center;
  width: 100%;
  
}
.iframe-container iframe {
  display: block 
  position: absolute;
  width: 25%;
}

li{
display: inline;
width: 25%;
heigth: 100%;

}

.liste {

font-family: 'Orbitron', sans-serif;
  color: forestgreen;
  text-align: center;
  font-size: 16px;
  text-decoration: bottom;
}


.navigation {
  
position: left;

  }

#navigation li{
  display: inline;
text-align: left;
  height: auto;
  text-decoration: none;
  list-style: none;
  
  box-shadow: 8px 8px 12px #aaa;
  }



div#entete{
  float: center; 
}



.formulaire{
  position: center;
  font-family: 'Orbitron', sans-serif;
  color: black;
  font-size: 16px;
  text-align:left;
}

label {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}

button, input, select, textarea {
  font-family: 'Orbitron', sans-serif;
  color:black;
  font-size: 14px;
}

input{
  width:50%
  position:center
}


submit{
  width: 160 px
  position: center
}

.inscrits{
  display: block;
  width: 30%;
  color:black
}

div#contenu{
  display: block;
  width: 50%;
 
  color:black;
  text-decoration: none
}

div#contenu1{
  width: 20%;
 
  color:black;
  text-decoration: none;
}

div#contenu2{
  float: right;
  width: 20%;
  color:black;
  text-decoration: none;
  
}

.deuxcolonnes {
  
  display: inline-block;
  width: 100%;
  text-decoration: none
 }

iframe {
  border: 0px white;
  width: 100%;
}
.centrerimage {
  position: center
}	

@media (max-width: 300px) {
  img {
    max-width:100%;
    height:auto;
    position: center
vertical-align: top;
  }
}

div#course1{
height : 100 px
}

.contact{
height : 100 px
}

.owl-carousel{
position: center
}
.comptearebour{
text-shadow: 4px 4px 3px grey;
}