/* Votre Style */

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label{margin:0; padding:0;}

html, body {
	/*overflow:hidden;*/
	margin: 1%;
	padding: 0px;
	color :#333;
}

.h1 {
	font-size: 2em;
	margin-bottom: 1%;
	text-align: center;
}
.h2 {
	font-size: 1.6em;
	margin-bottom: 1%;
	text-align: center;
}


.h3 {
	font-size: 1.2em;
	margin-bottom: 1%;
	text-align: center;
}


.papG {
	text-align: right;
	margin-right: 0px;
}
.papD {
	text-align: left;
	margin-left: 0px;
}
#titre{
	margin-top: 1.5%;
}

#menu{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	margin-top: 1%;
}

#menu ul li:first-child{
	border-radius: 10px 0 0 10px;
}
#menu ul li:last-child {
	border-radius: 0 10px 10px 0;
}



#menu ul li{
	display: inline-block;
	background-color:#579cf7;
	height: 50px;
	line-height:50px;
	border:1px;
	border-style: solid;
	border-color: #848484;
	vertical-align: middle;
	text-align: center;
	padding: 0;
/*	margin: 0;*/
}
#menu ul li a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
#menu ul li:hover, #menu ul li.menuSel{
	background-color:#88b9f9;
}
#menu ul li:hover a, #menu ul li.menuSel a{
	color: #FFFFFF;
}
#menu a:link,#menu a:visited {
	line-height: 50px;
	width: 100%;
}
#menu ul li.menuSel {
	background-color: #88b9f9;
	color: #579cf7;
}

.boutonLang {
	height: 24px;
	width: 24px;
	border: none;
	font-size: 0px;
}
#langueFr{
	background:url('../img/france24.png');
}
#langueUk{
	background:url('../img/uk24.png');
}
#langueEs{
	background:url('../img/espagne24.png');
}

.liens{
	text-decoration: underline;
	color: #8181F7;
}
.liens:hover{
	text-decoration: underline;
	background-color: #CEECF5;
}

.gras{
	margin-bottom:1%;
	margin-top: 5%;
	font-weight: bold;

}
.avec_lettrine:first-letter{
	font-size: 1.6em;
	color: #CCFFCC;
	font-weight: bold;
}

#englobe_page{
	margin-bottom: 3%;
}
.listeEnLigne , .listeEnLigne2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
}
.listeEnLigne  {
	justify-content: space-between;
	-ms-flex-pack: justify;
}
.listeEnLigne2 {
	justify-content: space-around;
	-ms-flex-pack: justify;
}
.listeEnLigneCol {
	list-style-type: none;
}
#basPage {
	margin-bottom: 2%;
}

#bienvenue p.espace_bas{
	margin-bottom: 4%;
}

#bienvenue p.gras{
	margin-bottom: 4%;
font-weight: bold;

}
#calme {
	margin-bottom: 2%;
}

#diaporama p, #diaporama ul {
	margin-bottom: 2%;
}

.tableTarif{
	margin-top: 2%;
	border-collapse: collapse;
	padding: 1%;
}
.tableTarif th, .tableTarif td {
	border: 1px solid #848484;
	padding: 1%;
}
.paire {
	background-color:#579cf7;
}

.tableCalendrier{
	border-collapse: collapse;
	padding: 1%;
}
.tableCalendrier th, .tableCalendrier td {
	border: 1px solid #848484;
	padding: 1%;
}
/*.reserve {
	background-color: red;
}
.reserve {
	height:0;width:0;
	border: 3px solid;
	border-color:#E8314D #E8314D #FA9AA6 #FA9AA6;
}
 
.reserve {
	background-image: url('../img/fond_arrivee.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:contain 100%;
	 -moz-background-size: contain 100%;
	 -o-background-size: contain 100%;	
}*/
.reserve {
	background: url('../img/fondEntier.png') repeat-x center center;
}
.reserveA {
	background: url('../img/fondArrivee.png') repeat-x center center;
}
.reserveD {
	background: url('../img/fondDepart.png') repeat-x center center;
}
#resa section {
	margin-bottom: 2%;
}
.Cmsg_erreur {
	width: 70%;
	background-color: #ffffe0;
	color: #F00;
	margin-bottom: 2%;

	/*border-width: 1px;
	border-style: solid;
	border-color: #F00;*/
}
.texte_alert {
	color: #F00;
	margin-bottom: 1%;
}
.texte_remarque {
	color: green;
	margin-bottom: 1%;
}
#valider {
	text-align: center;
}




/*
.label{
	background-color: red;
}*/
/*
#navigation{
	background-color: #EEE;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	padding: 0;
	max-width: 295px;
	min-width: 192px;
}
#navigation .titre-menu{
	background-color: #DDD;
	width:100%;
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: center;
	color: #990000;
	font-weight: bold;
}
#navigation form{
	margin-top: 2%;
}
*/