/* CSS Multicalme
Mars 2020 */

iframe{
width:100%;
border:none;
}

html{
margin:0;
padding:0;
}

body{
font-family: verdana, arial sans-serif;
font-size:90%;
color:#333;
margin:0;
padding:0;
text-align:left;
backgroun:url(images/fond.jpg) no-repeat bottom left;
}

h1{
display:inline;
font-size:150%;
color:#333;
letter-spacing:2px;
}

h2{
font-size:150%;
color:#333;
}


a:link   {
color:#333;
}

a:visited{
color:#333;
}

a:hover {
opacity:80%;
}

#pied a:link{
text-decoration: none;
}

#mesurem{
position:relative;
float:left;
font-family: calibri;
color:#333;
font-size:40px;
font-weight:bold;
margin:40px;
margin-top:15px;
margin-bottom:0px;
margin-right:20px;
}

#baseline{
position:relative;
float:left;
font-family: calibri;
color:#333;
margin:40px;
margin-top:13px;
margin-bottom:0px;
margin-left:0px;
font-size:40px;
font-style:italic;
}



#questionnaire{
position:relative;
float:left;
width:50%;
}

#droite{
position:relative;
float:left;
width:50%;
}

.question{
margin:50px;
margin-right:70px;
width:80%;
padding:10px;
padding-left:15px;
font-size:15px;
color:#00D791;
color:#333;
font-style:italic;
border-radius:60px;
border:#333 1px solid;
}

.reponse{
margin:50px;
margin-left:70px;
padding:10px;
padding-left:20px;
width:80%;
color:#333;
border-radius:60px;
border:#333 1px solid;
font-size:15px;
}


#logo{
position:relative;
float:left;
margin:0;
margin-left:0;
width:80px;
}

.livre{
margin:50px;
padding:10px;
width:80%;
color:#333;
}

#couv{
position:relative;
float:left;
margin:10px;
margin-right:20px;
margin-left:0;
width:200px;
}

#ressources{
margin:50px;
padding:10px;
width:80%;
}

#pied{
margin:50px;
padding:10px;
width:80%;
}

.icone{
width:20px;
height:10px;
margin-bottom:10px;
border-radius:60px;
border:#333 1px solid;
}

.separation {
clear : both;
visibility : hidden; 
}