@font-face {
    font-family: "Open Sans";
    src: url('fonts/open-sans/OpenSans-Light.ttf');
}

@font-face {
    font-family: "Open Sans bold";
    src: url('fonts/open-sans/OpenSans-Bold.ttf');
}

@font-face {
    font-family: "Open Sans Semi bold";
    src: url('fonts/open-sans/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: "PT Sans Caption";
    src: url('fonts/PTC55F.ttf');
}


/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* Basic Styles */

html {
    background-color: #fff;
    border-top: 3px solid #272a2e;
}

body {
    width: 100%;
    margin: 0 auto;
}

header {
    background: #F1F2F2;
    -moz-box-shadow: 0px 5px 20px 0px #cfcfcf;
    -webkit-box-shadow: 0px 5px 20px 0px #cfcfcf;
    -o-box-shadow: 0px 5px 20px 0px #cfcfcf;
    box-shadow: 0px 5px 20px 0px #cfcfcf;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=20);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    min-width: 1024px;
}

.header_container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    min-height: 96px;
}

.logo {
    width: 20%;
    position: absolute;
    left: 10px;
    top: 5px;
}

.language_jumper {
    position: absolute;
    right: 10px;
    top: 0px;
    padding: 0 5px;
    overflow: hidden;
    background: #007ac2;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.language_selection {
    float: left;
    padding: 0 0 0 25px;
}

.language_selection select {
    overflow: hidden;
    background: #007ac2;
    border: none;
    font: 11px Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 0 10px 0 0;
    height: 23px;
    float: left;
    padding: 2px 5px 5px 0;
    min-width: 65px;
}

.language_selection select:hover {
    border: none;
}

.language_selection select option {
    padding: 0 0 0 25px;
    height: 14px;
    line-height: 14px;
    float: left;
    color: #000;
    text-align: left;
}

.header_container nav {
    height: 40px;
    width: 80%;
    font-size: 13px;
    font-family: Arial, sans-serif;
    position: relative;
    margin-left: 20%;
}

.header_container nav ul {
    padding: 0;
    margin: 45px 45px 0 0;
    width: auto;
    height: 40px;
    float: right;
}

.header_container nav li {
    display: inline;
    float: left;
}

.header_container nav a {
    color: black;
    display: inline-block;
    padding: 0 16px;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.header_container nav li:last-child a {
    border-right: 0;
}

.header_container nav a:hover,
nav a:active {
    background: #007ac2;
    color: #FFFFFF;
}

.header_container nav a#pull {
    display: none;
}

.formslider {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 30px 0;
    background: url(../images/backg_formslider.jpg) bottom repeat-x;
}

.formsliders {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 0 0;
    background: url(../images/backg_formslider.jpg) bottom repeat-x;
}

.section_content {
    width: 1024px;
    margin: 0 auto;
}

.formsliders h2 {
    background: #007ac2;
    line-height: 43px;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    min-height: 43px;
    font-family: 'Open Sans Semi bold', 'Lobster', cursive, 'Oswald', 'Roboto Condensed', 'Fira Sans', 'Literata', sans-serif;
    text-align: center;
    margin: 0 0 0 0;
}

.formslider h2 {
    background: #007ac2;
    line-height: 43px;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    min-height: 43px;
    font-family: 'Open Sans Semi bold', 'Lobster', cursive, 'Oswald', 'Roboto Condensed', 'Fira Sans', 'Literata', sans-serif;
    text-align: center;
    margin: 0 0 25px 0;
}

.checkoutForm {
    width: 306px;
    min-height: 150px;
    float: left;
    background: #007ac2;
    padding: 15px;
}

.checkoutForm h3 {
    font: 20px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
    text-align: left;
}

.checkoutForm form label.lebelcheck {
    display: block;
    padding: 8px 5px 0 2px;
    letter-spacing: 1px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
}

.select {
    width: 100%;
    overflow: hidden;
    background: #f4f4f4;
    border: 1px solid #ccc;
    font: 11px Arial, Helvetica, sans-serif;
    color: #6D6E71;
    float: left;
}

.textform {
    width: 96%;
    overflow: hidden;
    border: 1px solid #ccc;
    font: 11px Arial, Helvetica, sans-serif;
    color: #6D6E71;
    border-radius: 3px;
    float: left;
}

textarea.textform {
    width: 97%;
    overflow: hidden;
    border: 1px solid #ccc;
    font: 11px Arial, Helvetica, sans-serif;
    color: #6D6E71;
    border-radius: 3px;
    min-width: 97%;
    max-width: 97%;
    min-height: 120px;
}

.checkoutForm form span {
    font: 13px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 8px;
    float: left;
}

.petitselect {
    overflow: hidden;
    background: #f4f4f4;
    border: 1px solid #ccc;
    font: 11px Arial, Helvetica, sans-serif;
    color: #6D6E71;
    min-width: 65px;
    float: left;
}

.calender {
    overflow: hidden;
    background: url(../images/icon-cal.gif) no-repeat 96% center #f4f4f4;
    border: 1px solid #ccc;
    font: 11px Arial, Helvetica, sans-serif;
    color: #6D6E71;
    position: relative;
    float: left;
}

.lignedate {
    width: 100%;
    float: left;
}

.paiement_securise {
    width: 100%;
    height: 27px;
    background: url(../images/paiement_securisee.png) no-repeat 50% center;
    margin: 15px 0 0 0;
    float: left;
}

.buttonReserv {
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
    float: left;
}

.btn_res {
    margin: 0 auto;
    width: 149px;
    height: 27px;
    border: none;
    background: url(../images/bouton_reserver.png) no-repeat;
    font: 12px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
}

.btn_res:hover {
    background: url(../images/bouton_reserver_au_survol.png) no-repeat;
}

#ui-datepicker-div {
    width: auto!important;
}

.slider_container {
    width: 650px;
    height: 365px;
    float: left;
    margin-left: 25px;
}

.nomargin {
    margin: 0!important;
}

.bloccenter {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 0 0;
}

.bloc_content {
    float: left;
    font: 13px Arial, Helvetica, sans-serif;
    color: #808285;
    line-height: 19px;
    text-align: justify;
}

.bloccenter h1,
h4.pagetitle {
    font: 16px Arial, Helvetica, sans-serif;
    color: #007ac2;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/trait_sous_titre.jpg) bottom left no-repeat;
    padding: 0 0 8px 0;
    margin-top: 25px;
}

.bloc_content p {
    padding: 0;
    margin: 0;
}

.firstbloc {
    width: 33%;
    margin: 0 3% 0 0;
}

.secondbloc {
    width: 33%;
    margin: 0 3% 0 0;
}

.thirdbloc {
    width: 25%;
    margin: 0 1% 0 0;
}

.textcontent p {
    padding: 0 5px 0 0;
    margin: 0;
}

.contactlink {
    color: #E77607;
}

.navlist {
    padding: 0;
}

.navlist li {
    padding: 0;
    display: table;
    vertical-align: middle;
    width: 100%;
    margin: 8px 0 0 0;
}

.icondiv {
    width: 52px;
    height: 52px;
    background-color: #007ac2;
    float: left;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}

.icondiv img {
    float: none!important;
    margin: 10px 0 0 0;
    background: #007ac2;
}

.icondiv:hover {
    background-color: black;
}

.icondiv:hover img {
    background-color: black;
}

.contactbloc {
    width: 100%;
    height: 272px;
    float: left;
    background: url(../images/backg_contact.jpg) top right no-repeat;
    overflow: hidden;
    position: relative;
}

.first_animation {
    width: 40%;
    margin-top: 25px;
    color: #6D6E71;
    font: 13px Arial, Helvetica, sans-serif;
    display: none;
    text-align: left;
}

.skype_contact {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
}

.aeroport {
    margin-top: -500px;
}

.siege {
    margin-top: -500px;
}

.skype_contact a {
    background: url(../images/skype_icon_service.png) left top no-repeat;
    padding: 0 0 0 25px;
    height: 21px;
    float: left;
    line-height: 21px;
    font-family: 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #007ac2;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
}

.nVert {
    float: left;
    position: absolute;
    bottom: 47px;
    left: 0;
    width: 100%;
    text-align: center;
}

.nEurope {
    float: left;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
}


/* Carrousel */

.caroussel {
    position: relative;
}

.unItem span {
    font: 15px Arial, Helvetica, sans-serif;
    color: #58595B;
    text-transform: uppercase;
    width: 100%;
    float: left;
    margin: 5px 0 10px 0;
}

.unItem a {
    font: 14px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 5px 10px;
    background: #007ac2;
    text-decoration: none;
}

.unItem a:hover {
    background: #E77607;
}


/* Footer */

footer {
    width: 100%;
    height: auto;
    float: left;
    background: #007ac2;
}

.section_footer {
    width: 1024px;
    margin: 0 auto;
    height: auto;
}

.bloc_bottom {
    width: 32%;
    margin: 0 1% 0 0;
    float: left;
}

.bloc_bottom h2 {
    font: 17px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: url(../images/trait_sous_titre_footer.jpg) bottom left no-repeat;
    padding: 0 0 8px 0;
}

.bloc_bottom p {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #fff;
}

#newsletter_form {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

#nslmsg {
    text-align: left;
    width: 100%;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

i.success {
    color: #3c763d;
}

i.error {
    color: #a94442;
}

#newsletter_form input[type=text] {
    width: 70%;
    float: left;
    margin: 0 5px 0 0;
    font: 11px Arial, Helvetica, sans-serif;
    color: #67869A;
    height: 19px;
}

#newsletter_form input[type=submit] {
    float: left;
    font: 13px Arial, Helvetica, sans-serif;
    color: #fff;
    height: 29px;
    background: #E57507;
    width: 29px;
}

.rx_social {
    width: 35%;
    float: left;
    padding: 0 0 0 45px;
    height: 40px;
    line-height: 40px;
}

.rx_social a {
    font-family: 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
}

.facebook {
    background: url(../images/facebook.png) 0 -45px no-repeat;
}

.twitter {
    background: url(../images/twitter.png) 0 -45px no-repeat;
}

.facebook:hover {
    background: url(../images/facebook.png) 0 0 no-repeat;
}

.twitter:hover {
    background: url(../images/twitter.png) 0 0 no-repeat;
}

.skype_us {
    width: 100%;
    height: auto;
    float: left;
    background: url(../images/trait_sous_titre_footer.jpg) top repeat-x;
    margin: 15px 0 0 0;
}

.skype_link {
    width: 50%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin: 15px 0 0 0;
}

.skype_link a {
    width: 99px;
    float: left;
    height: 21px;
    background: url(../images/skype_me.png) no-repeat;
    margin: 0 5px 0 0;
}

.skype_link a:hover {
    background: url(../images/skype_me_hover.png) no-repeat;
}

.copyright {
    width: 100%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 13px;
    float: left;
    margin: 10px 0 0 0;
    background: #26292D;
    padding: 10px 0;
}

.copyright a {
    color: #fff;
}


/* Les pages internes */

.principal_content {
    width: 1024px;
    min-height: 500px;
    margin: auto;
}

.principal_left {
    width: 72%;
    height: auto;
    float: left;
    margin: 46px 0 0 2%;
    padding: 0 0 20px 0;
}

.sidebar {
    width: 25%;
    height: auto;
    float: left;
    margin: 20px 0;
}

.meta ul.caracteristiques li {
    min-height: 18px;
    line-height: 18px;
    color: #808285;
    font-family: 'PT Sans Caption', Arial, Helvetica, sans-serif;
}

ul li.nbplaces {
    background: url(../images/nbre_places.png) left center no-repeat;
}

ul li.nbportes {
    background: url(../images/nbre_portes.png) left center no-repeat;
}

ul li.nbbagages {
    background: url(../images/nbre_valises.png) left center no-repeat;
}

ul li.aircond {
    background: url(../images/air_conditionnee.png) left center no-repeat;
}

ul li.carburant {
    background: url(../images/essence.png) left center no-repeat;
}

ul li.transmissionA {
    background: url(../images/automatique.png) left center no-repeat;
}

ul li.transmissionM {
    background: url(../images/manuel.png) left center no-repeat;
}

.rec strong {
    color: #E77607;
}

.rec a {
    width: 110px;
    height: 27px;
    line-height: 27px;
    background: #007ac2;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.rec a:hover {
    background: #E77607;
}

div.full {
    width: 100%;
}

.blocVehicule {
    min-height: 100px;
    border-bottom: 1px solid #bfbfbf;
    margin: 15px 0;
    position: relative;
    float: left;
}

.descrip {
    width: auto;
    float: left;
}

.vehicleName {
    float: left;
    text-align: left;
    width: auto;
    border-left: 0 none;
}

.img_wrap,
.img_wrap img {
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 128px;
    float: left;
    margin-right: 15px;
}

.vehicleName .titres {
    float: left;
}

.vehicleName .titres h2 {
    font: 20px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #0D567F;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
}

.vehicleName .titres p {
    text-indent: -2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #808285;
    margin: 0 0 0 5px;
}

.caracters {
    float: right;
    width: 300px;
}

.caracters ul {
    padding: 0;
    margin: 0;
    width: 300px;
}

.caracters ul li {
    width: 40%;
    float: left;
    height: 18px;
    padding-left: 23px;
    line-height: 18px;
    color: #808285;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0;
}

.blocform {
    width: 100%;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    margin: 0 0 15px 0;
}

.secondstep {
    padding: 10px 20px;
}

.blocform h2 {
    font: 15px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #6D6E71;
    padding: 0;
    margin: 0 0 10px 0;
}

.ligneform {
    float: left;
    height: auto;
    margin: 10px 0 0 0;
}

.formcell {
    width: 46%;
    font: 13px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #4F7796;
}

.formcell span {
    line-height: 25px;
    float: left;
    padding: 0 5px;
}

.leftcell {
    float: left;
    margin: 10px 4% 0 0;
}

.rightcell {
    float: right;
    margin: 10px 0 0 4%;
}

.fullcell {
    width: 92%;
}

.formcell label {
    font: 13px Arial, Helvetica, sans-serif;
    color: #4F7796;
    margin: 0 0 5px 0;
    width: 100%;
    float: left;
}

label.nofloat {
    width: auto;
    margin: 0 10px 5px 0;
    line-height: 25px;
}

.sbmtbnt {
    width: 110px;
    height: 27px;
    border: none;
    text-align: center;
    color: #FFFFFF;
    background: url(../images/bouton_continuer.png) left top no-repeat;
    line-height: 27px;
    font: 13px Arial, Helvetica, sans-serif;
    margin: 10px 0 0 0;
    float: right;
}

.sbmtbntpaiement {
    width: 149px;
    height: 27px;
    border: none;
    text-align: center;
    color: #FFFFFF;
    background: url(../images/bouton_reserver_au_survol.png) left top no-repeat;
    line-height: 27px;
    font: 13px Arial, Helvetica, sans-serif;
    margin: 25px auto;
}

.third {
    width: 68%;
    min-height: 180px;
    margin-right: 2%;
}

.third .titres h2 {
    margin-top: 0;
    font: 20px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #2C2926;
    font-weight: bold;
    text-transform: uppercase;
}

.recap-prix {
    width: 30%;
    float: left;
    min-height: 195px;
    border: 6px solid #6191ac;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recap-prix label {
    padding: 0 5px;
    margin: 8px 0 0 0;
    float: left;
    color: #4F7796;
    font: 16px Arial, Helvetica, sans-serif;
    width: 100%;
}

.recap-prix p {
    padding: 0 5px;
    margin: 5px 0 0 0;
    float: left;
    color: #6D6E71;
    font: 13px Arial, Helvetica, sans-serif;
    line-height: 17px;
}

.prixtotal {
    float: left;
    width: 90%;
    text-align: center;
    margin: 8px 5% 0 5%;
    border-top: 1px solid #bfbfbf;
    line-height: 45px;
}

.optioncell {
    width: auto;
    float: left;
    font: 13px Arial, Helvetica, sans-serif;
    color: #808285;
    line-height: 25px;
    margin-right: 25px;
}

.optioncell a {
    color: #4F7796;
}

.prixtotal .span-prix {
    width: 60%;
    float: left;
    color: #E77607;
    font: 30px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.blocinfo {
    width: 100%;
    float: left;
    padding: 10px 0px;
    margin: 0 0 0 0;
}

.blocinfo h2 {
    font: 15px 'PT Sans Caption', Arial, Helvetica, sans-serif!important;
    color: #6D6E71!important;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: bold!important;
}

.blocinfo table {
    width: 100%;
    font: 13px Arial, Helvetica, sans-serif;
    border-collapse: separate;
    border-spacing: 4px;
}

.blocinfo table tr {
    height: 30px;
}

.blocinfo table td {
    padding: 0 10px;
}

.blocinfo table td.col1 {
    background: #eef3f6;
    width: 30%;
    color: #2C2926;
    font-weight: 700;
}

.blocinfo table td.col2 {
    background: #f8fafa;
    color: #808285;
}

.blocleft {
    width: 100%;
    float: left;
    border: 1px solid #CCCCCC;
    margin: 46px 0 0 0;
}

h2.titlebloc {
    background: #007ac2;
    margin: 0;
    padding: 5px;
    font: 14px 'PT Sans Caption', Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 20px;
}

.listlink {
    padding: 10px;
    margin: 0;
}

.listlink li {
    border-bottom: 1px dashed #CCCCCC;
    padding: 2px 0;
}

.listlink li:last-child {
    border: none;
    padding: 2px 0 0 0;
}

.listlink li a {
    font: 13px Arial, Helvetica, sans-serif;
    color: #0D567F;
    text-decoration: none;
}

.listlink li a:hover {
    text-decoration: underline;
}

.principal_left h2 {
    font: 16px Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bold;
    margin-top: 48px;
}

.bloctext {
    line-height: 20px;
    color: #6D6E71;
    font: 13px Arial, Helvetica, sans-serif;
    text-align: justify;
}

.bloctext p {
    margin: 5px 0 0 0;
    padding: 0;
    line-height: 20px;
}

.blocAgence {
    width: 46%;
    height: auto;
    float: left;
}

.blocAgence p {
    line-height: 18px;
    color: #808285;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0;
    padding: 0;
    font-size: 12px;
}

.blocAgence p strong {}

.blocAgence h3 {
    font: 18px Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bold;
    margin: 15px 0 10px 0;
}

.blocAgence a {
    font: 12px Arial, Helvetica, sans-serif;
    color: #0D567F;
    text-decoration: none;
    line-height: 18px;
}

.blocAgence a:hover {
    text-decoration: underline;
}

.textareamodified {
    width: 100%;
    float: left;
    max-width: 100%;
}

.top-prm-title {
    width: 100%;
    height: auto;
    float: left;
}

.top-prm-title h1 {
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    padding: 10px 5px;
    margin: 0;
    background: #E57507;
    text-align: center;
}

.bottom-promotion {
    width: 100%;
    height: auto;
}

.banner {
    position: relative;
    width: 100%;
    overflow: auto;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.banner .btn,
.banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
}

.banner .dots {
    position: absolute;
    left: -38px;
    bottom: -15px;
}

.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #E57507;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.ui-datepicker-year,
.ui-datepicker-month {
    height: 32px;
}

.banner .dots li.active {
    background: #E57507;
    opacity: 1;
}

.bottom-promotion h1 {
    float: left;
    font: 18px "PT Sans Caption";
    font-weight: bold;
    color: #0D567F;
    width: 100%;
}

.bottom-promotion span {
    float: left;
    color: #E57507;
    font: 18px "PT Sans Caption";
    width: 100%;
    font-weight: bold;
}

.banner ul {
    list-style: none;
    float: left;
}

.banner ul li {
    display: block;
    float: left;
    /*		-webkit-background-size: 100% 100%;*/
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    /*		background-size: 100% 100%;*/
}

.bloc-occasion {
    width: 100%;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    margin: 0 0 15px 0;
    background: #FFFFFF;
}

.bloc-occasion:hover {
    background: #EFF0F0;
}

.date-occasion {
    display: table-cell;
    vertical-align: middle;
    background: #A5A7AA;
    width: 60px;
    height: 50px;
    float: left;
    position: relative;
    left: -30px
}

.image-occasion {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #bfbfbf;
    float: left;
}

.image-occasion img {
    width: 180px;
    height: 140px;
}

.description-occasion {
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-left: 8px;
    width: 350px;
}

.description-occasion h1 {
    font: 22px "PT Sans Caption";
    font-weight: bold;
    color: #4F7795;
    text-transform: uppercase;
    margin: 0;
}

.description-occasion p {
    font: 13px "PT Sans Caption";
    width: 317px;
    color: #808184;
    line-height: 15px
}

.description-occasion span {
    font: 13px "PT Sans Caption";
    color: #0C5172;
    text-transform: capitalize;
}

.prix-occasion {
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 140px;
    padding: 20px 5px 0 5px;
    text-align: center;
    border-left: 1px solid #bfbfbf;
    min-height: 126px;
}

.prix-occasion span {
    font: 15px "PT Sans Caption";
    color: #808285;
    width: 100%;
    text-align: center;
    margin: 0;
}

.prix-occasion h3 {
    font: 20px "Arial";
    color: #E67607;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 10px 0 20px 0;
}

.prix-occasion a {
    font: 14px "PT Sans Caption";
    color: #ffffff;
    text-decoration: none;
    background: #0C5172;
    border-radius: 3px;
    padding: 10px;
}

.prix-occasion a:hover {
    background: #E67607;
}

.anythingSlider .panel {
    width: 98%!important;
}


/****Bloc occasion details***/

#slideshow-main {
    width: 573px;
    float: left;
    margin-right: 3px;
}

#slideshow-main ul {
    margin: 0;
    padding: 0;
    width: 573px;
}

#slideshow-main li {
    width: 573px;
    height: 377px;
    display: none;
    position: relative;
}

#slideshow-main li.active {
    display: block !important;
}

#slideshow-main li span.opacity {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 500;
}

#slideshow-main li span.content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    z-index: 1000;
}

#slideshow-main li span.content h1 {
    font-size: 14px;
    margin: 5px 0;
    padding: 0 10px;
    ;
    color: #42e2e8;
}

#slideshow-main li span.content p {
    font-size: 11px;
    margin: 5px 0;
    padding: 0 10px;
    ;
    color: #42e2e8;
}

#slideshow-carousel {
    float: left;
    width: 150px;
    position: relative
}

#slideshow-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slideshow-carousel li {
    background: #fff;
    height: 97px;
    position: relative
}

#slideshow-carousel li .arrow {
    left: 3px;
    top: 28px;
    position: absolute;
    width: 20px;
    height: 40px;
    background: url(images/arrow_white.png) no-repeat 0 0;
    display: block;
}

#slideshow-carousel li a {
    display: block;
    width: 147px;
    height: 83px;
}

#slideshow-carousel .active {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

#slideshow-carousel .faded {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#slideshow-main img {
    height: 355px;
}

.bloc {
    float: left;
}

.bloc-top-retour {
    float: left;
    width: 100%;
    text-align: right;
}

.bloc-top-retour a {
    font: 13px "PT Sans Caption";
    color: #808285;
}

.bloc-top-title {
    width: 100%;
    float: left;
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 5px;
}

.bloc-top-title h1 {
    font: 22px "PT Sans Caption";
    color: #4F7795;
    font-weight: bold;
    text-transform: uppercase;
}

.bloc-top-title span.publie {
    font: 13px "PT Sans Caption";
    color: #808285;
    margin-left: 20px;
}

.prm-date {
    font: 15px "PT Sans Caption";
    color: #E9913A;
}

.bloc-top-title a {
    font: 13px "PT Sans Caption";
    color: #808285;
}

.bloc-bottom {
    width: 100%;
    float: left;
    border-top: 1px solid #BFBFBF;
}

.bloc-bottom-left {
    width: 520px;
    border-right: 1px solid #BFBFBF;
    padding: 10px 0 0 0;
    float: left;
}

.bloc-bottom-left table tr td {
    line-height: 20px!important;
    padding: 5px 5px 5px 0;
}

.bloc-bottom-left table tr td.g1 {
    font: 12px "Arial";
    color: #0D567F;
}

.bloc-bottom-left table tr td.g2 {
    font: 12px "Arial";
    color: #808285;
}

.bloc-bottom-left p {
    font: 15px "Arial";
    color: #808285;
}

.bloc-bottom-right {
    width: 200px;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
}

.bloc-bottom-right span {
    font: 14px "PT Sans Caption";
    color: #808285;
}

.bloc-bottom-right h2 {
    font: 24px "Arial";
    font-weight: bold;
    color: #E67607;
    text-transform: uppercase;
}

.bloc-bottom-right a {
    font: 14px "PT Sans Caption";
    color: #ffffff;
    text-decoration: none;
    background: #0C5172;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
}

.bloc-bottom-right a:hover {
    background: #E67607;
}

.post-form {
    margin: 30px 0 0 0;
    width: 100%;
    float: left;
    border: 1px solid #BFBFBF;
    padding-bottom: 20px;
}

.post-form-title {
    margin-left: 20px;
}

.post-form-title h1 {
    font: 15px "PT Sans Caption";
    color: #6D6E71;
}

.post-form form {
    margin-left: 20px;
}

.post-form .row {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.post-form .row1 {
    width: 350px;
    float: left;
}

.post-form .row1 .col1 {
    width: 100%;
    float: left;
}

.post-form label {
    font: 14px "PT Sans Caption";
    color: #4F7796
}

.post-form input[type="text"] {
    border: 1px solid #4F7796;
    width: 90%;
}

.post-form .row2 {
    width: 700px;
    float: left;
}

.post-form textarea {
    border: 1px solid #4F7796;
    width: 96%;
}

.post-form .row2 input[type="submit"] {
    float: right;
    background: transparent url(../images/bouton_payer.png) no-repeat;
    width: 79px;
    height: 27px;
    color: #ffffff;
    font: 14px "PT Sans Caption";
}

#loader {
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    position: relative;
    z-index: 99;
    margin: 18px 30px 0 0;
    float: right;
}

#msgsuccess {}

.msgOk {
    width: 400px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    border-radius: 5px;
    font-family: Arial;
    font-size: 11px;
    text-transform: uppercase;
    background-color: rgb(236, 255, 216);
    color: green;
    text-align: center;
    margin-top: 30px;
}

.error_access {
    width: 100%;
    padding: 10px 0;
    background: #BA433F;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #cf240e;
    color: #fafafa;
}

.blocimageagence h4 {
    color: #007ac2;
    margin-top: 8px;
    min-height: 40px;
    line-height: 20px;
}

.devisdetaille {
    width: 100%;
    float: left;
}

.devisdetaille h3 {
    text-align: right;
    height: 15px;
    line-height: 15px;
    padding: 0 20px 0 0;
    margin: 0 0 10px 0;
    font: 15px Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bold;
    background: url(../images/plus_de_detail-bas.png) right top no-repeat;
    cursor: pointer;
}

.detailstab {
    width: 100%;
    float: left;
    display: none;
}

.devisdetaille table {
    text-align: left;
    border-top: 1px #6D6E71 solid;
    border-left: 1px #6D6E71 solid;
    margin: 0 0 15px 0;
}

.devisdetaille table th {
    line-height: 45px;
    border-bottom: 1px #6D6E71 solid;
    border-right: 1px #6D6E71 solid;
    padding-left: 5px;
}

.devisdetaille table .center {
    text-align: center;
}

.devisdetaille table td {
    color: #6D6E71;
    font: 13px Arial, Helvetica, sans-serif;
    line-height: 25px;
    border-bottom: 1px #6D6E71 solid;
    border-right: 1px #6D6E71 solid;
    padding-left: 5px;
}

.vehiculemodele {
    width: 90%;
    float: left;
    height: auto;
    margin: 5px 5% 5px 5%;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #0D567F;
    text-align: left;
}

.vehiculeprice {
    width: 90%;
    float: left;
    height: auto;
    margin: 0 5% 5px 5%;
    font: 15px Arial, Helvetica, sans-serif;
    color: #0D567F;
    text-align: left;
}

.unslide img {
    max-height: 140px;
    max-width: 100%;
}

.consulteroccasion {
    width: auto;
    background: #0D567F url(../images/puce_bouton_consulter_offre.png) 8px 6px no-repeat;
    float: right;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    padding: 0 20px;
}

.consulteroccasion:hover {
    text-decoration: underline;
}

a.more {
    width: 98%;
    float: left;
    text-align: right;
    background: url(../images/degrade_bas.png) repeat-x;
    height: 36px;
    line-height: 36px;
    color: #F8991D;
    text-decoration: none;
    padding: 0 2% 0 0;
    border-top: 1px solid #CCCCCC;
    font-size: 13px;
}

a.more:hover {
    text-decoration: underline;
}

.blocinterne {
    float: left;
    height: auto;
}

.contactblocform {
    width: 65%;
}

.contactblocinfos {
    width: 34%;
}

.blocinterne h4 {
    width: 90%;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CCCCCC;
}

ul.contact-details {
    padding: 0!important;
    margin: 25px 0 0 0;
    font: 13px Arial, sans-serif;
    float: left;
    color: #606060;
    -webkit-font-smoothing: antialiased;
}

.contact-details li {
    margin: 0 0 15px 0;
    line-height: 18px;
    vertical-align: baseline;
    display: list-item;
    text-align: -webkit-match-parent;
}

.contact-details li a {
    color: #0D567F;
}

.contact-details p {
    margin: -5px 0 0 20px;
    line-height: 18px;
}

.contact-details li i {
    float: left;
    margin: 2px 0 0 0;
}

.ndisponible {
    display: block;
    float: left;
    text-align: center;
}

.ndisponible strong {
    margin-bottom: 15px;
    font-size: 12px;
    width: 100%;
    float: left;
}

label.error {
    display: none;
    color: #c74332;
    margin: 5px 0 0 0!important;
    font: 11px Arial, Helvetica, sans-serif!important;
    float: left!important;
    width: 100%;
}

.ligneagences {
    width: 100%;
    height: auto;
    float: left;
}

p.infoclient {
    width: 100%;
    float: left;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    color: #4F7796;
}

b.info {
    width: 15px;
    height: 15px;
    margin: 2px 0 0 10px;
    float: right;
}

.alert {
    padding: 3px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    width: 90%;
    text-align: center;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.msginfo {
    width: 100%;
    float: left;
    margin: 25px 0;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.msgpaiement {
    width: 100%;
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/*Styles for screen 600px and lower*/

@media screen and (max-width: 720px) {
    header {
        min-width: inherit!important;
    }
    .header_container {
        width: 100%;
        height: auto;
    }
    .section_content {
        width: 100%;
    }
    .checkoutForm {
        margin: 0 auto;
        width: 93%;
    }
    .formslider {
        padding-bottom: 0;
    }
    .slider_container {
        width: 100%;
        margin: 10px 0 0 0;
        height: auto;
    }
    .bloc_content {
        width: 94%;
        margin: 0 3%;
    }
    .section_footer {
        width: 100%;
    }
    .bloc_bottom {
        width: 94%;
        margin: 0 3%;
    }
    .principal_content {
        width: 95%;
    }
    .sidebar {
        width: 100%;
    }
    .principal_left {
        width: 100%;
        float: left;
    }
    .blocAgence {
        width: 95%;
        float: left;
    }
    .header_container nav {
        width: 100%;
        margin-left: 0;
        height: auto;
    }
    .header_container nav ul {
        width: 100%;
        display: block;
        height: auto;
        margin: 100px 0 0 0;
    }
    .header_container nav li {
        width: auto;
        float: left;
        position: relative;
    }
    .header_container nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
    #slideshow-main {
        width: 70%;
    }
    #slideshow-main ul {
        width: 100%;
    }
    #slideshow-main ul li {
        width: 100%;
    }
    #slideshow-main img {
        width: 100%;
    }
    #Parks.list .meta.rec {
        width: 100%!important;
        display: block!important;
        border-top: 1px dashed #ccc;
    }
}


/*Styles for screen 515px and lower*/

@media only screen and (max-width: 480px) {
    .header_container {
        min-height: 130px;
    }
    .logo {
        margin-top: 35px;
    }
    .header_container nav {
        border-bottom: 0;
    }
    .language_selection {
        top: 110px;
    }
    .header_container nav ul {
        height: auto;
        margin-top: 130px;
    }
    .header_container nav a#pull {
        background-color: #283744;
        width: 100%;
        position: relative;
    }
    .header_container nav a#pull:after {
        content: "";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    #slideshow-main {
        width: 70%;
    }
    #slideshow-main ul {
        width: 100%;
    }
    #slideshow-main ul li {
        width: 100%;
    }
    #slideshow-main img {
        width: 100%;
    }
    .contactblocform {
        width: 100%;
    }
    .contactblocinfos {
        width: 100%;
    }
    .list_header {
        display: none;
    }
    #Parks {
        text-align: center;
    }
    #Parks.list .titles {
        width: 100%!important;
        max-width: 100%!important;
    }
    #Parks.list .meta {
        width: 100%!important;
        padding-top: 8px;
        border-top: 1px dashed #ccc;
    }
    #Parks.list .meta.rec {
        width: 100%!important;
        display: block!important;
        border-top: 1px dashed #ccc;
    }
    .caracters {
        float: left;
        width: 100%;
    }
    .caracters ul {
        width: 100%;
    }
    .caracters ul li {
        width: 90%;
    }
    .formcell {
        width: 100%
    }
    .recap-prix {
        width: 100%;
    }
}


/*Smartphone*/

@media only screen and (max-width: 320px) {
    .header_container nav li {
        display: block;
        float: none;
        width: 100%;
    }
    .header_container nav li a {
        border-bottom: 1px solid #576979;
    }
}

.bond {
    background-color: #007ac2;
    color: white;
    width: 100%;
    margin: auto;
    font-size: 18px;
    line-height: 43px;
}

#SearchandPubHome {
    position: relative !important;
}

.reclamation {
    color: red;
    padding-right: 8px;
    float: left;
    margin: 2px 0 0 0;
    width: 20px;
}

.mailrec {
    font-size: 17px !important;
    color: black;
}

.rec {
    font-size: 15px;
}