/* CSS Document */
@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../lib/polices/CaviarDreams-webfont.eot');
    src: url('../lib/polices/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/CaviarDreams-webfont.woff') format('woff'),
         url('../lib/polices/CaviarDreams-webfont.ttf') format('truetype'),
         url('../lib/polices/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');}
@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('../lib/polices/CaviarDreams_Bold-webfont.eot');
    src: url('../lib/polices/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/CaviarDreams_Bold-webfont.woff') format('woff'),
         url('../lib/polices/CaviarDreams_Bold-webfont.ttf') format('truetype'),
         url('../lib/polices/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');}

article, aside, details, figcaption, figure, footer, header,hgroup, menu, nav, section {display: block;}
* {outline: none;margin: 0;padding: 0;box-sizing: border-box;}
img  {border:none;}
ul   {list-style-type:none;}
body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#000;color:#d8d3c8;}

#bg {position:fixed;top:0;left:0;}
.bgwidth {width:100%;}
.bgheight{height:100%;}

/* STRUCTURE */
#wrapper {max-width:980px; width: 100%;margin:0 auto;position:relative;min-height:100%;}

header {margin:35px 0 20px;display: flex;}


#logo {display: block;}
#logo img {
    display: block;
    margin: 0 auto;
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	border: none;
}
nav {font:16px'CaviarDreamsBold',Arial,sans-serif; text-transform:uppercase; width:300px; margin-left: 90px;}

header aside   {float:right;padding-top:75px;width:370px;}
header aside p {float:left;font-size:10px;margin:0 0 0 120px;}
header aside a {float:right;margin:3px 0 0 5px;}

section {width:700px;background:url(../webimages/background.png) repeat-y;margin:0px 0px 0 280px; display: flex;}
#main{width:410px;float:left;padding:50px 20px; margin:0 10px 0 0;}
#news  {width:280px;float:left;padding:50px 20px;}

#signature {float:right;}

footer  {clear:both;}
@media screen and (max-width:1024px) {
    #logo {
        width: 30%;
    }
    header {
        flex-direction: column;
        align-items: center;
        margin: 20px 0 0;
    }
    header aside {
        width: 100%;
        padding: 0 4%;
        margin: 0;
        float: none;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    header aside p, header aside a {
        float: none;
        margin: 0;
    }
    header aside a {
        margin: 0 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #main_nav li {
        margin: 0 0 5px;
    }
    nav {
        text-align: center;
        margin: 25px 15px;
        font-size: 22px;
        width: 100%;
    }
    section {
        width: 100%;
        margin: 0;
        background: none;
        padding: 4%;
        flex-direction: column;
    }
    #main {
        width: 100%;
        background:url(../webimages/background2.png);
        margin: 0;
    }
    #news {
        margin: 25px  0 0;
        width: 100%;
        background:url(../webimages/background2.png);
    }
}
/* STYLES */
a   	{color:#d8d3c8;text-decoration:none;}
a:hover {color:#e4227a;}
h1,h2  	{color:#e4227a; text-transform:uppercase;font:30px'CaviarDreamsBold',Arial,sans-serif;font-weight:normal;}
p   	{margin:15px 0;}
.menu_actif {color:#e4227a;} 
.title {text-transform:uppercase;}
.title strong {color:#f4ac9b;}
.pagination {color:#e4227a;text-transform:uppercase;font-weight:bold;}

.accordeon dt {margin:10px 0 15px;}
.accordeon dt h2{cursor:pointer;color:#f4ac9b;background:url(../webimages/more.png) no-repeat right 3px;font-size:20px;border-bottom:1px solid #e4227a;padding-bottom:5px;}
.accordeon dt.active h2{background:url(../webimages/less.png) no-repeat right 3px;}
.accordeon dd {padding-top:1px;margin-bottom:45px;}

.boxes { display:block; width:80px; height:80px; float:left; margin:2px;}

/* FORMULAIRES */
#formulaire {width:370px;font-size:10px;line-height:12px;}
#formulaire td {vertical-align:top;}
#formulaire p  {margin:0 0 5px;}
#formulaire input    {font-size:12px;border:1px solid #000;padding:2px;width:150px;}
#formulaire textarea {font-size:12px;border:1px solid #000;padding:2px;width:250px;height:90px;}
#formulaire .failed {color:#900;}
#formulaire .valid  {color:#090;}
#formulaire .sends  {color:#000;background-color:#ccc;border:1px solid #000;width:70px;margin:5px auto;padding:2px;text-align:center;cursor:pointer;display:block;}
#formulaire .sends:hover {color:#fff;}
#special {display:none;}
/* COPYRIGHT */
#copyright {background:url(../webimages/icon/copyright_lelixir_blanc.png);margin:15px 0 0 15px;display:block;width:73px;height:13px; float:right;}
#copyright:hover {background-position:0 -13px;}

#map {
	height: 400px;
	width: 100%;
	z-index: 1;
	
	.osm-icon {
		font-size: 40px;
		cursor: pointer;
		position: relative;
		//animation: bounce 0.35s ease infinite alternate;
		animation: bounce 0.3s linear 6 alternate;
	}
	.leaflet-control-attribution.leaflet-control {
		display: none;
	}
}
@keyframes bounce{
	from {top: 0;}
	to   {top: -15px;}
}

/* 

//YELLOW
@media screen and (max-width:1980px) {
    
}
//RED
@media screen and (max-width:1260px) {
    
} 



//GREEN
@media screen and (max-width:1024px) {
}




//PINK
@media screen and (max-width:768px) {
    
}
//BLUE
@media screen and (max-width:480px) {
    
}

*/