/*Polices*/
@font-face {
  font-family: 'Autour One';
  src: url('fonts/Autour+One.eot?#iefix') format('embedded-opentype'), 
  url('fonts/Autour+One.woff') format('woff'), url('fonts/Autour+One.ttf') format('truetype');
}
@font-face {
  font-family: 'Codystar';
  src: url('fonts/Codystar.eot?#iefix') format('embedded-opentype'), 
  url('fonts/Codystar.woff') format('woff'), url('fonts/Codystar.ttf') format('truetype');
}

/*Bases*/
*{margin : 0px;padding : 0px;}
aside{text-align:justify;color:white;font-family: cursive; font-size:0.7em;font-style:italic;padding:5px;}
article{font-family: 'Codystar', cursive;}
aside, article, h1, #tout_comp, .tout_autre{width:950px;margin:auto;}
h1{font-family: 'Autour One', cursive;color:white;}
body {background-image:url("../images/fond2.png");overflow-x: hidden;}

/*barre menu*/
body header { height:50px;position:fixed;width:100%; background-color: #f26c4f; box-shadow:1px 1px 3px gray;opacity:0.6;}
body header nav {margin:auto;margin-top:10px;width:950px;z-index:1;font-family: 'Autour One', cursive;font-size:1.5em}
.bouton{margin-left:20px;float:left;}
.bouton a , .bouton a:visited{color:black;text-decoration:none;}
.bouton a:hover{color:white;}
#bouton_home{background-image:url("../images/home.png");width:50px;height:48px;margin-top:-10px;}
#bouton_home:hover{background-image:url("../images/home_hover.png")}

/*sections*/
#presentation{margin:auto;margin-top:150px;text-align:justify;color:white;font-family: cursive;font-style:italic;width:950px;}
#presentation p {margin-top:20px;}
#xp{margin : auto; margin-top:100px;padding-top:30px;padding-bottom:30px; width:100%;background-color: #7accc8;font-size:1.2em;background-image:url("../images/fleche.png"); background-repeat: no-repeat;background-position:left center;}
#xp article,#forma article {margin-top:20px;}
#forma, #comp, #other {width:100%; margin : auto;margin-top : 120px;}
#tout_comp,.tout_autre{margin-top:50px;}

/*Flux*/
.flux{margin-top:200px;}
.flux {text-align:center;}
.flux2{margin-top:-20px;}
.flux2 table{border-collapse: collapse;margin:auto;}
.flux2 table tr { display : block;}
.flux2 table tr.suiv{margin-top:-5px;}
.flux2 table tr td a {text-decoration:none;}
.flux2 table tr td a .flux_liens_view {width:235px;height:50px;opacity: 0.8; background-color:black; color:white;text-decoration:none;position:absolute;margin-top:-55px;}
.flux2 table tr.suiv td a .flux_liens_view {margin-top:-53px;}
.flux2 table tr td a .flux_liens_view p{margin-top:0px;font-size:0.9em;padding : 10px; text-align:justify;}

/*footer*/
footer{width:100%; margin-top:50px; background-color:white;height:200px;}
footer div {text-align:center;width:950px;margin:auto;color:grey;font-family:cursive;font-style:italic;font-size:0.7em;padding-top:100px;}
footer div a, footer div a:visited{color:red;text-decoration:underline;}
footer div a:hover {color:black}