@charset "UTF-8";
html {
font-family : Geneva, sans-serif;
font-size : 1em;
font-weight : bold;
background-attachment : fixed;
background-image : url(../images/auror.jpg);
background-repeat : no-repeat;
background-position : center;
margin : 0;
padding : 0;
background-size : cover;
}
.logo img {
width : 100px;
margin : auto;
display : block;
border : #000 solid medium;
}
ul {
list-style-type : none;
margin : auto;
width : 100%;
display : block;
margin-top : 100px;
}
ul li {
display : inline-block;
width : 45%;
text-align : center;
padding : 2em 1em;
border-radius : 15px;
}
ul li a {
display : inline-block;
width : 45%;
text-align : center;
padding : 2em 1em;
border-radius : 15px;
background : rgba(255, 255, 255, 0.3);
text-decoration : none;
color : #336699;
border-left : 1px solid;
border-bottom : 1px solid;
}
ul li a:hover {
display : inline-block;
width : 45%;
text-align : center;
padding : 2em 1em;
border-radius : 15px;
color : #006666;
font-size : 1.5em;
}
ul li a:hover:after {
content : ">";
}
p {
background : rgba(255, 255, 255, 0.3);
color : #000000;
text-align : justify;
margin : 0 15px 15px 35px;
padding : 15px;
width : 75%;
}
h3 {
font-size : 1.2em;
margin-bottom : 0;
padding-left : 15px;
color : #000;
width : 30%;
margin-left : 15px;
text-align : left;
}
span.italic {
font-family : 'Lobster', cursive;
font-size : larger;
color : #03c;
}
a:link, a:visited {
color : #f90;
}
a:hover {
color : #f60;
}
a:focus, a:active {
color : #369;
}
p img {
max-width : 100%;
min-width : 33%;
height : auto;
box-sizing : border-box;
}
/*pour le diaprama :*/
p img {
display: inline-block;
width:100%;
height:auto;/*pr conserver le ratio, meme si 1 attribut height est précisé ds le code html*/
max-width:100%;/*pour limiter la taile à la largeur du parent sauf si inclus dans un paragraphe*/
/*width:auto;pour corriger un bug sur IE8*/
box-sizing: border-box/*pr limiter à 100% de la largeur ^m si les paddings ou bordures sont appliqués à l'elt*/
} 
@font-face {
{
font-family : "'Lobster'";
font-style : normal;
font-weight : 400;
src : local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v6/TSDaXhyJuDJ-NBU0popSWA.ttf) format('truetype');
}