body{background:#5c822d;}
body,input,textarea,select{font-family:'Arimo', sans-serif;font-size:11pt;line-height:1.75em;color:#4c4c4c;}
h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:bold;}
h2{font-size:1.5em;margin-top:0.25em;}
#header{position:relative;background:#2a2f27 url(../images/bretagne.webp) no-repeat;background-size:cover;height: 500px;}
#logo{margin-top: 100px;}
#nav{}
#nav ul{margin:0;}
#banner{position:relative;background:#333;color:#fff;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;text-decoration:none;}
strong, b{font-weight:bold;color:#000000;}
em, i{font-style:italic;}
a{color:#5c822d;text-decoration: none;}
a:hover{text-decoration:underline;}
sub{position:relative;top:0.5em;font-size:0.8em;}
sup{position:relative;top:-0.5em;font-size:0.8em;}
hr{border:0;border-top:solid 1px #ddd;}
blockquote{border-left:solid 0.5em #ddd;padding:1em 0 1em 2em;font-style:italic;}
p, ul, ol, dl, table{margin-bottom:1em;}
header{margin-bottom:1em;}
header h2{}
header .byline{display:block;margin:0.5em 0 0 0;padding:0 0 0.5em 0;}
footer{margin-top:1em;}
br.clear{clear:both;}
section,
article{margin-bottom:3em;}
section >:last-child,
article >:last-child{margin-bottom:0;}
section:last-child,
article:last-child{margin-bottom:0;}
.row > section,
.row > article{margin-bottom:0;}
.image{display:inline-block;}
.image img{width:100%;}
.image.featured{display:block;width:100%;margin:0 0 2em 0;}
.image.full{display:block;width:100%;margin:0 0 2em 0;}
.image.left{float:left;margin:0 2em 2em 0;}
.image.centered{display:block;margin:0 0 2em 0;}
.image.centered img{margin:0 auto;width:auto;}
ul.default{margin:0;padding:0;list-style:none;}
ul.default li{padding:0.60em 0em;border-top:1px solid;border-color:rgba(255,255,255,.1);}
ul.default li:first-child{padding-top:0;border-top:none;}
ul.default a{text-decoration:none;color:rgba(255,255,255,.5);}
ul.default a:hover{text-decoration:underline;}
ul.style{}
ul.style li{margin:0;padding:2em 0em 1.5em 0em;border-top:1px solid #ECECEC;}
ul.style li:first-child{padding-top:0;border-top:none;}
ul.style img{margin-right:20px;}
ul.style p{}
ul.style .posted{padding:0em 0em 1em 0em;letter-spacing:1px;text-transform:uppercase;font-size:8pt;color:#A2A2A2;}
ul.style .first{padding-top:0px;border-top:none;}
.button{position:relative;display:inline-block;margin-top:2em;padding:0.90em 1.5em;background:#e95d3c;border-radius:40px;text-decoration:none;text-transform:uppercase;font-size:1.1em;color:#FFF;-moz-transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;-webkit-transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;-o-transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;-ms-transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;transition:color 0.35s ease-in-out, background-color 0.35s ease-in-out;cursor:pointer;}
.button:hover{background:#de3d27;color:#FFF !important;}
#main{position:relative;background:#fff;}
.image1{z-index: 1; position: absolute; left: 33%; height: 160px; border: 5px solid #553911;}
.image2{z-index: 1; position: absolute;left: 55%; height: 160px; border: 5px solid #553911;}
.image1:hover{border: 5px solid #5c822d; transition:  0.5s; -webkit-transition: 0.5s;}
.image2:hover{border: 5px solid #5c822d; transition:  0.5s; -webkit-transition: 0.5s;}
#featured{position:relative;background:#f2f2f2;}
#featured h2{display:block;margin-bottom:2em;font-size:1.4em;}
#footer{position:relative;background:#1d1d1d;}
#footer h2{display:block;color:#FFF;}
#copyright{position:relative;padding:3em 0em;letter-spacing:1px;text-align:center;color:rgba(0,0,0,.4);}
#copyright .container{}
#copyright a{text-decoration:none;color:rgba(0,0,0, .5);}
#nav>ul>li>ul a:hover {
    color: white;
    text-decoration: none;
}
ul li ul li a {
    color: #dbdbdb;
    font-style: bold;
    font-size: 17px;
    text-shadow: 2px 2px 3px #000000;
}
article {
    border: 2px solid #553911;
    padding: 10px;
}
article > h4 {
    color: #5c822d;
    text-transform: capitalize;
    font-size: 20px;

}
.apercu {
    z-index: 1;
    position: absolute;
    top : 0px;
    background-color: black;
    opacity: 0.6;
    bottom: 0;
    min-height: 1210px;
    width: 100%;
}
.croix {
    z-index: 3;
    position: absolute;
    right : 15px;
    top : 15px;
}
.apercu1 {
    z-index: 2;
    position: absolute;
    top : 15px;
    left: 33%;
}
.apercu2 {
    z-index: 2;
    position: absolute;
    top : 15px;
    left: 33%;
}
.formulaire {
    width: 90%;
    margin: 60px auto;
}

.ligne {
    width: 98%;
}

.ligne input {
    padding: 5px;
    width: 100%;
}

.ligne {
    margin-top: 25px;
}

.btn {
    background: #5C822D;
    background-image: -webkit-linear-gradient(top, #7c9b56, #5C822D);
    background-image: -moz-linear-gradient(top, #7c9b56, #5C822D);
    background-image: -ms-linear-gradient(top, #7c9b56, #5C822D);
    background-image: -o-linear-gradient(top, #7c9b56, #5C822D);
    background-image: linear-gradient(to bottom, #7c9b56, #5C822D);
    -webkit-border-radius: 11;
    -moz-border-radius: 11;
    border-radius: 11px;
    text-shadow: 4px 1px 3px #666666;
    font-family: Arial;
    color: #e8e8e8;
    font-size: 11px;
    padding: 10px 40px 11px 40px;
    border: solid #1f628d 0px;
    text-decoration: none;
    margin-right: 30px;
    float: right;
    margin-top: 15px;
}

.btn:hover {
    background: #7c9b56;
    background-image: -webkit-linear-gradient(top, #8e5d42, #683c24);
    background-image: -moz-linear-gradient(top, #8e5d42, #683c24);
    background-image: -ms-linear-gradient(top, #8e5d42, #683c24);
    background-image: -o-linear-gradient(top, #8e5d42, #683c24);
    background-image: linear-gradient(to bottom, #8e5d42, #683c24);
    text-decoration: none;
    cursor: pointer;
}

textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 137px;
    max-height: 137px;
    font-style: italic;
    color: grey;
    padding: 5px;
}

.texte {
    width:80%;
    margin-left: 50px;
    background-color:rgba(92,130,45,0.8);
    border-radius:15px;
    padding:10px;
    color: white;
    font-size: 1.15rem;
    text-align: justify;
}

.texte.green {
    background-color: rgba(0, 128, 0, 0.3);
    color: white;
}

.fleche1 {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    width: 75px;
    height: 300px;
    float: left;
}
.fleche2 {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    width: 75px;
    height: 300px;
    float: right;
    margin-left: 425px;
}

.fleche1 img {
    margin-left: 12.5px;
    margin-top: 130px;
}

.fleche2 img {
    margin-left: 12.5px;
    margin-top: 130px;
    transform: rotate(180deg);
}

.slider {
    height: 300px;
    width: 500px;
    overflow: hidden;
    margin: auto;
}

.slider ul {
    width: 1400%;
    height: 300px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.slider li {
    float: left;
}
.titre{
    text-align: center;
    width: 500px;
    margin: auto;
}
#sidebar{
    text-align: center;
}

ul.style img {
    margin:0;
}

.ensavoir a {
    font-style: bold;
    font-size: 20px;
}