@font-face
{
font-family: 'myriad';
    src: url('fonts/myriadproregular.eot') format('eot'),
         url('fonts/myriadproregular.woff') format('woff'),
         url('fonts/myriadproregular.ttf') format('truetype'),
         url('fonts/myriadproregular.svg') format('svg');

}

*
{
font-family: 'myriad',arial;
}

body
{
background-color: #1d95cf;
margin : 1.5%;
/*background-image: url("img/fond.png");
background-attachment: fixed;
background-size: cover;*/
}

nav
{
min-height: 100px;
margin-top:0.9%;
}



nav a
{
border : white solid;
border-radius: 50px;
border-width: 7px;
font-style: normal;
text-decoration: none;

color: white;
font-family: 'myriad',arial;
font-size: 190%;
text-align : justify;
padding: 5px;
padding-left: 10px;
margin:0px;

vertical-align:middle;

}


nav a:hover
{
font-size: 250%;
}

.selec
{
border :  #f9e932 solid;
border-radius: 50px;
border-width: 7px;
font-style: normal;
text-decoration: none;
color: white;
font-family: 'myriad',arial;
font-size: 190%;
text-align : justify;
padding: 5px;
padding-left: 10px;
margin: 0px;
}

a{
outline:none;
}



.date
{
text-decoration: none;
font-style: italic;
padding-left: 50px;
}

div
{
overflow:auto;
}



li
{
list-style-image: url("img/goutte.svg");
margin-left: 10%;
text-align:left;

}

article
{
text-align: justify;
word-wrap: break-word;
border-radius: 50px;
background-color: white;
margin-bottom: 3%;
margin-left: 12%;
margin-right: 12%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 4%;
padding-right: 4%;
font-size: 130%;
}

p
{
 text-indent: 2em;
}


article a
{
border:  none;
font-style: normal;
text-decoration: none;
color: blue;
font-family: 'myriad',arial;
text-align : justify;
}

article a:visited
{
border:  none;
font-style: normal;
text-decoration: none;
color: #9589EE; /*bleu pale*/
font-family: 'myriad',arial;
text-align : justify;
}

article a:hover  
{
text-decoration: underline;
font-family: 'myriad',arial;
}

a img
{
margin:20px;

}

a img:hover
{
box-shadow: 0 0 15px 5px rgba(34,179,233,0.7);
outline:none;

}

h1 /* présentation dans accueil*/
{
font-size: 200%;
padding-left: 10%;
}


h2  /*titre article*/
{
font-size: 190%;
color: black;
padding-left:7%;
}



figcaption
{
text-align: center;
}
.diapo
{
width: 12%;
}


img:hover.diapo
{
-webkit-transform : scale(1.2);
-moz-transform : scale(1.2);
-ms-transform : scale(1.2);
-o-transform : scale(1.2);
transform : scale(1.2); 
}
.gal
{
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
}