/* Général */
html, body {
	height: 100%;
	width: 100%;  
	/*overflow: none;*/
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	margin:0;
	padding:0;

	background-position:top center;
	background-repeat:no-repeat;
	background-color:#fff;
}
img{
	border:0;
}
.spacer {
  clear:both;
}
h2 {
        clear:both;
        font-weight:100;
        font-size:14px;
        padding:2px 0 1px 0;
}
#contenu_page h2 {
        color:#A81C21;
        font-weight:500;
        font-size:18px;
}
/*********************************** OPTION ********************************************/
a {
	color:#002452;
	text-decoration:none;
}
a:hover, a:focus {
		
}
a.classic {
	color:#2B6AC6;
	text-decoration:underline;
}
a.classic:hover {
	text-decoration:underline;  
	color:#ca286c;		
}
.bloc_rouge_intitule{
	margin-bottom:0px;
	color:#fff;
}
.select_offres1{
	height:auto;
	border:1px solid #C2C4D1;
	arrow-color: #009ee0;
	margin-bottom:10px;
}
.select_offres2{
	height:auto;
	border:1px solid #C2C4D1;
	arrow-color: #009ee0;
}
#ok{
	float:left;
	width:250px;
	margin-top:-10px;
	text-align:center;
}
.champ_ok{
	margin:auto;
	width:88px;
	height:30px;
	color:#FFFFFF;
	padding:1px;
	margin-top:-5px;
	border:0px;
}
.inputSubmit {
        background:#AD1A20;
        border:1px solid #333;
        color:#FFF;
        font-weight:bold;
        margin:5px;
        padding:3px;
}
input, textarea {
        border:1px solid #333;
        color:#333;
        margin:5px;
        padding:3px;
}
/*********************************** SUPER CONTENEUR ***********************************/
#super_conteneur{
	width: 100%;
	margin:auto;
        background-attachment: fixed;
}
#conteneur {
        width:960px;
        margin:auto;
}
#conteneur_header{
}


@media (min-width: 800px) {
	#stickyheader{
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
		z-index:9999;	
		 transition: width .5s, height .5s, background-color .5s, transform .5s;
	}
	.nav-up{
		background-color:white;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		transition: width .5s, height .5s, background-color .5s, transform .5s;
		box-shadow: 1px 1px 12px #555;
	}
	.nav-up #header{
		height: 65px;
	}
	.nav-up #logo img{
		max-width: 350px !important;
	}
	.nav-up:not(.resp) {
	  top: -140px;
	}

	.nav-down {
	  background-color: rgba(0, 0, 0, 0.5);
	}

	.nav-down #stickyheader img {
	  height: 65px;
	}
}

/*
header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  background: black;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/**/


/*********************************** HEADER ******************************************/
#header{
	margin:auto;
	width: 955px;
	height:120px;
}
#logo{
    text-align: center;
	margin:auto;
	padding-top:0px;
	width:100%;
	height:111px;
}

#logo > a {
    display: inline-block;
}

#logo img {
    width: 100%!important;
    max-width: 460px!important;
}

#nqt{
	float:right;
	margin-top:-111px;
	margin-right:80px;
	width:111px;
	height:52px;
	
}
#nqt_contenu{
	float:left;
	width:111px;
	text-align:center;
	padding-top:2px;
	background-color:#FFFFFF;
}
#footer_nqt{
	float:left;
}
                    
#flag{
	float:right;
	margin-top:-111px;
	width:73px;
	height:28px;
}
#flag_contenu{
	float:left;
	width:73px;
	padding-top:2px;
	text-align:center;
	background-color:#FFFFFF;
}
.flag{
	padding:4px;
}
#footer_flag{
	float:left;
	width:73px;
}

#bloc_haut{
	float:left;
}
#sousmenu {
        float:left;
        margin:20px 0 20px 20px;
}
#sousmenu ul li {
        margin:5px;
        padding-left:15px;
        background:url(../images/fl_liste.gif) left 3px no-repeat;
}
#sousmenu ul li a {
        font-size:12px;
	color:#424242;
}
#sousmenu ul li a:hover {
        font-size:12px;
	color:#c11921;
}
.formIntituleChamp {
        color:#333;
        font-size:12px;
}
#chemindefer {
        margin-bottom:10px;
}
#chemindefer, #chemindefer a {
        color:#465661;
        font-style:italic;
}
#chemindefer a:hover {
        text-decoration:underline;
}
#reservez {
        float:left;
        margin:0 0 10px 0;
}
#entete_page #reservez {
        float:right;
        margin:-43px 0 10px 0;
}
#entete_page #reservez img{
        height:35px;
}
/*********************************** DIAPORAMA1 DIAPORAMA2 ************/					
#diaporama{
	float:left;
	width:955px;
	height:394px;
	background-color:#b4181f;
	text-align:center;
	padding-top:6px;
}
#diaporama2{
	float:left;
	width:955px;
	height:294px;
	background-color:#4C4C4C;
	text-align:center;
	padding-top:6px;
}  
#headerimgs{overflow:hidden;width:945px;margin:auto;height:290px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%;height:290px; }

/*********************************** CONTENEUR CONTENU ******************************************/
#conteneur_contenu{
	
}
#contenu_bloc{
	margin:auto;
	width:955px;	
}
/*********************************** FOOTER ******************************************/
#conteneur_footer{
	height:161px;
	background-image:url(../images/fond_footer.gif);
	background-repeat:repeat-x;	
}
#footer{
	width:955px;
	font-size:12px;
	line-height:15px;
	padding-top:5px;
	margin:auto;
	color:#c3c3c3;
}
#footer a{
	color:#c3c3c3;
}
#footer_gauche{
	float:left;
	margin-top:10px;
}
#footer_adresse{
	
}
#footer_droit{
	float:right;
	margin-top:10px;
}
/*********************************** BLOC BAS ************/				
#bloc_bas_accueil{
	float:left;
	width:955px;
	margin-top:0px;
	background-image:url(../images/fond_deg.png);
	background-repeat:no-repeat;
}
#bloc_fond {
        background:url(../images/fond_conteneur.png);
}	                  
#bloc_bas_page{
	float:left;
	width:955px;
	/*margin-top:-60px;*/
	background-image:url(../images/fond_deg2.png);
	background-repeat:no-repeat;
        z-index:100000;
}
#bloc_bas_gauche{
	float:left;
	margin-left:35px;
	margin-right:28px;
}
#bloc_bas_gauche2{
	float:left;
	width:305px;
	margin:20px 0 0 20px;
}
/*********************************** PRESENTATION SERVICES ************/					                  
#presentation, #services{
	float:left;
	width:270px;
	margin-top:35px;
}
#entete_pres, #entete_serv{
	float:left;
}
.ico{
	float:left;
	margin-top:3px;
	width:20px;
	height:17px;
}
.titre_bloc{
	float:left;
	width:230px;
	margin-left:3px;
	color:#424242;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	border-bottom:1px solid #424242;
	height:30px;
	margin-bottom:3px;
}
.sstitre_bloc{
	width:230px;
	font-size:14px;
	color:#c11921;
	margin-bottom:3px;
}


#contenu_pres{
	width:235px;
	margin-top:3px;
	margin-left:35px;
}
.txt_bloc{
	color:#000;
	font-size:12px;
	line-height:18px;
        text-align:justify;
}
.txt_bloc a{
	color:#424242;
}
.image{
	border:1px solid #b4181f;
}

#bloc_bas_milieu{
	float:left;
	margin-right:55px;
}
#bloc_bas_droite{
	float:right;
	width:280px;
	margin:20px 10px 0 0;
}
#bloc_bas_droite2{
	float:right;
	margin:70px 0 0 0;
}
#bloc_reservations{
	float:left;
	width:275px;
	height:158px;
	margin-bottom:25px;
	background-image:url(../images/fond_bloc1.png);
	background-repeat:no-repeat;
}
#bloc_contact{
	float:left;
	width:275px;
	height:158px;
	background-image:url(../images/fond_bloc2.png);
	background-repeat:no-repeat;
}
#bloc_actualite{
	float:left;
	width:275px;
	height:220px;
	background-image:url(../images/fond_bloc4.png);
	background-repeat:no-repeat;
}
#bloc_sousmenu{
	float:left;
	width:275px;
	height:180px;
	background-image:url(../images/fond_bloc1.png);
	background-repeat:no-repeat;
}
.titre_bloc_rouge{
	float:left;
	width:265px;
	color:#fff;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	border-bottom:1px solid #fff;
	height:25px;
	text-align:center;
}

.txt_bloc_rouge{
	margin:auto;
	font-size:12px;
	width:260px;
	color:#fff;	
}
.ico_rond{
	margin-right:5px;
}
.txt_bloc_rouge a{
	color:#fff;	
	font-size:12px;
}
/*********************************** PAGE ************/					                  
#entete_page{
	float:left;
}
#entete_page_accueil{
	float:left;
        width:295px;
}

.titre_bloc_page_accueil{
	float:left;
	width:250px;
	/*color:#424242;*/
        color:#FFF;
	font-weight:bold;
	font-style:italic;
	font-size:22px;
	margin-bottom:3px;
}
.titre_bloc_page{
	float:left;
	width:550px;
	margin-left:3px;
	color:#424242;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	border-bottom:1px solid #424242;
	height:30px;
	margin-bottom:3px;
}
.sstitre_bloc_page{
	width:575px;
	font-size:14px;
	color:#c11921;
	margin-bottom:3px;
}
#contenu_page{
	float:left;
	width:550px;
	margin-top:3px;
	margin-left:23px;
        color: #333;
        font-size: 12px;
}

#bloc_page{
	float:left;
        width: 604px;
        margin: -40px 21px 0px 0px;
        background: #FFF;
}
.txt_bloc_rouge2{
	margin:auto;
	font-size:14px;
	width:250px;
	color:#fff;	
}
.txt_bloc_rouge2 a{
	color:#fff;	
	font-size:12px;
}

.desktop {
        display:block;
}
.mobile {
        display:none;
}

/**************** responsive *****************/



@media (max-width: 800px) {
        .desktop {
                display:none;
        }
        .mobile {
                display:block;
        }
        p, div, td {
          font-size:14px;
        }
        #super_conteneur, #bloc_fond, #bloc_bas_accueil {
                background:none !important;
        }
        #conteneur, #header, #bloc_haut, #contenu_bloc,#entete_page_accueil, #entete_page, #footer {
            width: 100%;
        }
        #chemindefer, .ico, #nqt,#footer_flag {
                display:none;
        }
        #flag, #flag_contenu {
                position: absolute;
                width: 40px;
                height: auto;
                background: transparent none repeat scroll 0% 0%;
                top: 0px;
                right: 0px;
                margin-top: 0px;
        }
        #entete_page #reservez {
            width: 100%;
            text-align: right;
        }
        h1 {
                color:#333;
        }
        .titre_bloc_page {
            width: 100%;
            margin: 10px 0px;
        }
        #logo {
            float:left;
            padding-top: 0px;
            width: 294px;
            height: 111px;
        }
        #bloc_bas_accueil {
            width: 100%;
            background-image: url("../images/fond_deg.png");
            background-repeat: no-repeat;
        }
        #diaporama2, .bjqs, .bjqs-slide {
                width:100% !important;
                height:150px !important;
                background-color: #FFFFFF;
        }
         .bjqs-slide img {
                /*height:auto;
                width:100%;*/
                height: 100%;
                width: auto;
         }
        #menu_button {
                float:left;
                width:98%;
                margin:5px 1%;
                background:#B0181F url(../images/ico-menu.png) left center no-repeat;
                border:0px solid #FFF;
                padding:5px 0 5px 40px;
                text-align:left;
                height:35px;
                font-size:22px;
                color:#FFF;
        }
        .divEmbedGalerie, .divEmbedGalerie object {
                width:100% !important;
                height:auto;
                display:none;
        }
        #bloc_bas_gauche {
                margin:0;
                width:100%;
        }
        #bloc_bas_milieu {
                margin:0;
                width:100%;
        }
        #bloc_bas_droite {
                margin:0;
                width:100%;
        }
        #presentation, #services {
            float: left;
            width: 100%;
            margin-top: 10px;
        }
        #contenu_pres, .titre_bloc_page_accueil {
            width: 96%;
            padding:10px 2%;
            margin-top: 0;
            margin-left: 0;
            color:#333;
        }
        #entete_pres, #entete_serv {
            float: left;
            width: 100%;
        }
        .ico {
                width:5%;
        }
         .titre_bloc, .titre_bloc_page_accueil {
                width:90%;
         }
         .titre_bloc_page_accueil {
                font-size:22px;
         }
         #reservez {
                width: 96%;
                margin: 10px 2%;
         }
         #bloc_reservations {
                width: 96%;
                height: auto;
                margin: 10px 2%;
                border-radius: 15px;
                background: #AF1920;
         }
         #bloc_actualite {
                width: 96%;
                margin: 10px 2%;
                height: auto;
                border-radius: 15px;
                background: #AF1920;
         }
         #bloc_sousmenu {
                width: 96%;
                margin: 10px 2%;
                height: auto;
                border-radius: 15px;
                background: #AF1920;
                padding:0 0 10px 0;
         }
        .txt_bloc_rouge2 a {
            color: #FFF;
            font-size: 14px;
            margin:3px 0;
        }
         .titre_bloc_rouge {
                width: 100%;
         }
         .txt_bloc_rouge {
                width: 90%;
                padding:10px 5%;
         }
         #ok {
                width: 100%;
         }
        #bloc_page {
                float: left;
                width: 96%;
                margin: 0px;
                padding:0 2%;
        }
        #contenu_page {
            width: 100%;
            margin:0;
        }
        #bloc_bas_page {
                width:100%;
                background:none;
        }
        #bloc_bas_gauche2 {
            float: left;
            width: 100%;
            margin: 20px 0px 0px 0px;
        }
        #bloc_bas_droite2 {
            float: left;
            width: 100%;
            margin:0px;
        }
         #footer_gauche {
                width:90%;
                padding:10px 5%;
         }
         #footer_droit {
                float:left;
                width:90%;
                padding:10px 5%;
         }
		 #header,#logo{
			 height:auto;
		 }
		 
	#stickyheader{
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
		z-index:9999;	
		width:100%;
		background-color:white;
		box-shadow: 1px 1px 12px #555;
	}
	.nav-up{/*
		width:100%;
		background-color:white;
		/**/
	}

		 
}