html, body
{
    height: 100%; /* Do not remove !! */
}
body {
	font-size: 13px;
	font-family: Verdana, sans-serif, Arial;
	margin: 0 auto 10px auto;
	color: #575b63;
    background-color: #f4f1e6;
    width: 1200px;
}

div#global {
    box-shadow: 0 0 10px 2px #a2a2a2;
    -moz-box-shadow: 0 0 10px 2px #a2a2a2;
    -webkit-box-shadow: 0 0 10px 2px #a2a2a2;
    background-color: #fff;
}


/* --------------------- */
/*  ==     Footer        */
/* --------------------- */
footer[role=main] {
    padding: 15px;
    color: #888;
    font-size: 10px;
    text-align: center;
    margin: 0 auto 10px auto;
    line-height: 20px;
}
footer[role=main] > a {
    text-decoration: none;
    color: #888;
}
footer[role=main] > a:hover {
    text-decoration: underline;
}

footer[role=main] .social {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
footer[role=main] .social a {
    display: inline-block;
    position: relative;
}
footer[role=main] .social a.twitter {
    width: 32px;
    height: 32px;
    background: url('../images/twitter.png') no-repeat 0 0 transparent;
    text-decoration: none;
    color: #4E4E4E;
    font-size: 12px;
    margin-right: 15px;
}
footer[role=main] .social a.twitter:hover {
    background-position: -32px 0;
}
footer[role=main] .social a.twitter:hover:before {
    content: attr(title);
    position: absolute;
    left: -221px;
    top: 12px;
    display: block;
    width: 210px;
    text-align: left;
    background: #55ACEE;
    color: #fff;
    padding: 0 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

footer[role=main] .social a.facebook {
    width: 32px;
    height: 32px;
    background: url('../images/facebook.png') no-repeat 0 0 transparent;
    text-decoration: none;
    color: #4E4E4E;
    font-size: 12px;
}
footer[role=main] .social a.facebook:hover {
    background-position: -32px 0;
}
footer[role=main] .social a.facebook:hover:before {
    content: attr(title);
    position: absolute;
    left: 40px;
    top: 6px;
    display: block;
    width: 152px;
    text-align: left;
    background: #3b5998;
    color: #fff;
    padding: 0 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* --------------------- */
/*  ==     Header        */
/* --------------------- */
header[role=banner] {
    background-color: #ccc;
    background: url(../images/header.png) no-repeat top center transparent;
    height: 161px;
    position: relative;
}


/* ---------------------------------- */
/*  ==     Header - Navigation        */
/* ---------------------------------- */
header[role=banner] > nav[role=navigation] {
    margin: 0 auto;
    position: absolute;
    bottom: 28px;
    left: 320px;
}
header[role=banner] > nav[role=navigation] > ul {
    list-style-type: none;
}
header[role=banner] > nav[role=navigation] > ul > li {
    float: left;
    margin-right: 40px;
}
header[role=banner] > nav[role=navigation] > ul > li:last-child {
    margin-right: 0;
}
header[role=banner] > nav[role=navigation] > ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 40px;
    position: absolute;
    top: 4px;
}
header[role=banner] > nav[role=navigation] > ul > li#tarifs > a {
    padding-left: 28px;
}
header[role=banner] > nav[role=navigation] > ul > li > a:hover, header[role=banner] > nav[role=navigation] > ul > li.active a {
    color: #fff601;
}


/* ------------------------------------------- */
/*  ==     Header - Navigation - Icones        */
/* ------------------------------------------- */
header[role=banner] > nav[role=navigation] > ul> li > div.icon {
    background-image: url(../images/nav_sprite.png);
    background-repeat: no-repeat;
    
    -moz-transition: -moz-transform 400ms ease-in-out;
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
}
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* ------------------------------------------- */
/*  ==     Header - Navigation - Sprite        */
/* ------------------------------------------- */
header[role=banner] > nav[role=navigation] > ul > li#home {
    margin-right: 100px;
}
header[role=banner] > nav[role=navigation] > ul > li > div.icon#home {
    background-position: 0 0;
    width: 32px;
    height: 28px;
}

header[role=banner] > nav[role=navigation] > ul > li#occasions {
    margin-right: 130px;
}
header[role=banner] > nav[role=navigation] > ul > li > div.icon#occasions {
    background-position: -32px 0;
    width: 32px;
    height: 30px;
}

header[role=banner] > nav[role=navigation] > ul > li#tarifs {
    margin-right: 90px;
}
header[role=banner] > nav[role=navigation] > ul > li > div.icon#tarifs {
    background-position: -64px 0;
    width: 20px;
    height: 26px;
    margin-top: 2px;
}

header[role=banner] > nav[role=navigation] > ul > li#photos {
    margin-right: 100px;
}
header[role=banner] > nav[role=navigation] > ul > li > div.icon#photos {
    background-position: -84px 0;
    width: 32px;
    height: 24px;
    margin-top: 2px;
}

header[role=banner] > nav[role=navigation] > ul > li#contact {
    
}
header[role=banner] > nav[role=navigation] > ul > li > div.icon#contact {
    background-position: -116px 0;
    width: 32px;
    height: 24px;
    margin-top: 3px;
}

/* --------------------------------------------------- */
/*  ==     Header - Navigation - Hover - Active        */
/* --------------------------------------------------- */
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon#home, header[role=banner] > nav[role=navigation] > ul > li.active > div.icon#home {
    background-position: 0 -30px;
}
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon#occasions, header[role=banner] > nav[role=navigation] > ul > li.active > div.icon#occasions {
    background-position: -32px -30px;
}
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon#tarifs, header[role=banner] > nav[role=navigation] > ul > li.active > div.icon#tarifs {
    background-position: -64px -30px;
}
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon#photos, header[role=banner] > nav[role=navigation] > ul > li.active > div.icon#photos {
    background-position: -84px -30px;
}
header[role=banner] > nav[role=navigation] > ul > li:hover > div.icon#contact, header[role=banner] > nav[role=navigation] > ul > li.active > div.icon#contact {
    background-position: -116px -30px;
}




/* ---------------------- */
/*  ==     Sidebar        */
/* ---------------------- */
div#sidebar {
    float: left;
    width: 250px;
    background: #f7f7d6;
    padding: 10px 0;
}
div#sidebar > h4 {
    position: relative;
    width: 238px;
    font-size: 14px;
    font-family: Century Gothic, Tahoma, Arial;
    font-weight: normal;
    letter-spacing: 2px;
    color: yellow;
    padding: 2px 10px;
    margin-bottom: 10px;
    background: #1c5732;
    background: -moz-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c4822), color-stop(100%, #205b36));
    background: -webkit-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -o-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -ms-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: linear-gradient(top, #0c4822 0%, #205b36 100%);
}
div#sidebar > h4:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 100%;
    border-width: 6px 8px 0 0;
    border-style: solid;
    border-color: #0A3D1D transparent transparent transparent;
}

div#sidebar > section[role=secondary] {
    margin-left: 10px;
    margin-bottom: 30px;
}
div#sidebar > section[role=secondary]:last-child {
    margin-bottom: 0;
}

div#sidebar > section[role=secondary] p:not(:last-child) {
    margin-bottom: 15px;
}

/* Occasions au hasard */
div#sidebar > section[role=secondary]#occasions_hasard > figure {
    width: 200px;
    height: 150px;
    border: 2px solid #1c5732;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
    
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
div#sidebar > section[role=secondary]#occasions_hasard > figure:last-child {
    margin-bottom: 0;
}
div#sidebar > section[role=secondary]#occasions_hasard > figure:hover {
    box-shadow: 2px 2px 2px 0 #939393;
}
div#sidebar > section[role=secondary]#occasions_hasard > figure > div.legende {
    display: none;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1c5732;
    opacity: .9;
    padding: 3px 6px;
    color: #fff;
}
/*div#sidebar > section[role=secondary]#occasions_hasard > a:before {
    content: "→";
    margin-right: 5px;
    font-size: 14px;
}*/
div#sidebar > section[role=secondary]#occasions_hasard > a {
    font-size: 11px;
    color: #575b63;
    text-align: center;
    text-decoration: none;
}
div#sidebar > section[role=secondary]#occasions_hasard > a:hover {
    color: #717680;
}


/* ------------------- */
/*  ==     Main        */
/* ------------------- */
div#main {
    float: right;
    width: 920px;
    padding: 10px 10px 10px 0;
}

div#main h1, div#main h2 {
    position: relative;
    font-size: 18px;
    font-family: Century Gothic, Tahoma, Arial;
    font-weight: normal;
    letter-spacing: 3px;
    color: yellow;
    padding: 2px 15px 4px 15px;
    margin-bottom: 10px;
    background: #1c5732;
    background: -moz-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c4822), color-stop(100%, #205b36));
    background: -webkit-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -o-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -ms-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: linear-gradient(top, #0c4822 0%, #205b36 100%);
}
div#main h1 {
    width: 908px;
    font-weight: bold;
}
div#main h1:after, div#main h2:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 100%;
    border-width: 6px 8px 0 0;
    border-style: solid;
    border-color: #0a3d1d transparent transparent transparent;
}
div#main h2 {
    width: 918px;
    font-size: 14px;
    padding: 2px 10px;
}

div#main p {
    line-height: 20px;
    text-align: justify;
    margin-bottom: 15px;
}
div#main p:last-child {
    margin-bottom: 0;
}

div#main a {
    text-decoration: underline;
    color: #1c5732;
}
div#main a:hover, div#main a:active {
    text-decoration: none;
}

div#main ul {
    margin-left: 15px;
}



/* ------------------------ */
/*  ==     Occasions        */
/* ------------------------ */
section.occasion {
    margin-bottom: 20px;
    padding: 5px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
section.occasion:last-child {
    margin-bottom: 0;
}
section.occasion:hover {
    background-color: #f4f1e6;
}
section.occasion > div.left {
    float: left;
    width: 335px;
}
section.occasion > div.right {
    float: right;
    width: 570px;
}
section.occasion > div.right > div.top {
    border-bottom: 2px solid #1c5732;
    padding-bottom: 3px;
    margin-bottom: 10px;
    position: relative;
}
section.occasion > div.right > div.top > h3 {
    font-size: 22px;
    font-family: Century Gothic, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    color: #1c5732;
}
section.occasion > div.right > div.top > h3 > a {
    text-decoration: none !important;
}
section.occasion > div.right > div.top > div.prix {
    background-color: #1c5732;
    color: #fff601;
    font-size: 17px;
    font-family: Century Gothic, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Descriptif */
section.occasion > div.right > div.descriptif {
    height: 80px;
    max-height: 80px;
    overflow: hidden;
}

/* Informations */
section.occasion > div.right > footer {
    margin-top: 10px;
}
section.occasion > div.right > footer > span {
    padding: 2px 5px;
    background-color: #f3f3f3;
    border: 1px solid #dadada;
    color: #777;
    float: left;
    display: block;
    margin-right: 10px;
}

/* Lien détails de l'annonce */
section.occasion > div.right > footer > a.details {
    float: right;
    font-size: 16px;
}
section.occasion > div.right > footer > .details:after {
    content: " »";
}
section.occasion > div.right > footer > a.details:hover {
    /*font-style: italic;*/
}

/* Visuels */
section.occasion > div.left > figure.principale {
    width: 200px;
    height: 150px;
    border: 2px solid #1c5732;
    background-color: #fff;
    float: left;
    box-shadow: 2px 2px 2px 0 #939393;
    -moz-box-shadow: 2px 2px 2px 0 #939393;
    -webkit-box-shadow: 2px 2px 2px 0 #939393;
}
section.occasion > div.left > section.secondaires {
    float: right;
    width: 120px;
}
section.occasion > div.left > section.secondaires > figure.secondaire {
    width: 100px;
    height: 70px;
    border: 1px solid #dadada;
    margin-bottom: 10px;
    background-color: #fff;
}
section.occasion > div.left > section.secondaires > figure.secondaire:last-child {
    margin-bottom: 0;
}


/* ------------------------------- */
/*  ==     Détails occasion        */
/* ------------------------------- */
section#details_occasion {
    
}
section#details_occasion > #gallery {
    float: left;
    width: 500px;
}
section#details_occasion > #gallery > figure.principal {
    width: 500px;
    height: 375px;
    margin-bottom: 10px;
    text-align: center;
    
    -webkit-box-shadow: 2px 2px 10px #000;
    -moz-box-shadow: 2px 2px 10px #000;
    box-shadow: 2px 2px 10px #000;
}

section#details_occasion > #gallery > figure.secondaire {
    position: relative;
}
section#details_occasion > #gallery > figure.secondaire {
    margin: 0 auto;
    width: 420px;
}

/* Carousel */
section#details_occasion > #gallery > figure.secondaire > #carousel:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
section#details_occasion > #gallery > figure.secondaire > #carousel > div {
    float: left;
    width: 200px;
    height: 150px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff3df;
    margin-right: 10px;
}
section#details_occasion > #gallery > figure.secondaire  #carousel > div.visuel_active {
    background-color: #fff601 !important;
}

/* Carousel - boutons */
section#details_occasion > #gallery > figure.secondaire > a#prev, section#details_occasion > #gallery > figure.secondaire > a#next {
    display: block;
    position: absolute;
    top: 52px;
    
    box-shadow: 0 0 10px 0 #000;
    -moz-box-shadow: 0 0 10px 0 #000;
    -webkit-box-shadow: 0 0 10px 0 #000;
}
section#details_occasion > #gallery > figure.secondaire > a#prev.disabled, section#details_occasion > #gallery > figure.secondaire > a#next.disabled {
    background-color: #d1d1d1;
    opacity: .7;
}
section#details_occasion > #gallery > figure.secondaire > a#prev span, section#details_occasion > #gallery > figure.secondaire > a#next span {
    display: none;
}
section#details_occasion > #gallery > figure.secondaire > a#prev {
    left: -22px;
    background: url(../images/ico_prev.png) no-repeat 1px 1px #1c5732;
    width: 52px;
    height: 53px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
section#details_occasion > #gallery > figure.secondaire > a#next {
    right: -42px;
    background: url(../images/ico_next.png) no-repeat 0px 1px #1c5732;
    width: 53px;
    height: 53px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
section#details_occasion > #gallery > figure.secondaire > a#prev:hover, section#details_occasion > #gallery > figure.secondaire > a#next:hover {
    background-color: #297e49;
}


/* Occaz - infos */
section#details_occasion > #infos {
    float: left;
    width: 380px;
    margin-left: 20px;
}
section#details_occasion > #infos > #descriptif {
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
}
section#details_occasion > #infos > #donnees {
    margin-top: 20px;
}
section#details_occasion > #infos > #donnees span {
    font-size: 15px;
    padding: 3px 5px;
    background-color: #1c5732;
    color: #fff;
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
section#details_occasion > #infos > #donnees span:last-child {
    margin-right: 0;
}

section#details_occasion > #liste_actions {
    margin-top: 20px;
    margin-left: 30px;
}



/* ----------------------------- */
/*  ==     Print occasion        */
/* ----------------------------- */
section#print_occasion {
    width: 820px;
    margin-top: 20px;
}
section#print_occasion > h1 {
    font-family: Century Gothic, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 2px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
section#print_occasion > #gallery {
    margin-bottom: 20px;
}
section#print_occasion > #infos ul {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 16px;
}
section#print_occasion > #infos ul > li {
    margin-bottom: 5px;
}



/* ------------------- */
/*  ==     Home        */
/* ------------------- */

#leftside {
    float: left;
    width: 535px;
}
#leftside > #edito {
    font-size: 14px !important;
    font-family: Verdana !important;
    text-align: justify !important;
    margin-bottom: 40px;
}
#leftside > #edito > p {
    font-size: 14px !important;
    font-family: Verdana !important;
    text-align: justify !important;
}


#leftside > #promos {
    margin-bottom: 20px;
}
#leftside > #promos > .promo {
    margin: auto;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    font-size: 14px !important;
    color: #de7312;
    background-color: #ffffdd;
    border: 1px solid #ee980e;
}
#leftside > #promos > .promo > span.date_fin {
    font-size: 11px;
    font-style: italic;
    color: #909090;
}



#rightside {
    float: right;
    width: 365px;
    text-align: center;
}
#rightside img {
    border: 4px solid #1c5732;
    box-shadow: 2px 2px 2px 0 #939393;
}


#carousel_container {
    position: relative;
    margin-left: 60px;
}
#carousel {
    width: 535px;
    height: 150px;
}
#carousel > div {
    float: left;
    width: 200px;
    height: 150px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff3df;
    margin-right: 10px;
    
    position: relative;
}
#carousel > div > div.legende {
    display: none;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1c5732;
    opacity: .6;
    padding: 3px 8px;
    color: #fff;
}
#carousel_container > a#prev, #carousel_container > a#next {
    display: block;
    position: absolute;
    top: 52px;
    
    box-shadow: 0 0 10px 0 #000;
    -moz-box-shadow: 0 0 10px 0 #000;
    -webkit-box-shadow: 0 0 10px 0 #000;
}
#carousel_container > a#prev span, #carousel_container > a#next span {
    display: none;
}
#carousel_container > a#prev {
    left: -40px;
    background: url(../images/ico_prev.png) no-repeat 1px 1px #1c5732;
    width: 52px;
    height: 53px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
#carousel_container > a#next {
    right: 6px;
    background: url(../images/ico_next.png) no-repeat 0px 1px #1c5732;
    width: 53px;
    height: 53px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
#carousel_container > a#prev:hover, #carousel_container > a#next:hover {
    background-color: #297e49;
}




/* ---------------------- */
/*  ==     Contact        */
/* ---------------------- */

#contact_coordonnees {
    float: right;
    width: 400px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    padding: 5px;
    font-size: 15px;
    line-height: 25px;
}
#contact_coordonnees > span {
    font-family: Century Gothic, Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    display: block;
}
.recaptcha {
    margin-left: 135px;
    margin-bottom: 10px;
}



/* --------------------- */
/*  ==     Tarifs        */
/* --------------------- */

section.bloc_tarifs {
    width: 430px;
    position: relative;
    padding-top: 20px;
    margin-bottom: 40px;
    background-color: #f7f7d6;
    border: 2px solid #1c5732;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
section.bloc_tarifs > header {
    position: absolute;
    width: 430px;
    top: -10px;
    left: -10px;
    
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 14px;
    font-family: Century Gothic, Tahoma, Arial;
    font-weight: normal;
    letter-spacing: 2px;
    color: yellow;
    padding: 2px 10px;
    margin-bottom: 7px;
    background: #1c5732;
    background: -moz-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c4822), color-stop(100%, #205b36));
    background: -webkit-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -o-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: -ms-linear-gradient(top, #0c4822 0%, #205b36 100%);
    background: linear-gradient(top, #0c4822 0%, #205b36 100%);
}
section.bloc_tarifs > div.contenu {
    padding: 0 10px;
}
section.bloc_tarifs > div.prix {
    float: right;
    color: #fff;
    background-color: #1c5732;
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    padding: 2px 5px;
    text-align: right;
}
section.bloc_tarifs > div.prix > span.prix_ht, section.bloc_tarifs > div.prix > span.prix_ttc {
    font-size: 18px;
    font-family: Century Gothic, Arial, Sans-serif;
    display: block;
    font-weight: bold;
}
section.bloc_tarifs > div.prix > span.prix_ttc {
    font-size: 15px;
    font-weight: normal;
}

/* Hovers */
section.bloc_tarifs:hover {
    border-color: #febf07;
    box-shadow: 1px 1px 1px 0 #939393;
}
section.bloc_tarifs:hover > header {
    background: #febf07;
    background: -moz-linear-gradient(top, #febf07 0%, #fec721 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #febf07), color-stop(100%, #fec721));
    background: -webkit-linear-gradient(top, #febf07 0%, #fec721 100%);
    background: -o-linear-gradient(top, #febf07 0%, #fec721 100%);
    background: -ms-linear-gradient(top, #febf07 0%, #fec721 100%);
    background: linear-gradient(top, #febf07 0%, #fec721 100%);
    color: #1c5732;
}
section.bloc_tarifs:hover > div.prix {
    background-color: #febf07;
    color: #1c5732;
}


/* ---------------------- */
/*  ==     Galerie        */
/* ---------------------- */

section.galerie {
    
}
section.galerie:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

/* Albums */
section.galerie > ul#liste_albums {
    float: left;
    width: 250px;
    list-style-type: none;
    overflow-y: auto;
    max-height: 660px;
}
section.galerie > ul#liste_albums > li a {
    display: block;
    padding-left: 5px;
    line-height: 30px;
    color: #575b63;
    text-decoration: none;
}
section.galerie > ul#liste_albums > li a:hover {
    background-color: #e6e6e6;
}
section.galerie > ul#liste_albums > li.selected {
    background-color: #e6e6e6;
}
section.galerie > ul#liste_albums > li.selected a {
    color: #1c5732;
    font-weight: bold;
}

/* Photos */
section.galerie > #liste_photos {
    float: right;
    width: 645px;
    padding-left: 8px;
    border-left: 2px solid #ccc;
}
section.galerie > #liste_photos > figure {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 8px;
    margin-bottom: 10px;
    border: 2px solid #1c5732;
    padding: 1px;
    background: #fff;
    
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
section.galerie > #liste_photos > figure:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}