@charset "UTF-8";

/* ----------------------------------------------------------/
///////////    CONTENT + BOUTON CLOSE/OPEN  	 /////////////
----------------------------------------------------------- */

#content {
    position: fixed;
    top: 0; /* A killer */
    /*margin-left:290px;*/
    width: 680px;
    height: 100%; /* A killer */
    background: url(../images/content/bg-contenu.png);
    color: #4e4e4e;
    z-index: 20;
}

.full-width #content {
    background: url(../images/content/bg-contenu-index.png);
    width: 100%;
}

.resa #content {
    background: url(../images/content/bg-resa.jpg) center;
}
.form .col, .offers .col {
    margin: 35px 0px 0px 35px;
    width: 600px;
}

.col .scrollable {
    overflow: auto;
}

.col {
    float: left;
    margin-top: 175px;
    font-family: 'QuestrialRegular', Verdana, sans-serif;

    /* padding:20px;*/
    /* margin: 20px 0px 0px 0px; */
}

.col table {
    margin: 30px auto;
}

.col table td {
    /* border:1px dotted #fff; */
    vertical-align: middle;
    /* line-height:1.2em;
    font-size:1.4em;
    padding:5px; */
}

.col ul {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 1.4em;
    line-height: 1.3em;
    /* margin-left:55px; */
}

.col li {
    list-style: square;
    margin: 2px 0;
    font-size: 0.8em;
}

/* ----------------------------------------------------------/
///////////   		 CONTENT GAUCHE = MENU  	 /////////////
----------------------------------------------------------- */

.left-col {
    width: 310px;
    font-size: 1.1em;
    /* width:140px;
    background:url(../images/spritesheet.png) no-repeat 160px -700px; */
}

.index .left-col {
    padding-top: 100px;
}
.resa .left-col {
    width: 400px;
    color: #ffffff;
}
.resa h1 {

    font-size: 15px;
}
.resa .right-col .bt-img {
    margin: 10px 2px;
}
.resa header {
    border-bottom: 1px solid white;
}
.resa footer {
    border-top: 1px solid white;
}

/* -----------------------------------------------------------/
///////////	CONTENT DROITE (Liens + paragraphe)  	 /////////
----------------------------------------------------------- */

.right-col {
    width: 500px;
    margin-right: 40px;
    margin-left: 75px;
}
.full-width .right-col {
    margin-right: 10px;
    margin-left: 20px;
}
.resa .right-col {
    width: 570px;
    color: #95250A;
}
.right-col .top-img {
    margin-bottom: 40px;
}
.top-img img {
    margin-right: 10px;
}
.right-col p span {
    text-align: right;
    /* margin-left: 10px; */
    margin-right: 10px;
}
.resa .right-col p {
    margin-left: 35px;
    text-align: justify;
    width: 450px;
}
.right-col p {
    /*float:left;*/
}

.text a {
    color: #a58312;
    font-weight: 700;
    /* text-decoration:underline; */
    text-decoration: none;
}

.text img {
    margin-bottom: 20px;
}

.text a img {
    margin-bottom: 0px;
    margin-top: 5px;
}

.text p {
    margin-bottom: 20px;
    line-height: 1.5em;
    font-size: 1.1em;
}

.hide {
    display: none;
}

.actuImg {
    float: left;
    width: 100px;
}

.actuTxt {
    float: left;
    background-color: #012468;
    color: #FFFFFF;
    width: 225px;
}

.fotoAlign {       
   
} 


/* -----------------------------------------------------------/
///////////		BOUTON DU CONTENT (RESERVER) 	 	 /////////
----------------------------------------------------------- */

.text .bt, .spanInfoBulle .bt {
    position: relative;
    display: inline-block;
    background: #842009;
    text-transform: uppercase;
    font-family: 'Syncopate', arial;
    font-size: .8em;
    font-weight: 400;
    text-decoration: none;
    padding: 7px 35px 7px 15px;
    color: #fff;
    margin-bottom: 10px;
}

.text .bt:hover, .spanInfoBulle .bt:hover {
    background-color: #992500;
}

.text .bt span, .spanInfoBulle .bt span {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    width: 10px;
    height: 20px;
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    -webkit-transition: background-position 200ms ease-out;
    -moz-transition: background-position 200ms ease-out;
    -ms-transition: background-position 200ms ease-out;
    -o-transition: background-position 200ms ease-out;
    transition: background-position 200ms ease-out;
}

.text .bt span {
    background-position: 0 -345px;
}

.text .bt:hover span {
    background-position: 0 -365px;
}

.spanInfoBulle .bt {
    margin-top: 10px;
    color: #C6CBCE;
}

.spanInfoBulle .bt:hover {
    color: #C1AE58;
}

.spanInfoBulle .bt span {
    background-position: 0 -348px;
}

.spanInfoBulle .bt:hover span {
    background-position: 0 -368px;
}

.close-route-bt {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 30;
    display: block;
    width: 29px;
    height: 29px;
    background: url(../images/spritesheet.png) no-repeat 0 -500px;
}

.close-route-bt:hover {
    background-position: 0 -529px;
}

.offers .bottom {
    height: 100px;
}

.banGalPhoto {
    z-index: 10000;
    position: absolute;
    background: url("../images/header/ban-galerie.png") no-repeat;
    top: 0px;
    height: 180px;
    width: 300px;
    padding: 85px 0px 0px 210px;
}

.boutonDesignCont {
    padding: 5px;
    background-color: #FF6600;
}

/* -----------------------------------------------------------/
////////                  TABLEAU                    /////////
----------------------------------------------------------- */

.tableau {
    margin: 20px 0 10px 0;
    width: 100%;
    border: 2px solid #7f7f7f;
    color: #333;
    text-align: center;
    font-size: 13px;

}

.tableau th {
    padding: 10px;
    border: 2px solid #7f7f7f;

}

.tableau span {
    color: #9D9587;

}

.tableau td {
    padding: 7px;
    border: 2px solid #7f7f7f !important;
    text-align: center;

}

.tableau tr {
    border: 2px solid #7f7f7f;

}

/* -----------------------------------------------------------/
////////                  TABLEAU 02                 /////////
----------------------------------------------------------- */

.tableau02 {
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: left;
    font-size: 13px;
}

.tableau02 td {
    padding: 7px 15px;
    text-align: left;
    border-left: 2px solid #012468 !important;
}

/* -----------------------------------------------------------/
///////////		BOUTON ADMINISTRATION GALERIE 	 	 /////////
----------------------------------------------------------- */


a#showBackgroundImagesAdministration {
    z-index: 100000;
    position: absolute;
    top: 20px;
    left: 50%;
    background-color: #ffffff;
    color: #2E2D30;
    text-decoration: none;
    padding: 8px;
    border: 3px solid #3A393D;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

a#showBackgroundImagesAdministration:hover {
    background-color: #252428;
    color: #C1AE58;
    border: 3px solid #3A393D;
}

#backgroundImagesAdministration img { 
width: 960px;
height: 640px;
}