/*
Theme Name: Thème les Baigneuses de Biarritz
Theme URI: http://www.lesbaigneusesdebiarritz.com
Author: rezo 21
Author URI: http://www.rezo21.net
Version: 1.0.0
Description: Développement par l'agence web rezo 21
*/


/*******************************************/
/************ DEBUT DES FONTS **************/
/*******************************************/

@font-face {
    font-family: 'ostrich';
    src: url('fonts/ostrich-bold.eot');
    src: url('fonts/ostrich-bold.eot#iefix') format('embedded-opentype'),
         url('fonts/ostrich-bold.woff') format('woff2'),
         url('fonts/ostrich-bold.woff') format('woff'),
         url('fonts/ostrich-bold.ttf') format('truetype'),
         url('fonts/ostrich-bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'ostrich';
    src: url('fonts/ostrich-light.eot');
    src: url('fonts/ostrich-light.eot#iefix') format('embedded-opentype'),
         url('fonts/ostrich-light.woff') format('woff2'),
         url('fonts/ostrich-light.woff') format('woff'),
         url('fonts/ostrich-light.ttf') format('truetype'),
         url('fonts/ostrich-light.svg') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'ostrich';
    src: url('fonts/ostrich-regular.eot');
    src: url('fonts/ostrich-regular.eot#iefix') format('embedded-opentype'),
         url('fonts/ostrich-regular.woff') format('woff2'),
         url('fonts/ostrich-regular.woff') format('woff'),
         url('fonts/ostrich-regular.ttf') format('truetype'),
         url('fonts/ostrich-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'didot';
    src: url('fonts/didot.eot');
    src: url('fonts/didot.eot#iefix') format('embedded-opentype'),
         url('fonts/didot.woff') format('woff'),
         url('fonts/didot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'didot';
    src: url('fonts/didot-italic.eot');
    src: url('fonts/didot-italic.eot#iefix') format('embedded-opentype'),
         url('fonts/didot-italic.woff') format('woff'),
         url('fonts/didot-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

/*****************************************/
/************ FIN DES FONTS **************/
/*****************************************/

/**********************************************************************/


/*******************************************/
/********** DEBUT DES GENERALITES **********/
/*******************************************/

a, a:hover, a:focus{
    color: #80913D;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

ol,ul{
	list-style: none;
    margin-bottom: 0px;
}

h1{
    background-size: 140px;
    margin: auto;
    font-size: 2.5em;
    color: #6D6D6D;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    width:100%;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
}

h2{
    margin:auto;
    font-size: 2.5em;
    color: #6D6D6D;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 10px;
    width:100%;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
}

.center{
    text-align: center;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.clear-left{
    clear: left;
}

.clear-right{
    clear: right;
}

.clear-both{
    clear: both;
}

.no-padding-left{
    padding-left: 0;
}

.no-padding-right{
    padding-right: 0;
}

.col-lg-0{
    display: none;
}

#topPage {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

.btn.btn-default{
	background: #596d63;
	color: #fff;
	font-size: 1.0em;
	border: 1px solid #fff;
	transition: all 0.2s ease 0s;
	width: 100%;
}

.btn.btn-default:hover{
	background: #fff;
	border: 1px solid #596d63;
	color: #596d63;
	font-size: 1.0em;
}

.btn.btn-default .glyphicon{
	vertical-align: text-top;
}

/*****************************************/
/********** FIN DES GENERALITES **********/
/*****************************************/

/**********************************************************************/

/*******************************************/
/********** DEBUT DES ALIGNEMENTS **********/
/*******************************************/

.alignleft{
	display: inline;
	float: left;
}

.alignright{
	display: inline;
	float: right;
}

.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft{
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright{
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter{
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter{
	margin-bottom: 1.2em;
}

/*****************************************/
/********** FIN DES ALIGNEMENTS **********/
/*****************************************/

/**********************************************************************/

/*************************************/
/********** DEBUT DU HEADER **********/
/*************************************/

header{
    background: url('images/papier-peint.jpg') repeat;
    padding: 15px 0; 
    height: 240px;
}

header #logo img{
    display:block;
    margin:auto;
}

header #rs-logo {
    position:absolute;
    right: 20px;
    top: 20px;
	text-align:right;
	font-family:'ostrich',sans-serif;
	font-size:2.0em;
}

header a{
	color:#000000;
}

header #rs-logo a{
	font-weight:bold;
	font-size:1.0em;
	color:#000000;
}

header #rs-logo a.email-adresse{
	font-family:'didot',sans-serif;
	font-size:0.5em;
	line-height:1.1em;
	display:block;
}

header #rs-logo img:hover {
    cursor: pointer;
}

header #rechercher{
    text-align: right;
}
 
header #rechercher .label-searchform{
    display: none;
}

header #rechercher .telephone-header{
    margin-top: 10px;
    font-size: 1.2em;
}


.separation-contenu-orange{
    background: url('images/papier-peint.jpg') repeat;
    padding: 0px 0; 
    height: 61px;
	width:100%;
	margin-top:25px;
	border-top:1px solid #d26346;
	border-bottom:4px double #d26346;
	margin-bottom:30px;
}

.separation-contenu-vert{
    background: url('images/papier-peint.jpg') repeat;
    padding: 0px 0; 
    height: 61px;
	width:100%;
	border-top:1px solid #596d63;
	border-bottom:4px double #596d63;
	margin-bottom:30px;
}

.separation-contenu-vert-clair{
    background: url('images/papier-peint.jpg') repeat;
    padding: 0px 0; 
    height: 61px;
	width:100%;
	margin-top:60px;
	border-top:1px solid #b3a336;
	border-bottom:4px double #b3a336;
	margin-bottom:30px;
}

.separation-contenu-dore{
    background: url('images/papier-peint.jpg') repeat;
    padding: 0px 0; 
    height: 61px;
	width:100%;
	margin-top:60px;
	border-top:1px solid #af9c7d;
	border-bottom:4px double #af9c7d;
	margin-bottom:30px;
}




/***********************************/
/********** FIN DU HEADER **********/
/***********************************/

/**********************************************************************/

/***********************************/
/********** DEBUT DU MENU **********/
/***********************************/

.navbar-default{
    border: none;
    background: none;
    min-height: 0px;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-top: 1px solid #555;
}


nav {
    font-family: 'ostrich';
    font-weight: bold;
    font-size: 28px;
}

nav .navbar-nav {
    margin: auto;
    float:none;
    width: 100%;
	max-width:1200px;
}

nav li {
    width:33%;
    text-align: center;
}


nav .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

nav .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

nav .navbar-brand{
    display: none;
    float: right;
}


.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a{
    text-transform: uppercase;
	text-align:center;
	letter-spacing:3px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover{
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background: none;
}

.navbar-default .navbar-nav>li:last-child{
    border-right: none;
}

.navbar-default .navbar-nav li.menu-hotel a{
	background:url('images/background-menu-hotel.jpg') top center no-repeat;
	color:#d26347;
	padding:67px 0px;
}

.navbar-default .navbar-nav li.menu-hotel:hover a{
	background:url('images/background-menu-hotel-hover.jpg') top center no-repeat;
	color:#000000;
}

.navbar-default .navbar-nav li.menu-restaurant a{
	background:url('images/background-menu-restaurant.jpg') top center no-repeat;
	color:#596d62;
	padding:67px 0px;
}

.navbar-default .navbar-nav li.menu-restaurant:hover a{
	background:url('images/background-menu-restaurant-hover.jpg') top center no-repeat;
	color:#000000;
}

.navbar-default .navbar-nav li.menu-rooftop a{
	background:url('images/background-menu-rooftop.jpg') top center no-repeat;
	color:#af9c7c;
	padding:67px 0px;
}

.navbar-default .navbar-nav li.menu-rooftop:hover a{
	background:url('images/background-menu-rooftop-hover.jpg') top center no-repeat;
	color:#000000;
}

.navbar-default .navbar-nav li.menu-histoire a{
	background:url('images/background-menu-histoire.jpg') top center no-repeat;
	color:#b3a236;
	padding:67px 0px;
}

.navbar-default .navbar-nav li.menu-histoire:hover a{
	background:url('images/background-menu-histoire-hover.jpg') top center no-repeat;
	color:#000000;
}


/***** DEBUT MENU DEROULANT *****/

.navbar-nav>li>.dropdown-menu{
    border: none;
    box-shadow: none;
    z-index: 100;
    background: #fff;
}

.navbar-nav .dropdown-menu{
    padding: 0px;
    border-radius: 0px;
}

.dropdown-menu>li>a{
    padding: 5px 10px;
    text-transform: uppercase;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    background: #970202;
}

/***** FIN MENU DEROULANT *****/

/*********************************/
/********** FIN DU MENU **********/
/*********************************/

/**********************************************************************/

/************************************/
/********** DEBUT DU CORPS **********/
/************************************/

body{
    width: 100%;
    margin: auto;
    font-family: 'didot';
    font-weight: normal;
    color: black;
}

label {
    font-weight: 500;
}

.wrapper-titre{
    width:100%;
    border-bottom:1px solid #6D6D6D;
    border-top:1px solid #6D6D6D;
}

.contenu-central {
    margin:auto;
    width:100%;
    max-width:1200px;
    padding-top:20px;
    padding-bottom:10px;
}

.contenu-central img {
    padding: 10px;
    border: 1px solid #6D6D6D;
}

.contenu-central img.titre{
	float:left;
	border:none;
	
}

.contenu-central .galerie-repeteur {
    padding-bottom: 10px;
}

.banniere-haut-page img{
    width:100%;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
    border: none;
}

div.wpcf7-response-output{
    margin: 0;
    padding: 0;
    border: none;
}

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

#content ul li{
    list-style: disc;
}

#content table{
    font-size: 1.4em;
}

#content p{
    font-size: 1.4em;
}

#content-home p{
    font-size: 1.4em;
}

/**********************************/
/********** FIN DU CORPS **********/
/**********************************/

/**********************************/
/****** DEBUT FRONT-PAGE.PHP ******/
/**********************************/

h1#hotel{
	color:#d26346;
	padding-bottom:60px;
}

h1#hotel span{
	padding-top:15px;
	display:block;
}

h2#restaurant{
	padding-bottom:60px;
	color:#596d63;
}

h2#restaurant span{
	padding-top:30px;
	display:block;
}

h2#bar {
     padding-bottom:60px;
	color:#af9c7d;
}

h2#bar span{
	padding-top:20px;
	display:block;
}

h2#histoire {
    padding-top:10px;
	color:#b3a336;
	padding-bottom:30px;
}

.contenu-central.push-home{
    padding-top:10px;
    padding-bottom:30px;
}

.push-home a.push-home{
    background:url('images/ecusson-push-home.png') center no-repeat;
    text-align:center;
    display:block;
    padding-top:61px;
    color:#666666;
    text-transform:uppercase;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
    font-size:1.6em;
    background-size:180px;
    height:150px;

}

.push-home a.push-home:hover{
    background:url('images/ecusson-push-home-hover.png') center no-repeat;
    background-size:180px;
    color:#ffffff;
    text-decoration:none;
}

.contenu-central a.push-hotel{
	background:url('images/push-home-hotel.png') center no-repeat;
    text-align:center;
    display:block;
    color:#d26346;
    text-transform:uppercase;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
    font-size:2.5em;
    line-height: 1.1em;
    background-size:230px;
    height:200px;
    padding-top:82px;
    padding-bottom:30px;
}

.boutons{
    display: flex;
    justify-content: center;
}

.contenu-central a.push-restaurant{
	background:url('images/push-home-restaurant.png') center no-repeat;
    text-align:center;
    display:block;
    color:#596d63;
    text-transform:uppercase;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
    font-size:2.5em;
    line-height: 1.1em;
    background-size:230px;
    min-width:30%;
    height:200px;
    padding-top:82px;
    padding-bottom:30px;
}

.contenu-central a.push-restaurant.carte{
	font-size: 1.5em;
    padding-top: 74px;
}

.contenu-central a.push-bar{
    background:url('images/push-home.png') center no-repeat;
    text-align:center;
    display:block;
    color:#666666;
    text-transform:uppercase;
    font-family:'ostrich', sans-serif;
    font-weight:bold;
    font-size:2.5em;
    line-height: 1.1em;
    background-size:230px;
    height:200px;
    padding-top:82px;
    padding-bottom:30px;

}


.contenu-central a.push-hotel:hover{
    background:url('images/push-home-hotel-hover.png') center no-repeat;
    background-size:230px;
    color:#ffffff;
    text-decoration:none;
}

.contenu-central a.push-restaurant:hover{
    background:url('images/push-home-restaurant-hover.png') center no-repeat;
    background-size:230px;
    color:#ffffff;
    text-decoration:none;
}

.contenu-central a.push-bar:hover{
    background:url('images/push-home-bar-hover.png') center no-repeat;
    background-size:230px;
    color:#ffffff;
    text-decoration:none;
}

.map iframe{
    pointer-events: none;
}

/**********************************/
/******** FIN FRONT-PAGE.PHP ******/
/**********************************/

/**********************************************************************/


/**********************************/
/******** DEBUT CONTACT ******/
/**********************************/

#map{
	width:100%;
	margin:auto;
	max-width:980px;
}








/**********************************************************************/

/*************************************/
/********** DEBUT DU FOOTER **********/
/*************************************/

footer{
    margin-top: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	margin: 10px 0;
}

footer #menu-footer{
    padding: 10px 0;
    font-size: 0.9em;
    color: #555;
	max-width: 1200px;
	margin: auto;
}

footer #menu-footer ul{
	padding-left: 0px;
}

footer #menu-footer li{
    float: left;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    margin-right: 5px;
}

footer #menu-footer li:last-child{
    border-right: none;
}

footer #menu-footer li a{
    color: #555;
}

footer #menu-footer {
    padding-left: 20px;
}

/***********************************/
/********** FIN DU FOOTER **********/
/***********************************/

/**********************************************************************/

/*************************************/
/********** FORMAT TABLETTE **********/
/*************************************/

@media screen and (max-width: 1024px) {
    body{
        width: auto;
    }
    
    nav.navbar-default{
        margin: 15px;
    }

    #content{
        padding: 0;
    }

    .contenu-central {
        padding: 15px 15px 0 15px;
    }

    footer{
        padding: 0 15px;
    }
}

/*************************************/
/********** FORMAT TABLETTE **********/
/*************************************/

/**********************************************************************/

/***********************************/
/********** FORMAT MOBILE **********/
/***********************************/

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

    h1, h2 {
        padding-left:15px;   
         background: none;
    }

    header {
        height: 360px;
    }

    header #logo{
        text-align: center;
        padding-bottom: 10px;
    }

    header #logo img {
        width: 300px;
    }

    header #rs-logo {
        position:inherit;
    }

    header #rs-logo-mobile {
        margin:auto;
        text-align:center;
        width:110px;
    }

    header #rs-logo-mobile img {
        width:40px;
    }

    nav .navbar-nav {
        width: 100%;
    }

    nav .navbar-brand{
        display: block;
        line-height: 23px;
    }
	
	nav .container-fluid{
    }

    nav .navbar-collapse{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .push-home a.push-home, .push-home a.push-home:hover  {
        background-size: 160px;
    }

    .push-correction-right {
        padding-left: 0;
        padding-right: 5px;
    }

    .push-correction-left {
        padding-right: 0;
        padding-left: 5px;
    }

    .navbar-default .navbar-nav>li{
        border-right: none;
		width:100% !important;
		text-align:left;
    }

    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a{
        padding: 10px 10px !important;
		background:none !important;
			
    }
	
	.navbar-default .navbar-nav>li>a:hover{
		background:none !important;
		
    }

    .navbar-default .navbar-brand {
        font-size: 1.2em;
    }

    .navbar-default {
        padding-bottom: 0;
    }

    .navbar-toggle {
        border: 0;
        border-radius: 0;
        padding: 0;
        margin-top: 12px;
    }

    .navbar-toggle .icon-bar {
        height: 6px;
        width: 40px;
        margin-bottom: 4px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .contenu-central a.push-hotel, .contenu-central a.push-restaurant, .contenu-central a.push-bar{
        height: 130px;
        padding-top: 41px;
    }

	#content .contact-gauche,
	#content .contact-droite{
		padding: 0px;
	}


    #topPage {
        bottom: 15px;
        right: 15px;
    }

    .col-xs-0{
        display: none;
    }

    .col-lg-0{
        display: block;
    }
}

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

    .push-home a.push-home, .push-home a.push-home:hover  {
        background-size: 140px;
        font-size: 1.4em;
    }

}

/***********************************/
/********** FORMAT MOBILE **********/
/***********************************/

/**********************************************************************/

/**************************************************/
/********** FORMAT ORDINATEUR UNIQUEMENT **********/
/**************************************************/

@media screen and (min-width: 1024px) {
    
    /* Permet d'afficher le menu déroulant au survol de la souris */
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;   
    }

    /* Permet de cacher le triangle des items du menu possédant un menu déroulant */
    .caret {
        display: none;
    }
}

/**************************************************/
/********** FORMAT ORDINATEUR UNIQUEMENT **********/
/**************************************************/

/**********************************************************************/

/****************************************************/
/********** FORMAT ORDINATEUR GRAND FORMAT **********/
/****************************************************/

@media screen and (min-width: 1920px) {
}

/****************************************************/
/********** FORMAT ORDINATEUR GRAND FORMAT **********/
/****************************************************/