* {
	margin:0;
	padding:0;
	list-style:none;
}


.phone {
	
	color:white;
	background-color:red;
	border-radius:10px;
	padding:5px;
	font-size:15px;
	
}

.desktop {
	display:block;
}

.mobile {
	display:none;
}

html {
	/*Pour accoter le footer en bas */
	height:100%;
	
}

body {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;		
	color:black;
	background-color:white;
	behavior:url("js/csshover.htc");	
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:50% 0;
	text-align:justify;
	
	/*Pour accoter le footer en bas */
	margin:0;
	padding:0;
	height:100%;
	
}


#wrapper {
	/*Pour accoter le footer en bas */
	min-height:100%;
	width:100%;
	position:relative;
	
	
}


p,ul {
	margin:0 0 10px 0;
}

span {
	/*display:none;*/
}

a:link,
a:visited{
	
	color:#a3bb51;
	text-decoration:none;
}

a:hover,
a:active{
	color:black;
	text-decoration:none;
}

#main {	
	width:997px;	
	visibility:visible;
	margin:0 auto;	
	
	/* Pour laisser l'espace au footer accoté en bas */
	padding-bottom:185px;
	
}

#logo_menu {
	width:997px;
	height:124px;
	background-color:white;
	display:table;
	width:100%;
}

#logo {
	width:288px;
	height:124px;
	display:table-cell;
	vertical-align:top;
	
}

#logo img {
	width:100%;
	height:auto;
}

#meteo_menu {	
	height:124px;
	display:table-cell;
	vertical-align:top;	
}

#meteo {
	background-color:#f6f7f7;
	width:98%;
	height:52px;
	color:#6a696a;
	text-transform:uppercase;
	padding:0 2% 0 0;
	font-size:0.88em;
	text-align:right;
	
	
}

#meteo ul {
	text-align:right;
	display:block;
	
	height:100%;	

}

#meteo li {
	display:inline-table;	
	
	height:100%;
	

	padding:0 0 0 0.8%;
	vertical-align:middle;
}

#meteo li > :first-child {
	display:table-cell;
	vertical-align:middle;
}

#toggle {
	display:none!important;
	
}


#meteo a:link,
#meteo a:visited {
	text-decoration:underline;
	color:#6a696a;
}

#meteo a:hover,
#meteo a:active {
	text-decoration:underline;
	color:#000000;
}


#clear {
	clear:both;
}



#photo_principale {
   
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
   
  
}





#photo_texte {	
	background-image:url(/images/communs/photo-texte-arriere-plan.png);
	color:white;
	width:100%;
	height:30px;
	padding:0%;
	text-transform:uppercase;
	text-align:left;
	font-size:1.5em;
	position:absolute;
	z-index:100;
	bottom:0;
	display:table;
	
}

#photo_texte span {
	display:table-cell;
	vertical-align:middle;
	padding:2%;
}





#photo_texte.dijon {	
	background-image:url(/images/communs/photo-texte-arriere-plan-dijon.png);	
	
}

#photo_texte.golf {	
	background-image:url(/images/communs/photo-texte-arriere-plan-golf.png);	
	
}

#photo_texte.faune {	
	background-image:url(/images/communs/photo-texte-arriere-plan-faune.png);	
	
}

#photo_texte.forfaits {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}

#photo_texte.services {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}

#photo_texte.reunions {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
		
}

#photo_texte.nouvelles {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}

#photo_texte.quoi {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
		
}

#photo_texte.statiques {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}

#photo_texte.photos {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}

#photo_texte.videos {	
	background-image:url(/images/communs/photo-texte-arriere-plan-forfaits.png);	
	
}


#photo_texte.chambres {	
	background-image:url(/images/communs/photo-texte-arriere-plan-chambres.png);	
	
}

#accueil_central {
	width:997px;
	min-height:276px;
	/*background-image:url(/images/communs/accueil-centre-arriere-plan.gif)*/;
	background-repeat:repeat-y;
	display:table;
	
}

#accueil_central.autres_sections {
	
	/*background-image:url(/images/communs/arriere-plan-contenu-autres-sections.jpg);*/
	
	
	
	
}

#texte_bienvenue {
	padding:2%;
	width:25%;
	color:black;
	display:table-cell;
	text-align:left;
	background-color:#dadada;
	vertical-align:top;
}

#texte_bienvenue h1 {
	margin:0 0 15px 0;
	font-size:25px;
	font-weight:normal;
	text-transform:uppercase;
}

#texte_bienvenue a {
color:black;
text-decoration:underline;
}


#colonne_gauche {
	
	
	display:table-cell;
	width:25%;
	padding:2%;
	vertical-align:top;
	background-color:#dadada;

}

#pave_calendrier {	
	padding:0;
	width:100%;
	color:black;
	
	

}




#trois_sections {
	width:67%;
	display:table-cell;
	color:#545353;
	padding:2%;
	background-color:#eaeced;
	vertical-align:top;
	text-align:left;
	
	
}

#trois_sections.autres_sections {

	
}

#trois_sections.autres_sections img {
	border:0;
	
}

#trois_sections h2 {
	text-transform:uppercase;
	font-size:1.2em;
	color:black;
	font-weight:normal;
	margin-bottom:0;
}

#trois_sections h3 {
	text-transform:uppercase;
	font-size:1.2em;
	color:black;
	font-weight:normal;
	margin-bottom:0;
}

#trois_sections h2.titre {
	color:#2a2929;
	font-weight:100;
	font-size:1.5em;
}

#trois_sections h2.dijon {
	color:#a18508;
	margin:20px 0 20px 0;
}

#trois_sections.accueil img {
	border:3px solid #c2d5db;
	width:98%;
	height:auto;
}

#trois_sections img.border {
	border:6px solid #c2d5db;
	margin:0 15px 0 0;
	width:98%;
	height:auto;
}

#trois_sections ul {
	margin-bottom:10px;
	
}


#trois_sections li{
	background-image:url(/images/communs/bullet-sous-menu-2.png);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	
	background-position:0 5px;
}

#trois_sections.note {
	font-size:10px;
	
}

#trois_sections #clear.spacer {
	height:30px;
}

#trois_sections a:link,
#trois_sections a:visited {
	text-decoration:underline;
	color:#545353;
}

#trois_sections a:hover,
#trois_sections a:active {
	text-decoration:underline;
	color:#000000;
}


#accueil_dijon,
#accueil_golf,
#accueil_faune,
#accueil_navette,
#accueil_stationnement,
#accueil_internet{
	width:32%;	
	margin:0 0 0 0;
	display:inline-block;
	vertical-align:top;
	margin-right:1%;
	margin-bottom:2%;
}


#accueil_moteur_reservation {
	width:100%;
	height:71px;
	background-color:#676767;
	display:table;
	
}

#accueil_moteur_reservation > span {
	display:table-cell;
	vertical-align:middle;
}

#accueil_moteur_reservation table{
	width:80%;
	margin:0 auto;
	
}

#photos_chambres_nouvelles {
	width:997px;
	display:table;
	
	/*min-height:341px;
	background-image:url(/images/communs/chambres-nouvelles-arriere-plan.gif);
	background-repeat:repeat-y;*/
	
}

#accueil_album_chambre {
	width:25%;	
	padding:2%;
	vertical-align:top;
	display:table-cell;
	background-color:#fefefe;
}

#accueil_album_chambre h4 {
	color:#2a2929;
	font-weight:normal;
	font-size:2em;
	margin:0 0 2% 0;
}

#accueil_album_chambre img {
	/*border:6px solid #c9cacb;*/
}

#accueil_album_chambre #photo_chambre {
	
	background-repeat:no-repeat;
	width:90%;
	height: 0;
	padding-bottom: 90%;
	border:6px solid #c9cacb;
	background-size:cover;
	background-position:center center;
}

#accueil_album_chambre #photo_chambre img {	
	width:100%;
	height:auto;
}


#accueil_nouvelles,
#accueil_quoi_faire,
#accueil_coordonnees {
	width:32%;	
	margin:0 1% 0 0;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#accueil_nouvelles h3{
	color:#FFF;
}

#accueil_quoi_faire h3{
	color:#FFF;
}

#accueil_coordonnees h3{
	color:#FFF;
}

#trois_colonnes {
	width:67%;
	color:white;
	padding:2%;
	vertical-align:top;
	display:table-cell;
	background-color:#7b7b7b;
	
}

#trois_colonnes h3 {
	text-transform:uppercase;
	font-size:15px;
	margin-bottom:5px;
}



#trois_colonnes a:link,
#trois_colonnes a:visited {
	text-decoration:underline;
	color:white;
}

#trois_colonnes a:hover,
#trois_colonnes a:active {
	text-decoration:underline;
	color:#000000;
}


#iframe_ratio {
	width:100%;
	position:relative;
}

#iframe_ratio img{
	display:block;
	width:100%;
	height:auto;
}

#iframe_ratio iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	
}


#sous_menu {	
	padding:0;
	width:100%;
	color:black;	
	
	color:#0c0c0e;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	
	

}

#sous_menu li {
	background-image:url(/images/communs/bullet-sous-menu.png);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	background-position:0 5px;
	
}

#sous_menu a:link,
#sous_menu a:visited {
	text-decoration:none;
	color:#0c0c0e;
}

#sous_menu a:hover,
#sous_menu a:active {
	text-decoration:none;
	color:#a1820b;
}



#photographie_thumbnail {
	width:20%;
	height:0;
	padding-bottom:20%;
	border:6px solid #c2d5db;
	margin:0 4px 4px 0;
	display:inline-block;
	vertical-align:top;
	background-size:cover;
	background-position:center center;
	
}

#photographie_thumbnail img {
	width:100%;
	height:auto;
	
}


#footer {
	width:100%;
	height:150px;
	background-color:#f6f7f7;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	color:#444444;
	padding:19px 0 0 0;
	
	/*pour accoter le footer en bas*/
	bottom:0;
	left:0;
	position:absolute;	
	width:100%;
	z-index:100;
	
}


    #footer ul {
        display:table;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
				
		
				padding:0 2% 0 2%;
				text-align:center;
				margin:0 auto;
				
				
    }
    

#footer li{
	margin:0 0 0 0;
	height:20px;
	display:table-cell;
	vertical-align:middle;
	padding:3px;
}







#footer a:link,
#footer a:visited {
	color:#444444;
	text-decoration:none;
}

#footer a:hover,
#footer a:active {
	color:#444444;
	text-decoration:underline;
}






/****************************************************************************
MENU
****************************************************************************/







#menu_principal {
	
	width:98%;
	height:72px;
	padding: 0 2% 0 0;
	text-transform:uppercase;
	font-size:0.88em;
	text-align:right;
}

#menu_principal ul {
	display:inline-table;	
	height:100%;
	
	
}

#menu_principal li{
	margin:0 0 0 0;
	padding:0 5px;
	display:table-cell;
	vertical-align:middle;
	
	
	
}

#menu_principal li.separateur_principal {
	
	text-align:center;	
	
}

#menu_principal li.separateur_principal:hover {
	
	background-image:none;
	
}

#menu_principal li:hover,
#menu_principal li.menuActif{
	background-image:url(/images/communs/menu-principal-hover.gif);
	background-repeat:repeat-x;
}

#menu_principal a:link,
#menu_principal a:visited {
	text-decoration:none;
	color:#211f20;
}

#menu_principal a:hover,
#menu_principal a:active {
	text-decoration:none;
	color:#9a9a9a;
}




#menu  {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

/*#menu li  {
	margin:0;
	padding:0;		
}*/

#menu a {
	display:block;
	color:white;
	text-decoration:none;
	margin:0;
	padding:0;

	
	
	
}

#menu ul {
	display:none !important;
	position:absolute;		
	margin:0 0 0 0px;
	padding:0 0 0 0;
	list-style:none;	
	z-index:200;		
	background-image:none;
	background-color:#9a9a9a;
	width:200px !important;
	height:auto  !important;
	text-align:left;
	
}

#menu ul li{
	margin:0;
	padding:0;
	display:block;
	
}

#menu ul li a {
padding:6px 15px 6px 15px;
}

#menu li:hover   {	
	background-color:white;
	
}

#menu li:hover ul {
	display:block  !important;		
	padding:0;
	margin:0 0 0 0px;
	
}

#menu li:hover ul li {
	background-image:url(/images/communs/background-menu-principal.gif);	
	background-repeat:repeat-x;
}

#menu li:hover ul li:hover {
	background-image:url(/images/communs/background-menu-principal-hover.gif);	
	background-repeat:repeat-x;
	
}


@media screen and (max-width: 997px) {
	#main,#logo_menu,#accueil_central,#photos_chambres_nouvelles {	
	width:100%;
}




}

@media screen and (max-width: 875px) {
	
	
#logo {
	width:50%;
	height:auto;
	display:block;
	margin:0 auto;
	
	
}

#logo img {
	width:100%;
	height:auto;
}

#meteo_menu {	
	height:124px;
	display:block;
	
	
	
	
}

#meteo {
	
	text-align:center;
	
	
}

#meteo ul {
	text-align:center;
	

}

#meteo li {
	display:inline-table;	
	
	height:100%;
	

	padding:0 0 0 0.8%;
	vertical-align:middle;
}

#meteo li > :first-child {
	display:table-cell;
	vertical-align:middle;
}



#meteo a:link,
#meteo a:visited {
	text-decoration:underline;
	color:#6a696a;
}

#meteo a:hover,
#meteo a:active {
	text-decoration:underline;
	color:#000000;
}

#menu_principal {
	
	width:100%;
	height:72px;
		text-align:center;
}

	
	#meteo li.hide {	
	display:none;
}
}

@media screen and (max-width: 768px) {

#accueil_moteur_reservation table{
	width:96%;
	margin:2%;
	
}

#texte_bienvenue p.hide768 {
	display:none;
}

}


@media screen and (max-width:640px) {
	
	#texte_bienvenue h1 {

	font-size:1.5em;
	
}
	
#accueil_nouvelles,
#accueil_quoi_faire,
#accueil_coordonnees {
	width:96%;	
	margin:0 0% 0 0;
	display:block;
	padding:2%;
}



}


@media screen and (max-width:600px) {
	#meteo_menu {	
	height:auto;
	
	
	
	
	
}
	
	#menu_principal {
		height:auto;
		padding:0%;
		
	}
	
	
	#menu_principal ul {
	
	height:100%;
	width:100%;
	
	
}

#menu_principal li{	
	display:block;	
	padding:12px 0 0 0;
	height:28px;
	border-bottom:1px solid #f6f7f7;	
	width:100%;
	
}

#menu_principal li:last-child {
	border-bottom:0px;
}

#menu_principal li.separateur_principal {
	display:none;
}

#menu_principal li:hover,
#menu_principal li.menuActif{
	background-image:none;	
	background-color:#56aed9 !important;
}

#menu_principal a:link,
#menu_principal a:visited {
	text-decoration:none;
	color:#211f20;
	display:block;
	padding:3px 0 0 0;		
	
	height:100%;
}

#menu_principal a:hover,
#menu_principal a:active {
	text-decoration:none;
	color:white;
}

#toggle {
	margin:2% 0 2% 0;
	display:block !important;
	text-align:right;
}
#toggle a {
	display:block;
	width:96%;
	height:100%;
	padding:2%;
}
	ul#menu {
		display:none;
	}
	
	#menu ul {
	display:none !important;
	position:absolute;		
	margin:0 0 0 0px;
	padding:0 0 0 0;
	list-style:none;	
	z-index:200;		
	background-image:none;
	background-color:#9a9a9a;
	width:200px !important;
	height:auto  !important;
	text-align:left;
	
}

#menu ul li{
	margin:0;
	padding:0;
	
	display:block;	
	
	
}

#menu ul li a {
padding:6px 15px 6px 15px;
}

#menu li:hover   {	
	background-color:white;
	
}

#menu li:hover ul {
	display:none  !important;		
	padding:0;
	margin:0 0 0 0px;
	
}

#menu li:hover ul li {
	background-image:url(/images/communs/background-menu-principal.gif);	
	background-repeat:repeat-x;
}

#menu li:hover ul li:hover {
	background-image:url(/images/communs/background-menu-principal-hover.gif);	
	background-repeat:repeat-x;
	
}

}

@media screen and (max-width: 480px) {
	
	

#accueil_moteur_reservation table tr td.hide480{
	display:none;
}
#accueil_moteur_reservation table tr td.hide320{
	display:none;
}

.desktop {
	display:none;
}

.mobile {
	display:block;
}




#texte_bienvenue,
#colonne_gauche {
	
	width:96%;
	display:block;
	
}

#trois_sections {
	width:96%;
	display:block;
	
	
}



}

@media screen and (max-width: 320px) {
	
	#logo {
	width:85%;
	
	
	
}
	
	
	#accueil_moteur_reservation table tr td.hide320{
	display:none;
}


#texte_bienvenue h1.hide320 {
	display:none;
}

#accueil_dijon,
#accueil_golf,
#accueil_faune,
#accueil_navette,
#accueil_stationnement,
#accueil_internet{
	width:100%;		
	display:block;
	
	margin-right:0%;
	margin-bottom:20px;
	
}
#trois_sections img {
	
	width:90%;
	
}

#accueil_album_chambre.hide320 {
	display:none;
}

#trois_colonnes {
	width:96%;
	padding:2%;
	display:block;
}

}