html, body { font-family: 'arial'; color:#51504C; }

@font-face {
    font-family: 'vagrou01';
    src: url('fonts/vagrou01/vagrou01.eot');
    src: url('fonts/vagrou01/vagrou01d41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagrou01/vagrou01.woff') format('woff'),
         url('fonts/vagrou01/vagrou01.ttf') format('truetype'),
         url('fonts/vagrou01/vagrou01.svg#conduit_itcmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



#header { z-index:9999; position:fixed; width:100%; margin: 0; padding: 0; height: 57px; top:0; letter-spacing:0em; opacity:0; overflow:hidden;
background: #003c56; /* Old browsers */
background: -moz-linear-gradient(left,  #003c56 0%, #1b536a 25%, #003c56 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003c56), color-stop(25%,#1b536a), color-stop(100%,#003c56)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #003c56 0%,#1b536a 25%,#003c56 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #003c56 0%,#1b536a 25%,#003c56 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #003c56 0%,#1b536a 25%,#003c56 100%); /* IE10+ */
background: linear-gradient(to right,  #003c56 0%,#1b536a 25%,#003c56 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c56', endColorstr='#003c56',GradientType=1 ); /* IE6-9 */
border-top: 2px solid #DA0043;
box-shadow: 0 0 5px #7d7d7d;
}


#footer { position: relative; padding:0; margin: 0; bottom:0; width:100%;  opacity:0; box-shadow: 0 0 5px #7d7d7d;}

#sl_fond, #footer, .datepicker_minimal { position: relative; padding:0; margin: 0; bottom:0; width:100%;  opacity:0;
background: #e4e5e6; /* Old browsers */
background: -moz-linear-gradient(left,  #e4e5e6 0%, #ffffff 50%, #e4e5e6 100%, #e4e5e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4e5e6), color-stop(47%,#ffffff), color-stop(100%,#e4e5e6), color-stop(100%,#e4e5e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e4e5e6 0%,#ffffff 50%,#e4e5e6 100%,#e4e5e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e4e5e6 0%,#ffffff 50%,#e4e5e6 100%,#e4e5e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e4e5e6 0%,#ffffff 50%,#e4e5e6 100%,#e4e5e6 100%); /* IE10+ */
background: linear-gradient(to right,  #e4e5e6 0%,#ffffff 50%,#e4e5e6 100%,#e4e5e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e6', endColorstr='#e4e5e6',GradientType=1 ); /* IE6-9 */
}


#footer-cont { min-width:750px;  width:100%; padding: 0; color:#434343; letter-spacing:0.05em; background-image:url('images/deco1.png'); }
#footer-bas {  position: relative; width:100%; height:34px;
background: #003c56;
text-align:center; color:white; 
border-top:1px solid white;
}

.bastxt { padding-top:7px; display:inline-block; color:white; }

#footer-bas a, #footer-bas a:link, #footer-bas a:visited { color: white; }
#footer-bas a:hover { color:white; }

p { margin:0; padding:0; margin-bottom:15px;}

h1 { font-family: 'Anton'; color:#202020; }

h2 { font-family: 'Poiret One'; color:#003C56; font-size:2.8em; font-weight:normal; padding:0; margin:0; margin-bottom:25px; line-height:1em; letter-spacing:0em;}

h3 { font-family: 'vagrou01'; color:#DA0043; font-size:1.2em; line-height:1.21em; text-shadow: none; font-weight:normal;  letter-spacing:0.078em; text-transform:uppercase; margin:0; padding:2px; margin-top:35px; margin-bottom:8px; width:100%;

}

#fondeux { background-color:#d8d8d8; border-top: 1px solid #CCCCCC; }
#contnews { max-width:1000px; width:100%; padding-bottom:20px; }
#contnews img {border: 1px solid #b8b8b8; padding:0; margin:0; margin-bottom:2px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
.acudate { font-size:0.9em !important; color:#757575; font-style:italic;}

h4 { font-family: ''; font-size:1.2em; color:white; text-shadow: 1px 1px 0px black; height:28px; font-weight:normal; letter-spacing:0px; text-transform:uppercase; line-height:1.5em; margin:0; padding:0; }

.title_2 { font-family: 'vagrou01'; color:#FFFFFF; margin:0; padding:0; margin-top:40px; font-weight:normal; text-shadow: 0px 0px 1px black; margin-bottom:15px; opacity:0; font-size:1.6em; text-transform:uppercase;}

.title_1 { font-family: 'Anton'; color:#FFFFFF; font-size:5.4em;}

.accueiltitre { font-family: 'Anton'; color:#FFFFFF; font-size:5.4em; }

#progress-bar {
        position:absolute;
        width : 200px;
        height:50px;
        left : 50%;
        margin-left : -100px;
        top: 300px;
        padding:10px;
        text-align:center;
        color: #454545;
        font-family: 'Anton';
        font-size:2em;
}

.adminbouton { width:150px; padding:5px; text-align:center; text-shadow:none; background-color:#003C56; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius: 3px; color:white;}

.lien:link, .lien:visited { height:30px; padding-left:10px; padding-right:10px; background-color:#003C56; -moz-box-shadow: 1px 1px 1px #d7d7d7; -webkit-box-shadow: 1px 1px 1px #d7d7d7; box-shadow: 1px 1px 1px #d7d7d7; color:white !important; text-align:center; text-shadow:none !important; padding-top:1px; font-size: 0.98em; font-family: 'Anton'; border:0; cursor:pointer; margin-top:8px; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; }
.lien:hover { color:red !important; }