@charset "utf-8";
/* CSS Document */
/*
Orange foncé : EB6E08
Orange clair : F8B334
Bleu gris Foncé : 383A41
/*
/*--------------------------------FONT FACE------------------------------------------*/
/* @import url(https://fonts.googleapis.com/css?family=Lato); */

/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/nunito-sans-v19-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/nunito-sans-v19-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/nunito-sans-v19-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/nunito-sans-v19-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
 * Balises natives
 */
* {
	margin: 0;
	padding: 0;
	}
/*------------------------------------------------------------*/
html {


}

body {
	background:url(images/bg.png) left bottom no-repeat #000;
    background-attachment: fixed;
	font-family: 'Nunito Sans', sans-serif, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	color: #FFF;
}

.content {
	width:320px;
	margin: 0 auto;
	margin-top: calc(50vh - 200px);
}

a,
a:link,
a:visited {
	color:#FFF;
}

/*------------------------------------------------------------*/
#page, .site {
	width: 1024px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding-bottom:30px;
}
h1 {
	margin: 30px 0 30px 10px;
	font-size: 1.5em;
	padding-bottom: 10px;
	font-weight:normal;
}

h2 {
	letter-spacing: 1px;
	margin: 20px 0 10px 10px;
	font-size: 1.2em;
	font-weight:normal;
}

h3 {
	letter-spacing: 1px;
	margin: 10px 0 10px 10px;
	font-size: 1em;
}

p {
	margin: 0 0 8px 10px;
}

a {
	color: #666;
	}
a:hover {
	color: #EB6E08;
}

img {
	border: none;
}

form {
	margin: 0 0 0 10px;
}

input, textarea {
	padding:3px;
	letter-spacing: 1px;
	background:#F6F6F6;
	min-height:25px;
	border:1px solid #fff;
	outline:none;

	/* Rounded corners */
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	-o-border-radius:			5px;
	-khtml-border-radius:		5px;
	-ms-border-radius:			5px;
	-chrome-border-radius:		5px;
	border-radius:				5px;

	/*Transition*/
	-moz-transition:			all 0.3s ease;
	-webkit-transition:			all 0.3s ease;
	-ms-transition:				all 0.3s ease;
	-o-transition:				all 0.3s ease;
	-khtml-transition:			all 0.3s ease;
	-chrome-transition:			all 0.3s ease;
	transition: 				all 0.3s ease;
}

input:focus, textarea:focus {
	background-color: #FFF;
	border:1px solid #EEE;
}

input.submit {
	padding:5px 15px;
	margin: 0 0 0 180px;
	background:#FFF;
	color:#EB6E08;
	height:45px;
	font-size:16px;
	border:2px solid #DDD;
	cursor:pointer;

	/*Transition*/
	-moz-transition:			all 0.3s ease;
	-webkit-transition:		all 0.3s ease;
	-ms-transition:				all 0.3s ease;
	-o-transition:				all 0.3s ease;
	-khtml-transition:		all 0.3s ease;
	-chrome-transition:		all 0.3s ease;
	transition: 					all 0.3s ease;
}

input.submit:hover {
	color:#FFF;
	background:#EB6E08;
	border:2px solid #EB6E08;
}

ul {
	margin: 0 0 15px 0;
}

li {
	margin: 0 0 5px 35px;
}

td {
	padding: 10px;
	cursor: pointer;
}

abbr[title], acronym[title], .help {
	border-bottom: 1px dotted;
	cursor: help;
}

.spacer {
	clear: both;
	height:0;
}

.spacer25 {
    height: 25px;
    clear: both;
    }

.spacer50 {
    height: 50px;
    clear: both;
}

.center{
	text-align: center;
}

.italique {
	font-style: italic;
}

/**
 * Balise génériques
 */
.h2txt {
	padding:15px 0 5px 10px;
	border-bottom:solid #F8B334 1px;
	}

/**
 * Messages
 */
.mess_conf {
	margin: 0 50px 20px 50px;
	padding: 0.2em;
	background-color: #00aa00;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border: solid 2px #00ff00;
	}

.mess_err {
	margin: 0 50px 20px 50px;
	padding: 0.2em;
	background-color: #aa0000;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border: solid 2px #ff0000;
	}

/**
 * Balises du logo
 */
.header {
	display:block;
	float:left;
	width:100%;
	height:135px;
	background:url(images/bg_header.png) left -66px repeat-x #F8B334;
	position: relative;
	z-index: 10;
	border-bottom:4px solid #FFF;

	/* Shadow box */
	-moz-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:			0 1px 10px rgba(0, 0, 0, 0.15);
	-chrome-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-o-border-box-shadow:	0 1px 10px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	box-shadow:				0 1px 10px rgba(0, 0, 0, 0.15);
}
.header a.logo, .header a.logo:link {
	display: block;
	float: left;
	margin: 1px 0 0 0;
}
.header a.logo:hover {}
.header a.slogan, .header a.slogan:link {
	display: block;
	float: right;
	margin: 61px 0 0 0;
}
.header a.slogan:hover {}
/**
 * Balises centre de page
 */
#contenu {
	padding:35px 40px 0 40px;
	text-align: left;
	background:rgba(255, 255, 255, .65);
	float: left;
	width:100%;
}
#intro {
	display: table;
	width: 99%;
	margin: 0 0 10px 10px;
	}
#intro p {
	display: table-row;
	}
#intro p span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	}
#intro img {
	margin-right: 25px;
	}

/**
 * Balises de la page d'accueil
 */
#acc {
	width: 100%;
	margin: 20px 0 0 0;
	}
#acc h2 {margin-top: 0;}
#acc img {
	float: left;
	margin: 0 15px 0 0;
	}
#acc td {
	width: 50%;

	/*Transition*/
	-moz-transition:		all 0.3s ease;
	-webkit-transition:		all 0.3s ease;
	-ms-transition:			all 0.3s ease;
	-o-transition:			all 0.3s ease;
	-khtml-transition:		all 0.3s ease;
	-chrome-transition:		all 0.3s ease;
	transition: 			all 0.3s ease;}
#acc td:hover {
	background-color: #F8B334;
	color: #fff;
	}

/**
 * Balises page prestations
 */
#presta, table {
	width: 99%;
	margin: 0 10px 0 10px;
	}
#presta tr {
	vertical-align: middle; cursor: pointer;

	/*Transition*/
	-moz-transition:		all 0.3s ease;
	-webkit-transition:		all 0.3s ease;
	-ms-transition:			all 0.3s ease;
	-o-transition:			all 0.3s ease;
	-khtml-transition:		all 0.3s ease;
	-chrome-transition:		all 0.3s ease;
	transition: 			all 0.3s ease;
	}
#presta tr:hover {
	background-color: #F8B334; color: #FFF;

	}
#presta h2 {margin-top: 0;}

/**
 * Balises page patenaires
 */
.part_cont {
	float: left;
	margin: 0px 0 0px 0;
	/*border-bottom: solid 1px #666;*/
	}
.part_logo {
	float: left;
	width: 250px;
	}
.part_texte {
	float: left;
	width: 630px;
	}

/**
 * Balises page réalisation
 */
#real img {
	float: left;
	margin: 0 0 0 10px;
	/* border: solid 1px #ec6e07; */

	}

.real_conteneur {
	/* float: left; */
	}
.real_image {
/*	float: left; */
	}

.real_texte {
	float: left;
	width: 680px;
	}

/**
 * Balises page contact
 */
#contact {
	width: 650px;
	}
#contact label {
	float: left;
	display: inline;
	width: 180px;
	}
#contact textarea, input {
	width: 400px;
	}
#contact p {
	margin: 0 0 5px 0;
	}
#contact div {
	margin: 0 0 10px 180px;
	color: red;
	font-size: 0.9em;
	}
#contact em {
	margin: 0px 0 0px 10px;
	font-size: 0.9em;
	}
#contact span{
	color: red;
	font-weight: bold;
	}
.erreur {
	border: 2px solid #F00;
	}



/**
 * Balise de la page plan de site
 */
.sous_liste {
	margin: 10px 0 10px 0;
	}
#plan_site strong {
	margin-right: 15px;
	}
#plan_site li {
	margin: 0 0 15px 35px;
	}

/**
 * Balises du footer
 */
#footer {
	float: left;
	display:block;
	width: 100%;
	min-height:200px;
	background:url(images/footerBG3.png) #CCC;
	padding:0 0 40px;
	margin:50px 0 0 0;
	bottom: 0;
	border-top:1px solid #888;

	-moz-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow:			0 2px 3px rgba(0, 0, 0, 0.25);
	-chrome-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-o-border-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow:				0 2px 15px rgba(0, 0, 0, 0.25) inset;
}
/**/
a#haut_page, a#haut_page:link {
	float:right;
	width:32px;
	height:33px;
	background:url(images/topPage.png) center bottom no-repeat #FFF;
	/*border-top:1px solid #999;*/
	margin:-1px 0 0 0;
	padding: 0 3px;

	-moz-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow:			0 2px 3px rgba(0, 0, 0, 0.25);
	-chrome-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-o-border-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow:				0 2px 3px rgba(0, 0, 0, 0.25);

	/* Rounded corners*/
	-moz-border-radius:		0 0 3px 3px;
	-webkit-border-radius:	0 0 3px 3px;
	-o-border-radius:		0 0 3px 3px;
	-khtml-border-radius:	0 0 3px 3px;
	-ms-border-radius:		0 0 3px 3px;
	-chrome-border-radius:	0 0 3px 3px;
	border-radius:			0 0 3px 3px;

	/*Transition*/
	-moz-transition:		none;
	-webkit-transition:		none;
	-ms-transition:			none;
	-o-transition:			none;
	-khtml-transition:		none;
	-chrome-transition:		none;
	transition: 			none;


}
a#haut_page:hover {
	background:url(images/topPage.png) center top no-repeat #666;

	/*Transition*/
	-moz-transition:		all 0.2s ease-in;
	-webkit-transition:		all 0.2s ease-in;
	-ms-transition:			all 0.2s ease-in;
	-o-transition:			all 0.2s ease-in;
	-khtml-transition:		all 0.2s ease-in;
	-chrome-transition:		all 0.2s ease-in;
	transition: 			all 0.2s ease-in;

}
	/**
 * Balises du menu secondaire
 */
#menu_bas {
	display:block;
	float:left;
	margin:0 0 40px 0;
	font-size:13px;
	}
#menu_bas a, #menu_bas a:link {
	display:block;
	float:left;
	color:#222;
	background:#AAA;
	border-top:1px solid #666;
	border-bottom:1px solid #CCC;
	padding:2px 5px;
	margin:-2px 5px 0 0;
	text-decoration: none;

	/* Shadow box */
	-moz-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow:			0 2px 3px rgba(0, 0, 0, 0.25);
	-chrome-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-o-border-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow:				0 2px 3px rgba(0, 0, 0, 0.25);

	/*Transition*/
	-moz-transition:		all 0.2s ease-in;
	-webkit-transition:		all 0.2s ease-in;
	-ms-transition:			all 0.2s ease-in;
	-o-transition:			all 0.2s ease-in;
	-khtml-transition:		all 0.2s ease-in;
	-chrome-transition:		all 0.2s ease-in;
	transition: 			all 0.2s ease-in;
}
#menu_bas a:hover {
	color:#000;
	background:#EEE;
	border-top:1px solid #F8B334;
}
/*//////////////////////////////////// HTML5 ///////////////////////////////////////*/
a.html5, a.html5:link {
	display:block;
	float:right;
	background:#FFF;
	padding:2px 0 0 7px;
	margin:-1px 10px;
	border-top:1px solid #FFF;

	-moz-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow:			0 2px 3px rgba(0, 0, 0, 0.25);
	-chrome-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	-o-border-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow:		0 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow:				0 2px 3px rgba(0, 0, 0, 0.25);

	/* Rounded corners*/
	-moz-border-radius:		0 0 3px 3px;
	-webkit-border-radius:	0 0 3px 3px;
	-o-border-radius:		0 0 3px 3px;
	-khtml-border-radius:	0 0 3px 3px;
	-ms-border-radius:		0 0 3px 3px;
	-chrome-border-radius:	0 0 3px 3px;
	border-radius:			0 0 3px 3px;

	/*Transition*/
	-moz-transition:		none;
	-webkit-transition:		none;
	-ms-transition:			none;
	-o-transition:			none;
	-khtml-transition:		none;
	-chrome-transition:		none;
	transition: 			none;
}
a.html5:hover {
	border-top:1px solid #F8B334;

	/*Transition*/
	-moz-transition:		all 0.2s ease-in;
	-webkit-transition:		all 0.2s ease-in;
	-ms-transition:			all 0.2s ease-in;
	-o-transition:			all 0.2s ease-in;
	-khtml-transition:		all 0.2s ease-in;
	-chrome-transition:		all 0.2s ease-in;
	transition: 			all 0.2s ease-in;
}
/*//////////////////////////////////// APRIL ///////////////////////////////////////*/
a.april, a.april:link {
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	width: 110px;
	padding: 5px 10px;
	margin: 20px 0 0 230px;
	background:#666;
	background:rgba(255,255,255,0.2);

	/* Rounded corners */
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-o-border-radius:		5px;
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;
	-chrome-border-radius:	5px;
	border-radius:			5px;

	/*Transition*/
	-moz-transition:		all 0.2s ease-in;
	-webkit-transition:		all 0.2s ease-in;
	-ms-transition:			all 0.2s ease-in;
	-o-transition:			all 0.2s ease-in;
	-khtml-transition:		all 0.2s ease-in;
	-chrome-transition:		all 0.2s ease-in;
	transition: 			all 0.2s ease-in;

	/* Shadow box */
	-moz-box-shadow:		0 1px 3px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:		0 1px 3px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:			0 1px 3px rgba(0,0,0,0.2) inset;
	-chrome-box-shadow:		0 1px 3px rgba(0,0,0,0.2) inset;
	-o-border-box-shadow:	0 1px 3px rgba(0,0,0,0.2) inset;
	-khtml-box-shadow:		0 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow:				0 1px 3px rgba(0,0,0,0.2) inset;

}
a.april:hover {
	color:#FFF;
	background:#F8B334;
}
a.april span {
	display: block;
	width:100%;
	font-size:12px;
	text-align:center;
	margin-bottom:5px;
}
a.april div.img {
	clear:both;
	display:block;
	width:109px;
	height:44px;
	overflow:hidden;
	background:url(images/april.png) center top no-repeat;
}
a.april:hover div.img {
	background:url(images/april.png) center bottom no-repeat;
}
/*//////////////////////////////////// COPYRIGHT ///////////////////////////////////////*/
.copyright {
	display:block;
	clear:both;
	font-size:13px;
	color:#666;
}
/*//////////////////////////////////// TOOL TIP ///////////////////////////////////////*/
a.tooltip:link {
	position:relative;
	text-decoration:none;
}
a.tooltip:before {/*pointe de l'info-bulle*/
	content:"";
	position:absolute;
	border-top: 20px solid #383A41;
	border-left: 20px solid transparent;
	display: none;
	top: -25px;
	left: -6px;
}
a.tooltip:after {/*info-bulle en elle-même*/
	content:attr(data-tooltip);
	position:absolute;
	color:#FFF;
	font-size:12px;
	top:-35px;
	left:-26px;
	background:#383A41;
	padding:5px;
	white-space:nowrap;
	display:none;

	/* Rounded corners */
	-moz-border-radius:			5px;
	-webkit-border-radius:	5px;
	-o-border-radius:				5px;
	-khtml-border-radius:		5px;
	-ms-border-radius:			5px;
	-chrome-border-radius:	5px;
	border-radius:					5px;
}
a.tooltip:hover:after, a.tooltip:hover:before {
	display:block;
}
/*//////////////////////////////////// MENU NAV ///////////////////////////////////////*/
div#menu {
	display:block;
	float:left;
	width:100%;
	height:50px;
	background:#FFF;
	margin:0;
	position:relative;
	z-index:1;

	/* Shadow box */
	-moz-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:			0 1px 10px rgba(0, 0, 0, 0.15);
	-chrome-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	-o-border-box-shadow:	0 1px 10px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow:		0 1px 10px rgba(0, 0, 0, 0.15);
	box-shadow:				0 1px 10px rgba(0, 0, 0, 0.15);
}
div#menu li {
	list-style:none;
	margin:0;
}
ul.nav {
	display:block;
	width:964px;
	margin:0 auto;
}
ul.nav > li {
	display:block;
	float:left;
}
ul.nav > li > a, ul.nav > li > a:link {
	display:block;
	float:left;
	width:185px;
	height:42px;
	line-height:40px;
	text-decoration:none;
	font-size:18px;
	color:#222;
	background:url(images/menuBG.png) repeat-x left 50px;
	margin-top:8px;

	/* Rounded corners */
	-moz-border-radius:			8px 8px 0 0;
	-webkit-border-radius:		8px 8px 0 0;
	-o-border-radius:			8px 8px 0 0;
	-khtml-border-radius:		8px 8px 0 0;
	-ms-border-radius:			8px 8px 0 0;
	-chrome-border-radius:		8px 8px 0 0;
	border-radius:				8px 8px 0 0;

	/*Transition*/
	-moz-transition:			all 0.2s;
	-webkit-transition:			all 0.2s;
	-ms-transition:				all 0.2s;
	-o-transition:				all 0.2s;
	-khtml-transition:			all 0.2s;
	-chrome-transition:			all 0.2s;
	transition: 					all 0.2s;
}

ul.nav > li > a:hover,
ul.nav > li:hover > a  {
	color:#FFF;
	background:url(images/menuBG.png) repeat-x left -20px;

	/* Shadow box */
	-moz-box-shadow:		0 4px 8px rgba(235, 110, 8, 0.6) inset;
	-webkit-box-shadow:		0 4px 8px rgba(235, 110, 8, 0.6) inset;
	-ms-box-shadow:			0 4px 8px rgba(235, 110, 8, 0.6) inset;
	-chrome-box-shadow:		0 4px 8px rgba(235, 110, 8, 0.6) inset;
	-o-border-box-shadow:	0 4px 8px rgba(235, 110, 8, 0.6) inset;
	-khtml-box-shadow:		0 4px 8px rgba(235, 110, 8, 0.6) inset;
	box-shadow:				0 4px 8px rgba(235, 110, 8, 0.6) inset;
}

ul.nav > li.sub {
	background:url(images/menuSUB.png) no-repeat 91% 22px;
}

ul.nav > li ul.subMenu  {
	display:block;
	float:left;
	width:185px;
	height:0;
	overflow:hidden;
	margin:50px 0 0 -185px;
	background:#F8B334;

	/* Shadow box */
	-moz-box-shadow:		0 3px 6px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:		0 3px 6px rgba(0, 0, 0, 0.15);
	-ms-box-shadow:			0 3px 6px rgba(0, 0, 0, 0.15);
	-chrome-box-shadow:		0 3px 6px rgba(0, 0, 0, 0.15);
	-o-border-box-shadow:	0 3px 6px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow:		0 3px 6px rgba(0, 0, 0, 0.15);
	box-shadow:				0 3px 6px rgba(0, 0, 0, 0.15);

	/* Rounded corners*/
	-moz-border-radius:		0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	-o-border-radius:		0 0 5px 5px;
	-khtml-border-radius:	0 0 5px 5px;
	-ms-border-radius:		0 0 5px 5px;
	-chrome-border-radius:	0 0 5px 5px;
	border-radius:			0 0 5px 5px;
}
ul.nav > li:hover ul.subMenu {
	height:auto;
}
ul.nav > li ul.subMenu a,
ul.nav > li ul.subMenu a:link {
	display:block;
	float:left;
	width:100%;
	font-size:14px;
	height:0;
	line-height:0;
	text-decoration:none;
	color:#FFF;

	opacity : 0;
    -moz-opacity :0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */

	/*Transition*/
	-moz-transition:			all 0.2s 0.1s;
	-webkit-transition:		all 0.2s 0.1s;
	-ms-transition:				all 0.2s 0.1s;
	-o-transition:				all 0.2s 0.1s;
	-khtml-transition:		all 0.2s 0.1s;
	-chrome-transition:		all 0.2s 0.1s;
	transition: 					all 0.2s 0.1s;
}
ul.nav > li:hover ul.subMenu a {
	height:30px;
}
ul.nav > li:hover ul.subMenu a {
	/*Opacity*/
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */

	line-height:30px;
	height:30px;
}
ul.nav > li ul.subMenu:hover a { /*Pour éviter l'effet de transition intégré précédemment : animation désagrable sur a:hover*/
	/*Transition*/
	-moz-transition:		all 0.1s ease-in;
	-webkit-transition:		all 0.1s ease-in;
	-ms-transition:			all 0.1s ease-in;
	-o-transition:			all 0.1s ease-in;
	-khtml-transition:		all 0.1s ease-in;
	-chrome-transition:		all 0.1s ease-in;
	transition: 			all 0.1s ease-in;
}
ul.nav > li ul.subMenu a:hover {
	background:#FFF;
	background:rgba(255,255,255,0.8);
	color:#222;
}

/*//////////////////////////////////// CODE CEDRIC JUIN 2024 ///////////////////////////////////////*/
.content {
	width:88%;
	max-width:1120px;
}

/*  */
.review {}

.review .one {
	margin-bottom:5vmax;
	text-align:left;
}

.review .one .quote {
	font-style:italic;
	font-size:1.313rem;
	line-height:1.6;
}

.review .one .author {
	position:relative;
	margin-top:15px;
	line-height: 1.4;
	padding-left:25px;
}

.review .one .author:before {
	content:"";
	position:absolute;
	top:10px;
	left:0;
	height:2px;
	width:18px;
	background: #F8B334;
}

.review .one .author strong {
	display:block;
}

.review .one .author a {
	display:block;
	color:#F8B334;
}