@import "./css/header.css"; 
@import "./css/nav-ordi.css"; 
@import "./css/footer-ordi.css"; 

@import "./css/membres.css"; 
@import "./css/section.css"; 

@import "./css/diapo.css"; 



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

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

}




body.en :lang(fr) {
  display: none;
}
body.fr :lang(en) {
  display: none;
}



body
{
background-color: white;
margin : 1.5%;
background-image: url("./img/fond.jpg");
background-attachment: fixed;
background-size: cover;

font-family: 'PoetsenOne',Arial, sans-serif;
}


ul
{
    padding-left:11%;
}

li {

 list-style-type: none;
 background-image: url('./img/liste.png');
 background-repeat: no-repeat;
 background-position: 0.25em 0.25em;
 background-size: 14px;
 padding-left: 20px;
     font-size: 130%;

}




article
{ 
background-color: rgba(0, 0, 0, 0.3);



margin: 2% 10% 1% 10%; /* haut droite bas gauche*/
padding: 1% 5% 3% 5%;
}


article a
{
text-decoration:none;
color:blue;
outline:none;
}

article a:hover
{
text-decoration:underline;
color:blue;
outline:none;
}



a img
{
margin: 15px;
outline:none;
}


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

p
{
    font-size: 130%;
	text-indent: 1em;
	text-align:justify;
}

img[style*="float:left"]
{
margin-right:30px;
}

img[style*="float:right"]
{
margin-left:30px;
}


h1
{
font-family: 'Dynascript',Arial, sans-serif;

font-size: 280%;
padding-left: 10%;
text-indent : 1em;

}

h2
{
font-family: 'Dynascript',Arial, sans-serif;
font-size: 230%;
text-indent : 1em;

}


iframe
{
margin: 2% auto 2% auto;
display:block;
}