/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */


body
{
    /*background: url('images/fond_jaune.png');*/
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;

}

#bloc_page
{
    width: 1000px;
    margin:0 auto;	
	min-height: 600px;
	
}

@media all and (max-width:800px)
{
	#bloc_page
	{
		width:auto;
		/*min-height: 1000px;*/
		height:auto;
	}
}

/* Header */


/*header

{

    background: url('images/separateur.png') repeat-x bottom;

}*/





header h1

{

    font-family: 'BallparkWeiner', serif;

    font-size: 2.5em;

    font-weight: normal;
	color:black;
 

}


#logo, header h1

{

    display: inline-block;
   
    margin-bottom: 0px;
    margin-left:20px;
}


header h2

{

    font-family: 'BallparkWeiner', serif;

    font-size: 1.1em;

    margin-top: 0px;

    font-weight: normal;
    color:#2F4F59;
	margin-left:20px;
}
/*MILIEU*/

#bloc_page h3
{
	font-size:1.1em;	
}
#bloc_page h4
{
	font-size:0.9em;	
}

#bloc_accueil{
	
	min-height: 400px;
}


.roundedImage{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:120px;
    height:120px;
}

/* Navigation */

/*nav
{
    
    width: 1024px;
    text-align: left;

}

nav ul
{
    list-style-type: none;
	 
}

nav li
{
    display: inline-block;
    margin-left: none;
}

nav a
{
    font-size: 1.1em;
    color: #181818;
    padding-bottom: 0px;
    text-decoration: none;
	padding:10px;
}

nav a:hover
{
    color: #cc0000;
    
}*/
ul.admin  {
    list-style-type: non;
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
	column-width: 10em;
	font-size: 0.8em;
	
	
}
ul.admin li:before {
    content: "+ ";
}
ul.conditions  {
    list-style-type: non;
	font-size: 0.9em;
	
	
} 
li.conditions {
    list-style-type: none;	
}
ul.conditions li:before{
    content: "\A4 \ ";		
}
@media all and (max-width:800px)
{
	nav
	{
		width:auto;
		text-align:left;
	}
	
	nav li
	{
		display:block;
		padding-left:6px;
		list-style-type: disc;
	}
	
	nav a 
	{
		font-size:0.6 em;        
	}
	
	nav a:hover
	{
		border-bottom:0;
	}
	ul.admin  
	{
    list-style-type: disc;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    }
}

/* Bannière */

#banniere_image
{

	display:none;
}

@media all and (max-width:800px)
{
	#banniere_image
	{
    display:inline-block;
	margin-top: 0;
    height: 278px;
    /*border-radius: 5px;*/
    background: url('images/recette-photo0.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
    width:100%;
	}
	#titre_principal

    {
        display: inline-block;
    }
}





/*MILIEU*/
.conteneur {
    display: inline-block;
    margin-top: 0;
    text-align: justify;
 
}

/* Corps */
p
{
    font-size: 0.8em;
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article
{
    width: 45%;
    margin-right: 15px;
}

.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}

aside p
{
    font-size: 0.9em;
}

aside
{
    position: relative;
    width: 45%;
    background-color: #706b64;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
   
    color: white;
    font-size: 0.9em;
}

#photo_offre
{
    text-align: center;
}

#photo_offre img
{
    border: 1px solid #181818;
}

aside img
{
    margin-right: 5px;
}

#photo_offre  
{
    float: left;
    margin:  0 10px 10px  10px ;
}
.floatleft{
	width:48%; height:100%; float:left;
}
@media all and (max-width:800px)
{
	article, aside
	{
		width:auto;
		display:block;
		margin-bottom:15px;
	}	

	
	#photo_offre img 
	{
		width:110px;
		float:right;
		margin-left:15px;
	}
	
	aside p:last-child
	{
		text-align:center;
	}
	#offre photo_offre
	{
		vertical-align:left;
	}
	#photo_recherche  
	{
		display:none;	

	}
	.floatleft{
	width:100%; 
    }
	#tuto  
	{
		width:100%;	

	}	
}

/*FORMULAIRE*/
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;

    /* Pour voir les limites du formulaire */
    padding: 1em;
    font-size:0.9em; 
}


label {
    /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
    display: inline-block;
    /*width: 150px;*/
    text-align: left;
    /*font-size: 0.9em;*/
}

/*fieldset{
width:45%;
height:auto;
 
border-style: none;
}*/
.gauche{
float:left;
width:45%;
margin-left:2%;
margin-right:2%;
}
.entier{
float:center;
width:97%;
}
fieldset a:hover{
	background: #04baf6;
	color:#fff;
	
	
}
fieldset a {

	text-align:center;
    font-size:0.9em;   
}
#forminscription {
        width:45%;
        height:100%; 
        float:left;
}

input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #444A42;
 border-radius:5px;
 /*width:200px;
 box-shadow:1px 1px 2px #444A42 inset;*/
 }
select {
 margin-top:10px;
 }
input[type=radio]{
 background-color:transparent;
 border:none;
 width:10px;
 }

input[type=submit], input[type=reset]{
 /*width:100px;
 margin-left:5px;
 /*box-shadow:1px 1px 1px #444A42;*/
 cursor:pointer;
 }

@media all and (max-width:800px)
{
	fieldset
	{
		width:auto;
		display:block;
		position:relative;
		margin-left: auto;

	}
	fieldset.gauche, fieldset.droite{
        height:auto;
        width:100%;
        margin:2%;
        float:left;
        }
        label
	{
		display:auto;
	}

        #forminscription {
            width:100%;
        }
}
/* Footer */
footer{
	/*background:url('images/fond_jaune.png');*/
	color:black;
	text-align:center;
	padding:7px 0;	
    width: 1000px;
    margin:0 auto;	
 
	 

}
@media all and (max-width:800px)
{
	footer
	{
		width:auto;
		text-align:left;
	}
}
/*GENERAL*/
.erreur{
	background:#D6B5A1;
	padding:5px;
	margin:5px;
 	
}
.mdpperdu{
	background:#444A42;
	padding:5px;
	margin:5px;		
}
.mdpperdu a{
	color:white;
	
}
.validation{
	background:#444A42;
	padding:5px;
	margin:5px;
        color:white;	
}
.validation a{
	color:white;
	
}

/*BOUTIQUE*/
.offre-gauche{
	float: left;
	width:15%;
	/*background:#f2f2f2;*/
 
	margin-right:3%;
	padding-top: 10px;
	text-align:center;
	min-height:300px;
}
.offre-gauche ul{

	list-style:none;
	padding: 0px;

}
.offre-gauche ul li a{
	display: block;
	padding: 10px;
}
.offre-gauche ul li a:hover{
	background: #04baf6;
	color:#fff;
}
.offre-droite {

    position: relatif;
	
	
}
.boutique_description {
 
	float:left;
	margin:5px;
	width:38%;
	text-align:justify;
	padding:2px;
	border: 1px solid black;
	
    vertical-align: top;
}
 
.boutique_description a {
    text-align: left;	
} 
.boutique_description a:hover{
    background: #c0c0c0;	
}
/*RESERVATION_DETAILS*/
.entete, .menu,.contenu, .bas {
padding:1px 0;
}
.entete {
    width: auto;
    text-align:left;
	margin-left:10%;
	
}
.main {
max-width:960px;
margin:auto;
position:relative;
}
.menu  {
width:40%;
position:relative;
right:0;
}
.contenu {
margin-left:245px;
width:40%;
min-height:150px;
}
.bas {

text-align:left;
width:1000px;
}
.offre-bas {

    position: relative;
	
}
.bas_description {
 
margin-left:0;
width:45%;
min-height:80px;
    vertical-align: top;
}
/*Footer*/
/*footer 
{
    position: relative;
    clear:both;
    margin-top: -150px;
    height: 150px
}*/
footer a
{
    font-size: 0.8em;
    color: #181818;
    padding-bottom: 0px;
    text-decoration: none;
	padding:10px;
}

footer a:hover
{
    color: #cc0000;
    
}
footer h4
{
	font-size: 0.8em;
}

/**TABLEAU**/
td, th{ text-align: center; }
table{    

	margin-left:auto; 
    margin-right:auto;
}
/*table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}*/
table.contenerproduits, th.contenerproduits, td.contenerproduits { 
	float: left;
	margin-top:10px;
    margin-left: 10px;
	margin-bottom: 10px;
	width: 48%;
        border:none;
        border-collapse: collapse;
} 
/*#contenerproduits  
{
	float: left;
	margin-top:10px;
    margin-left: 10px;
	margin-bottom: 10px;
	width: 48%;
        border:none;
}*/
/*div.container {
  float:center;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  vertical-align: middle;
}*/
@media all and (max-width:800px)
{
	/*div.container
	{
		width:auto;
		display:block;
		position:relative;
		margin-left: auto;

	}*/
table.contenerproduits, th.contenerproduits, td.contenerproduits { 
	float: left;
	margin-top:10px;
    margin-left: 10px;
	margin-bottom: 10px;
	width: 100%;
        border:none;
        border-collapse: collapse;
} 

}

/***POUR LE TABLEAU DANS ADMIN***/
/** { padding: 0; margin: 0; }*/
   table.cruises { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    cellspacing: 0; 
    border: 1px solid black;	
    border-collapse: collapse; 
    width: 862px;    
    } 
    table.cruises th, table.cruises td { 
        border: 1px solid black;
	width: 880px;   
	padding : 3; 
    }

  div.scrollableContainer { 
    position: relative; 
    width: 880px; 
 
    margin:2%;
    border: 1px solid #999;
	margin-left:auto; 
    margin-right:auto;   
    }
  div.scrollingArea { 
    height: 300px; 
    overflow: auto; 
    }
  /*table.scrollable thead tr {
    left: 0; top: 0;
    position: absolute;
    }

	/***SCROLLBAR LE TABLEAU DU RESULTAT DE RECHERCHE**************/
  div.scrollableContainer_recherche { 
    position: relative; 
    width: 1000px; 
 
    margin:2%;
    border: 1px dashed #999;
	margin-left:auto; 
    margin-right:auto;   
    }
  div.scrollingArea_recherche { 
    height: 180px; 
    overflow: auto; 
    }	
	
	/***SCROLLBAR LE TABLEAU DU RESULTAT DU PROFIL**************/
  table.table_profil { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid black;
    border-collapse: collapse; 
    width: 422px;    
    } 
  table.table_profil th, table.table_profil td{
    border: 1px solid black;
  }
  div.scrollableContainer_profil { 
    position: relative; 
    width: 439px; 
 
    margin:2%;
    border: 1px dashed #999;
	margin-left:auto; 
    margin-right:auto;   
    }
  div.scrollingArea_profil { 
    height: 130px; 
    overflow: auto; 
    }	

@media all and (max-width:800px)
{
   div.scrollableContainer_recherche { 
    width: auto; 
    } 
	
   div.scrollableContainer {  
    width: auto;   
    }

  div.scrollableContainer_profil { 
    width: auto; 
    }
	
}
/*Bannière defilante*/
/*a:link, a:visited #slide-runner{
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}*/
div.wrap {
width : 1000px;
margin : 0 auto;
text-align : left;
}
/* div#top div#nav {
float : left;
clear : both;
width : 1000px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
} */
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}

div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
@media all and (max-width:800px)
{
	div#header div#slide-holder div#slide-runner div#slide-controls
	{
		display:none;
		
	}
	div#header div#slide-holder img {
        display:none;
        
    }
	div.wrap {
		display:none;
	}
	element.style {
		display:none;
	}
}