#spec > * {
    margin: 0;
    padding: 0
}

#spec .messages {
    width: 100% !important
}

#blocEditor {
    width: 890px;
    padding: 5px;
    border: 1px solid #ABADB3
}

#spec fieldset, #submitButton {
    width: 710px
}

#blocEditor p {
    margin: 0;
    margin-top: 5px
}

#blocEditor input, #blocEditor textarea {
    width: auto !important
}

#toolbox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(238, 237, 237);
    color: #373737;
    border: 1px #6b6b6b solid;
    padding: 5px 3px;
    position: absolute;
    width: 890px;
    text-align: center;
    display: none;
    z-index: 99;
    height: 24px
}

#toolbox a {
    text-decoration: none
}

#toolbox img {
    border: 0;
    margin: 0;
    margin-right: 5px;
    cursor: pointer
}

#toolbox p {
    margin: 0;
    height: 24px
}

#toolbox p.elt {
    text-align: left;
    float: left;
    width: 180px
}

#toolbox p.elt img {
    cursor: default
}

#toolbox p.elt span {
    position: relative;
    top: 2px
}

#toolbox p.elt img {
    vertical-align: middle
}

#toolbox p.actions {
    float: left;
    width: 270px;
    margin-left: 30px
}

#toolbox p.actions span {
    position: relative;
    top: 4px;
    cursor: pointer
}

#toolbox p.actions span:hover {
    color: #e31318
}

#toolbox p.fleches {
    float: right;
    margin: 3px 10px 0 0
}

#addButtons img {
    cursor: pointer
}

.left {
    float: left
}

.right {
    float: right
}

#parentDePage {
    position: relative
}

#reclassement {
    width: 170px;
    position: absolute;
    right: -180px;
    top: 0;
    background: url(../img/gestionnaire/bg_reclassement.gif) repeat-y left;
    padding-bottom: 15px
}

#reclassement ul {
    margin: 0;
    padding: 0
}

#reclassement ul li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#reclassement p#headline {
    margin: 0;
    background: url(../img/gestionnaire/headline.gif) no-repeat 0 0;
    padding: 0 0 10px 30px;
    color: #666
}

#reclassement ul li a {
    font-family: "Trebuchet MS";
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 3px;
    position: relative;
    padding: 8px 0 0 33px;
    display: block;
    width: 137px;
    height: 22px;
    color: #373737;
    background: url(../img/gestionnaire/onglet_classement.gif) no-repeat 0 0
}

#reclassement ul li a:hover {
    text-decoration: none;
    background-position: 0 -30px
}

#reclassement ul li a img {
    position: absolute;
    top: 3px;
    left: 3px
}

@font-face {
    font-family: 'blissbold';
    src: url(font/bliss-b1-webfont.eot);
    src: url('font/bliss-b1-webfont.eot?#iefix') format('embedded-opentype'), url(font/bliss-b1-webfont.woff) format('woff'), url(font/bliss-b1-webfont.ttf) format('truetype'), url('font/bliss-b1-webfont.svg#blissbold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'blisslight';
    src: url(font/bliss-l2-webfont.eot);
    src: url('font/bliss-l2-webfont.eot?#iefix') format('embedded-opentype'), url(font/bliss-l2-webfont.woff) format('woff'), url(font/bliss-l2-webfont.ttf) format('truetype'), url('font/bliss-l2-webfont.svg#blisslight') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'blissregular';
    src: url(font/bliss-r1-webfont.eot);
    src: url('font/bliss-r1-webfont.eot?#iefix') format('embedded-opentype'), url(font/bliss-r1-webfont.woff) format('woff'), url(font/bliss-r1-webfont.ttf) format('truetype'), url('font/bliss-r1-webfont.svg#blissregular') format('svg');
    font-weight: 400;
    font-style: normal
}

.din-l, #body {
    font-family: 'lato', sans serif;
    font-weight: 300
}

#body .formSubmit input {
    font-family: 'lato', sans serif;
    font-weight: 700
}

#gestionnaire_contenu h4 {
    font-weight: 400;
    padding: 5px 7px;
    color: #fff;
    background: #7dbc2e;
    font-size: 14px;
    border-bottom: 1px #8c8071 solid
}

#fancybox-title-main {
    color: #5d5d5d
}

#blocEditor {
    background: #fff
}

#blocEditor .highlight {
    color: #666
}

#blocEditor .encart_highlight {
    color: #c01020
}

#margeCMS {
    margin: 0 0 0 20px
}

#body {
    margin: 0;
    color: #5b5b5b;
    padding: 0 0 20px
}

#body h2.titreGC {
    line-height: 38px;
    padding: 10px 0 20px 13px;
    background: url(../img/accueil/h2Title.png) no-repeat 0 0;
    margin-bottom: 10px;
    color: #5b5b5b;
    font-size: 30px;
    font-weight: 400
}

#body ul, #body ol, #contrat ul {
    padding: 20px 20px 10px;
    background: #f2f2f2;
    font-size: 17px;
    color: #7a7a7a;
    line-height: 28px;
    margin: 2% 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

#body ul li, #body ol li {
    margin: 0 0 5px 20px
}

#body ul ul, #body ol ol {
    padding-top: 5px
}

#body ul a, #body ol a {
    color: #e0332a;
    text-decoration: underline
}

#body ul a:hover, #body ol a:hover {
    text-decoration: none
}

#body ul li ul li {
    padding-left: 0;
    background: transparent;
    list-style: circle
}

#body ol li ol li {
    margin-left: 10px
}

#contrat ul li ul li {
    list-style: circle;
    background: transparent;
    padding-left: 0;
    padding-right: 10px
}

#spec {
    font-family: Arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    margin: 10px 0 30px 0
}

#body div.clear {
    margin: 10px 0
}

#body div.left {
    margin-right: 10px;
    margin-bottom: 20px
}

#body div.right {
    margin-left: 10px
}

#body div.clear img {
    margin: 5px 0 0 0
}

#body .img img {
    width: 100%
}

#body div.vdo, #body .contentmp3, #body div.swf, #body div.cmo, #body div.for {
    margin: 20px 0
}

#body .clear {
    margin-bottom: 10px
}

#body div.txt {
    margin: 20px 0
}

#contenuDeLaPage #body h1 {
    text-transform: uppercase;
    font-size: 26px;
    color: #fff;
    background: url(../img/squelette/bgMos.gif);
    padding: 25px 10px 5px 10px;
    margin-bottom: 20px
}

#body h2 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Bitter', serif;
    color: #e0332a;
    margin: 15px 0;
    padding: 20px 20px 20px 0
}

.extras h2 {
    padding: 10px 0 15px 0
}

#body p.highlight {
    padding: 20px;
    background: #ebebeb;
    margin-left: 20px;
    margin-right: 20px
}

#body p.ok {
    padding: 20px
}

#body h1#firstHeading {
    background: #00a94f;
    color: #fff;
    padding: 10px
}

#body p {
    padding: 15px 0;
    text-align: justify;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 24px;
    margin-bottom: 20px
}

#body p a {
    color: #e0332a;
    font-weight: 700;
    text-decoration: underline !important;
    font-size: 17px
}

#body p a:hover {
    text-decoration: none !important
}

#body table td {
    font-size: 17px
}

#body .eltImg {
    background: #fff;
    border: 1px #f3f3f3 solid;
    text-align: center;
    padding: 15px;
    margin: 20px 0
}

#body .eltImg img {
    width: 100%
}

#body .eltImg p {
    padding: 10px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0
}

#body p.legende, #body p.legendeImg {
    margin: 0;
    text-align: center;
    color: #7a7a7a;
    font-size: 17px;
    background: #f2f2f2;
    padding: 15px
}

#body div.clear img.pleineLargeur {
    margin: 0;
    vertical-align: middle
}

#body .img a {
    border: none;
    text-decoration: none !important
}

#body .img a .legende {
    text-decoration: underline !important
}

#body .img a:hover .legende {
    text-decoration: none !important
}

#body #item-left {
    float: left
}

#body #item-right {
    float: right
}

#body #item-center {
    text-align: center
}

a.fancy img {
    text-decoration: none
}

#body div.txt table {
    background: #f4f4f4 !important;
    width: 100%;
    margin: 2% 0%;
    border: 1px solid #f4f4f4;
    border-collapse: collapse
}

#body div.txt table tr {
    padding: 0;
    margin: 1px 0;
    background-color: #f4f4f4;
    color: #7a7a7a;
    font-size: 13px !important
}

#body div.txt table td {
    background: #f3f0ed;
    padding: 10px;
    border: 1px #e7e1d5 solid
}

#body div.txt table tbody tr.odd td {
    background: #e2e3e4
}

#body div.txt table thead tr {
    background: #00a94f !important
}

#body div.txt table tfoot tr {
    background: #e0332a !important
}

#body div.txt table thead tr td {
    background: #00a94f !important;
    color: #fff !important;
    font-weight: 700
}

#body div.txt table tfoot tr td {
    background: #e0332a !important;
    color: #fff !important;
    font-weight: 700
}

#body .encart_highlight2, #body .encart_style_rouge, #body .encart_style_gris {
    padding: 20px;
    background: #00a94f;
    color: #fff;
    margin-bottom: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

#body .encart_highlight2 p, #body .encart_style_rouge p, #body .encart_style_gris p{
    color: #fff;
    margin: 0;
    padding: 0
}

#body .encart_highlight2 a, #body .encart_style_rouge a, #body .encart_style_gris a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

#body .encart_highlight2 a:hover, #body .encart_style_rouge a:hover, #body .encart_style_gris a:hover {
    text-decoration: none
}

#body .encart_style_rouge{
    background: #e0332a;
}

#body .encart_style_gris {
    background: #4d4d4d;
}

#body .highlight2 p {
    margin: 0;
    color: #666
}

#body div.legendeVideo, #body div.legendeSWF {
    margin: 0;
    text-align: center;
    color: #5b5b5b;
    font-size: 14px;
    background: #f0ece5;
    padding: 15px
}

.cdoc {
    clear: both;
    padding-top: 10px
}

#body a.linkDoc {
    display: block;
    padding: 25px 10px 20px 85px;
    background: #f2f2f2 url(../img/gestionnaire/bg_doc.png) no-repeat 25px 23px;
    background-size: 42px 47px;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #8c8071 !important;
    margin-bottom: 25px
}

#body a.linkDoc span.titre {
    font-size: 20px;
    color: #e0332a;
    font-family: 'blissbold'
}

#body a.linkDoc:hover {
    background-color: #e4e4e4
}

.mp3 {
    margin-bottom: 30px
}

.vdo .video {
    margin: 0 0 30px 0
}

.video-container {
    margin: 30px 0 0 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#body form {
    font-family: 'blisslight';
    width: 94%;
    padding: 1% 3%;
    background-color: #f2f2f2;
    margin: 10px 0;
    color: #7a7a7a
}

#body form .champ {
    background: #ddd;
    margin: 0 0 3px 0;
    padding: 5px 0;
    color: #424242 !important
}

#body form .oblig {
    background: #C3C3C3
}

#body form .oblig label {
    font-weight: 700
}

#body form .champ .libelle {
    width: 30%;
    text-align: right;
    margin-right: 10px
}

#body form .champ .input {
    width: 60%
}

#body form .champ .libelle2 {
    width: 35%;
    text-align: right;
    margin-right: 10px
}

#body form .champ .input2 {
    width: 55%
}

#body form input {
    font-family: 'blisslight';
    font-size: 16px;
    width: 250px;
    margin-bottom: 3px
}

#body form select {
    font-family: 'blisslight';
    font-size: 16px;
    width: 250px;
    margin-bottom: 3px
}

#body form textarea {
    font-family: 'blisslight';
    font-size: 16px
}

#body label, #body .radio label.main, #body .checkbox label.main {
    color: #e0332a;
    font-weight: 700;
    display: block;
    font-size: 16px;
    float: none;
    width: auto;
    text-align: left;
    padding: 10px 0 6px;
    margin: 0 0 5px
}

#body .radio label.main, #body .checkbox label.main {
    font-size: 16px
}

#body div.radio input, #body div.checkbox input {
    float: left;
    width: 30px;
    margin-top: 4px
}

#body .radio label, #body .checkbox label {
    float: left;
    width: auto;
    color: #7a7a7a;
    font-weight: 400;
    padding: 0;
    margin: 0 10px 15px 0
}

#body .text input, #body textarea, #body form .select select {
    width: 96% !important;
    padding: 2%;
    border: none;
    font-size: 16px;
    margin-bottom: 15px
}

#body form .select select {
    width: 100% !important
}

#body .formSubmit input {
    width: 100% !important;
    padding: 2%;
    font-size: 22px;
    background: #00a94f;
    cursor: pointer;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

#body form p {
    margin-bottom: 0
}

#body div.calameo {
    padding: 20px 0;
    margin: 20px 0
}

div.cmo {
    background: #f0ece5;
    border: 1px solid #F3F0EE;
    border-left: 0;
    border-right: 0
}

div.infos_calameo {
    padding-top: 10px
}

#body .cmo p.texte {
    padding-top: 10px;
    padding-right: 50px;
    text-align: justify
}

#body .cmo p.texte a {
    color: #e0332a !important;
    text-decoration: none !important;
    font-weight: 400
}

#body .cmo p {
    margin-bottom: 5px;
    padding: 0;
    font-size: 16px
}

#body .cmo p.sousTitre a {
    color: #555;
    text-decoration: none !important
}

#body .cmo p.texte a:hover {
    color: #e0332a !important;
    text-decoration: underline !important
}

#body .cmo p.titre a {
    font-size: 22px
}

#logoDuCamping {
    float: right;
    margin: 0 20px 0 20px
}

#campingSocial {
    float: left;
    margin: 0 20px 0 20px;
    padding: 10px 0 0 2px
}

#campingSocial a {
    background: url(../img/gestionnaire/social_ico.gif) no-repeat 0 0;
    display: block;
    float: left;
    width: 32px;
    height: 32px
}

#campingSocial a.facebook_c {
    margin-right: 5px
}

#campingSocial a.facebook_c:hover {
    background-position: 0 -32px
}

#campingSocial a.google_c {
    background-position: -32px 0;
    margin-right: 5px
}

#campingSocial a.google_c:hover {
    background-position: -32px -32px
}

#campingSocial a.site_c {
    width: auto;
    display: block;
    float: left;
    height: 26px;
    font-size: 16px;
    background: #00a94f url(../img/gestionnaire/fleche.png) no-repeat 10px 9px;
    color: #fff;
    padding: 6px 7px 0 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#campingSocial a.site_c:hover {
    background-color: #8c8c8c
}

h1#firstHeading {
    color: #fff;
    background: #00a94f
}

div.geo {
    margin-bottom: 25px
}

div.for #recaptcha_widget_div {
    margin-left: 0
}

.image_wrap {
    background: #fff;
    padding: 0
}

.image_wrap img {
    vertical-align: middle
}

div.dia {
    margin: 0 0
}

div.dia div.diaporama {
    width: 100%;
    margin-top: 0;
    background: #424242
}

div.dia div.diaporama .fGauche {
    width: 8%;
    float: left
}

div.dia div.diaporama img.decal {
    cursor: pointer
}

div.dia div.diaporama .fDroite {
    width: 8%;
    float: right
}

div.dia div.diaporama .fDroite a, div.dia div.diaporama .fGauche a {
    display: block;
    width: 100%;
    background: #ededed;
    cursor: pointer
}

div.dia div.diaporama .diapo {
    background: #ededed
}

div.dia div.diaporama .diapo .contenuItems {
    position: relative;
    float: left;
    width: 84%;
    overflow: hidden
}

.scrollablePics {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: none
}

.scrollablePics .items {
    width: 20000em;
    position: absolute;
    clear: both
}

.scrollablePics .items div {
    position: relative;
    float: left;
    padding: 8px;
    background: #fff
}

.scrollablePics .items div.active {
    background: #e0332a
}

.scrollablePics .items div span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollablePics .items div.active span {
    display: block
}

.scrollablePics .items div img {
    display: block;
    cursor: pointer
}

div.dia div.legendeDia {
    font-size: 14px;
    text-align: center !important
}

#body div.dia div.legendeDia p {
    background: #ddd;
    padding: 10px;
    text-align: center !important
}

.scrollable .active {
    border: 3px solid #c9cf21;
    z-index: 45;
    position: relative
}

#body .legendeDia p {
    margin: 0
}

.uneActu {
    width: 526px;
    height: 260px;
    float: left
}

.bigs {
    position: absolute;
    width: 2000em
}

#defilement {
    position: relative;
    overflow: hidden;
    height: 260px;
    width: 526px
}

.actualiteIndex {
    height: 300px
}

#vignettes a {
    width: 33px;
    height: 22px;
    background: url(/2013/img/accueil/vignFond.gif);
    text-align: center;
    color: #E75012;
    font-style: italic;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 3px
}

#vignettes a:hover, #vignettes a.active {
    background: url(/2013/img/accueil/vignFond_roll.gif);
    color: #FFF
}

.mac #body .contentmp3, .mac #body .swf, .mac #body .vdoSWF {
    display: none
}

#contenuFranchise #body form {
    background-color: #e2e3e4
}

#contenuFranchise #body p.legende, #contenuFranchise #body p.legendeImg {
    background: #fff
}

#contenuFranchise #body a.linkDoc {
    background-color: #fff
}

#contenuFranchise #body a.linkDoc:hover {
    background-color: #e4e4e4
}

#contenuFranchise #body ul, #contenuFranchise #body ol {
    background: #fff
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
    #body p, #pageContenu p, #body table td, #body div.cdoc p a {
        font-size: 18px;
        line-height: 36px
    }

    #pageContenu #body .formContact p, #pageContenu #body #formContact p, #pageContenu .formContact p, #pageContenu #formContact p {
        font-size: 14px !important
    }

    #body .contentmp3, #body .swf, #body .vdoSWF {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #pageContenu #body .formContact p, #pageContenu #body #formContact p, #pageContenu .formContact p, #pageContenu #formContact p {
        font-size: 16px !important;
        line-height: 28px
    }

    #espace_contenu #global #gestionnaire #gest #spec #body #gestionnaire_contenu p, #espace_contenu #global #gestionnaire #gest #spec #body #gestionnaire_contenu td, #body a.linkDoc span.titre, #body a.linkDoc {
        font-size: 16px !important;
        line-height: 28px !important
    }

    #global #page #contentPage a.linkDoc {
        font-size: 10px !important;
        line-height: 30px !important
    }

    #global #page #contentPage a.linkDoc span.titre {
        font-size: 18px !important;
        line-height: 26px
    }
}

@media only screen and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
    #body ul li, #body ol li {
        background: url(../img/contenu/puce_2x.gif) no-repeat scroll 0 10px
    }

    #body ul li a, #body ol li a, #body .highlight2 a {
        color: #13216a
    }

    #body .contentmp3, #body .swf, #body .vdoSWF {
        display: none
    }

    #body p {
        line-height: 22px
    }
}

@media (max-width: 800px){
    #body div.img.right{float:none !important}
}