@charset "utf-8";
@font-face {
	font-family: 'pt_sansregular';
	src: url('../fonts/ptsans_regular/PTS55F-webfont.eot');
	src: url('../fonts/ptsans_regular/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_regular/PTS55F-webfont.woff') format('woff'),
         url('../fonts/ptsans_regular/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/ptsans_regular/PTS55F-webfont.svg#pt_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'pt_sansbold';
	src: url('../fonts/ptsans_bold/PTS75F-webfont.eot');
	src: url('../fonts/ptsans_bold/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_bold/PTS75F-webfont.woff') format('woff'),
         url('../fonts/ptsans_bold/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/ptsans_bold/PTS75F-webfont.svg#pt_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
	}
.pt_sansregular, .regular {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	}
.pt_sansbold, .bold {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	}
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	line-height: 1.4;
	}
ul li {
	margin: 0;
	padding: 0;
	}
.ul2 {
	margin: 0;
	padding: 0;
	margin-left: -4px;
	padding-left: 8px;
	}
ul.espacement li {
	margin-bottom: 0.6em;
	}
ol li {
	margin: 0;
	padding: 0;
	margin-left: -10px;
	list-style: none decimal none;
	}
sup, sub { font-size: 0.7em; }
p { margin: 0.5em 0 0.5em 0; }

h3, h4, h5, h6, .titre3, .titre4, .titre5, .titre6 {
	margin: 0.5em 0 0.5em 0;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	color: #00417d;
	}
h1, .titre1 {
	margin: 0.75em 0 0.75em 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 2.7em;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	line-height: 1.1;
	}
h2, .titre2, .titre2carre {
	font-size: 2.25em;
	margin: 0.6em 0 0.6em 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-shadow: 1px 1px 0px #ffffff;
	line-height: 1.15;
	}
.titre2carre {
	margin-bottom: 0;
	font-size: 1.8em;
	text-shadow: none;
	}
h3, .titre3 { font-size: 1.25em; }
h4, .titre4 { font-size: 1.1em; }
h5, .titre5 { font-size: 1.0em; }
h6, .titre6 { color: #333333; font-size: 0.9em; }
.titre1, .titre2, .titre3, .titre4, .titre5, .titre6 { margin: 0; }
h1.souligne, h2.souligne { border-bottom: 1px solid #000000; text-decoration: none; }
h3.souligne, h4.souligne, h5.souligne, h6.souligne { border-bottom: 1px solid #00417d; text-decoration: none; }
h2.titre33, .titre33 {
	margin: 0;
	padding: 5px 5px 25px 5px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.85em;
	color: #ffffff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}
img {
	max-width: 100%; /* Essentiel pour le responsive : redimensionnement des images jusqu'� leur taille de 100%, pas plus */
	height: auto;
	vertical-align: middle;
	border: none;
	}
figure {
	vertical-align: middle;
	border: none;
	}
figcaption {
	font-size: 0.8em;
	font-style: italic;
	color: #555555;
	}
.legende-sur-photo {
	position: absolute;
	bottom: 0;
	left: 0; right: 0;
	z-index: 2;
	padding: 6px 6px 3px 6px;
	font-size: 0.8em;
	font-style: italic;
	color: white;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	}
abbr { cursor:help; }
abbr > span { display: none; }
abbr:hover > span {
	display: inline;
	font-size: 0.9em;
	font-style: italic;
	color: grey;
	}
abbr > span::before { content: ' - '; }
abbr > span::after { content: ' - '; }

header {
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 999;
	}
header a { transition: 0.3s ease; }
.langue {
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.0em;
	color: #ffffff;
	letter-spacing: 0.03em;
	}
header aside {
	position: fixed;
	top:105px;
	left: 0;
	z-index:98;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	color: #ffffff;
	text-shadow: 1px 2px 4px rgba(0,0,0, 0.75);
	}
header aside > div {
	margin: 0px 0 15px 0;
	padding: 0;
	border-radius: 0 3px 3px 0;
	}
header aside img {
	box-shadow: 1px 2px 4px rgba(0,0,0, 0.75);
	}
header aside a:visited, header aside a:link { color: #ffffff!important; text-decoration: none; }
header aside a:active, header aside a:hover { color: #009ee0!important; text-decoration: none; } /* CYAN */
header aside a:hover img { box-shadow: 1px 0px 4px rgba(255,255,255, 0.9); }

footer {
	margin: 0;
	font-size: 0.9em;
	}
.footer1 {
	padding: 5px 0;
	background-color: #000000;
	color: #ffffff;
	}
.footer2 {
	padding: 20px 0 0 0;
	background-color: #666666;
	color: #ffffff;
	}
.footer3 {
	padding: 20px 0;
	background-color: #f1f1f1;
	color: #ffffff;
	border-top: 1px solid #eee;
	}
.footer4 {
	padding: 20px 0;
	background-color: #999999;
	color: #000000;
	}
#bloc-cookie {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	padding: 10px 0;
	background-color: black;
	color: white;
	font-size: 0.9em;
	}
.degrade-noir { background-image: linear-gradient(to bottom, #000, transparent); }

.page {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	}
.page2 {
	margin: 0 auto;
	padding: 0;
	width: 94%;
	}
.marge-top { margin-top: 70px; }
.menu-space { height: 70px; }

/* liens */
a:visited { color: #00417d; text-decoration: underline; }
a:link { color: #00417d; text-decoration: underline; }
a:hover { color: #999999; text-decoration: underline; }
a:active { color: #999999; text-decoration: underline; }

.a2:visited, .a2:link { color: #555555; text-decoration: none; }
.a2:active, .a2:hover { color: #00417d; text-decoration: none; }

.a3:visited, .a3:link { color: #00417d; text-decoration: none; }
.a3:active, .a3:hover { color: #009ee0; text-decoration: none; }

.a4:visited, .a4:link { color: #ffffff; text-decoration: none; cursor: pointer; }
.a4:active, .a4:hover { color: #ffffff; text-decoration: underline; opacity:0.5; }
.a4i:visited, .a4i:link { text-decoration: none; opacity: 0; cursor: pointer; }
.a4i:active, .a4i:hover { text-decoration: underline; opacity: 0.70; }


.a5:visited, .a5:link { color: #00417d; text-decoration: none; }
.a5:active, .a5:hover { color: #00417d; text-decoration: underline; opacity:0.5; }

.a6:visited, .a6:link { color: #00417d; text-decoration: none; }
.a6:active, .a6:hover { color: #ffffff; text-decoration: none; }

.a7:visited, .a7:link { color: #000000; text-decoration: none; cursor: pointer; }
.a7:active, .a7:hover { color: #444444; text-decoration: underline; }

.a8:visited, .a8:link { color: #cc0000; text-decoration: underline; font-style:italic; cursor: pointer; }
.a8:active, .a8:hover { color: #990000; text-decoration: underline; }

.a9:visited, .a9:link { color: #000000; text-decoration: underline; font-style:italic; cursor: pointer; }
.a9:active, .a9:hover { color: #444444; text-decoration: underline; }


.onglet, .onglet-orange, .onglet-bleu {
	display: inline-block;
	*zoom: 1; /* Pour IE un element inline qui possede le layout aura le meme comportement qu un inline-block. */
	box-shadow: 0 0 0 rgba(255,255,255, 0);
 	}
.onglet:visited, .onglet:link { text-decoration: none; opacity: 1.0;  }
.onglet:active, .onglet:hover { text-decoration: none; opacity: 0.7; box-shadow: 0 0 10px rgba(255,255,255, 1.0); }
.onglet-orange:visited, .onglet-orange:link { text-decoration: none; opacity:0.8;  }
.onglet-orange:active, .onglet-orange:hover { text-decoration: none; opacity:1.0; box-shadow: 0 0 16px rgba(239,64,35, 1.0); }
.onglet-bleu:visited, .onglet-bleu:link { text-decoration: none; opacity:0.8;  }
.onglet-bleu:active, .onglet-bleu:hover { text-decoration: none; opacity:1.0; box-shadow: 0 0 16px rgba(0,65,126, 1.0); }
.onglet-pro {
	margin: 0 4%;
	padding: 1% 1.5% 0.5% 1.5%;
	width: 22%;
	background-color: #ffffff;
	color: #00417d;
	font-weight: bold;
	font-size: 1.2em;
	text-align:center;
	float: left;
	border: 1px solid #cccccc;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	}
.onglet-pro:hover { opacity: 1; }
.onglet-pro a, .onglet-pro a:visited, .onglet-pro a:link { color: #00417d; text-decoration: none; }
.onglet-pro a:active, .onglet-pro a:hover { color: #009ee0; text-decoration: none; }
.onglet-pro2 {
	margin: 0 4%;
	padding: 1% 1.5% 0.5% 1.5%;
	width: 22%;
	background-color: #ffffff;
	color: #ef4023;
	font-weight: bold;
	font-size: 1.2em;
	text-align:center;
	float: left;
	border: 1px solid #ef4023;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	}
.onglet-pro2:hover { opacity: 1; }
.onglet-pro2 a, .onglet-pro2 a:visited, .onglet-pro2 a:link { color: #ef4023; text-decoration: none; }
.onglet-pro2 a:active, .onglet-pro2 a:hover { color: #ff0000; text-decoration: none; }

ul.tabs {
	margin: 0;
	padding: 0;
	margin-left: -10px;
	float: left;
	width: 220px;
	height: 32px;
	list-style: none outside none;
	}
ul.tabs li.tabs3 {
	height: 58px;
	}
ul.tabs li.tabs2l {
	height: 45px;
	}
ul.tabs li {
	margin: -1px 0px 0px 0px;
	padding: 8px 0px 3px 0px;
	float: left;
	width: 220px;
	height: 32px;
	line-height: 16px;
	border: 1px solid #999999;
	list-style: none outside none;
	background: none repeat scroll 0 0 #F0EFE7;
	overflow: hidden;
	position: relative;
	-moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
	}
ul.tabs li a {
	text-decoration: none;
	color: #00417E;
	font-weight: bold;
	display: block;
	font-size: 13px;
	outline: none;
	margin-top:-15px;
	padding: 20px 0 20px 15px;
	}
ul.tabs li a:hover { background: #BBB199; }
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ffffff;
	border-right: 1px solid #ffffff;
	}
ul.tabs li.tabs2 {
	margin-top: 10px;
	background: none;
	border: none;
	overflow: visible;
	text-align:center;
	}
.multicolonnes2, .multicolonnes3, .multicolonnes4 {
	column-gap: 2.5em;
	column-rule-width: 1px;
	column-rule-color: #cccccc;
	column-rule-style: dotted;
	}
.multicolonnes2 {
	column-count: 2;
	}
.multicolonnes3 {
	column-count: 3;
	}
.multicolonnes4 {
	column-count: 4;
	}
.multicolonnes2 hr, .multicolonnes3 hr, .multicolonnes4 hr {
	break-after: column; /* Standard W3C */
	-webkit-column-break-after: column; /* Safari + Chrome */
	-moz-column-break-after: column; /* Firefox */
	-ms-column-break-after: column; /* Internet Explorer */
	-o-column-break-after: column; /* Opera */
	visibility: hidden;
	}
/* --- marche pas !!! ---
.multicolonnes2 ul, .multicolonnes3 ul, .multicolonnes4 ul, .insecable {
	display: inline-block;
    width: 100%;
	}
*/
.slide {
	padding: 25px 0;
	}
.hauteur-min {
	min-height: 500px;
	}
.fond1 {
	padding: 15px 0;
	background-color: #ffffff;
	}
.fond2 {
	padding: 15px 0;
	background-color: #E2DFCF;
	}
.fond3 { /* page avec menu tab */
	margin: 0px auto;
	width: 820px;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	}
.fond4 { /* contenu a cote menu tab */
	margin: 5px 10px 5px 225px;
	border: none;
	}
.fond-batiment-gris {
	margin-bottom: 3%;
	padding: 15px 10px;
	background-image: url('../images/fond-batiment-gris2.jpg');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	border: 2px solid #ef4023;
	}
.bloc, .marge-sous { margin-bottom: 15px; }
.marge-dessous2 { margin-bottom: 8px; }
.bloccontenu, .bloc-contenu, .contenu { padding: 10px 20px; }
.contenu2 { margin: 10px 20px; }
.bloccontenu-large, .bloccontenu2, .bloc-contenu2, .contenu2 { padding: 20px 35px; }
.cadrephoto {
	box-sizing: border-box;
	border: 1px solid #999;
	}
.bloc25 {
	margin: 0;
	padding: 0;
	width: 25%;
	}
.bloc75 {
	margin: 0;
	padding: 0;
	width: 75%;
	}
.bloc25c {
	margin: 0;
	padding: 0 1.5%;
	width: 22%;
	}
.bloc75c {
	margin: 0;
	padding: 0 1.5%;
	width: 72%;
	}
.imgbloc {
	display: block;
	overflow: hidden;
	cursor: pointer;
	}
.anim1 { /* ici on cible l'image contenu dans le DIV survole */
	transition: all 0.6s ease-in;
	}
.anim1:hover {
	transform: scale(1.08);
	transition: all 0.3s ease-out;
	}
.ombrec { box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); }
.ombrec-interne { box-shadow: 0 0 12px rgba(0,0,0,0.3) inset; }
.hauteur-minimum { min-height: 530px; }
.contour { margin: 10px; }
.decolle-contenu { padding: 1px 15px; }
.box {
	position: relative;
	float: left;
	margin: 5px;
	background-color: #ffffff;
	padding: 5px;
	overflow: auto;
	/* permet de gerer les depassements de blocs dont on a pr�cis� la taille
	- visible, rend visible tout ce qui d�passe.
	- hidden, cache tout ce qui d�passe.
	- scroll, met toujours une barre de d�filement horizontale et verticale.
	- auto, met une barre de d�filement horizontale ou verticale si besoin.
	- inherit, h�rite de son parent (css2).
	*/
	}
.bloc-prof {
	margin: 0;
	padding: 10px 10px;
	width: 186px; /* 200px = 140 + 30 + 30 */
	height: 180px;
	text-align: center;
	line-height: 1.8;
	float: left;
	}
.resume {
	}
.texte {
	color: #000000;
	text-align: justify;
	}
.banner-photo-large {
	width: auto;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	}
.banner-photo-large div.page {
	position: relative;
	height: 250px;
	}
.banner-photo-large div p {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
	font-size: 3em;
	line-height: 0.95;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.85);
	}
.banner-photo {
	margin-top: -25px;
	width: 980px;
	height: 250px;
	}
.titre-banner {
	padding-right: 35px;
	padding-top: 170px ;
	font-family: 'Arial Narrow', Arial, Helvetica, Verdana, sans-serif;
	font-size: 3em;
	line-height: 0.9;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.75);
	}
.titre-banner2 {
	padding-right: 35px;
	padding-top: 160px ;
	font-family: 'Arial Narrow', Arial, Helvetica, Verdana, sans-serif;
	font-size: 2.75em;
	line-height: 1;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.75);
	}
.titre-banner3 {
	padding-right: 35px;
	padding-top: 130px ;
	font-family: 'Arial Narrow', Arial, Helvetica, Verdana, sans-serif;
	font-size: 2.75em;
	line-height: 0.9;
	color: #ffffff;
	text-align: right;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.75);
	}

.fond-degrade1 {
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, #f1f1f1, #ffffff);}
.fond-degrade2 {
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee); }
.ombre2 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }
.ombre-bas { box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }
.georgia { font-family: Georgia, 'Times New Roman', Times, serif; }

.textedefile {
	margin: 0;
	padding: 2px;
	background-color: #f9f9f9;
	background: linear-gradient(to right, #FFFFFF, #F1F1F1, #FFFFFF);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #00417d;
	font-size: 1.3em;
	line-height: 40px;
	height: 40px;
	}
#textedefile a {
	color: #00417d;
	text-decoration:none;
	}
#textedefile a:hover {
	color: #999999;
	}

.cadre1, .cadre-noir { border: 1px solid #000000; }
.cadre2, .cadre-blanc { border: 1px solid #ffffff; }
.cadre3, .cadre-gris { border: 1px solid #999999; }
.cadre-photo {
	border: 1px solid #999999;
	}
.cadre-alerte {
	margin: 1px;
	padding: 2px 8px;
	background-color: #ffccff;
	color: #000000;
	border: 1px solid #cc0000;
	border-radius: 5px;
	}
.cadre-alerte-rouge {
	margin: 1px;
	padding: 2px 2px;
	background-color: #bb0000;
	color: #ffffff;
	border-radius: 10px;
	}
.cadre-ombre {
	border: 1px solid #555555;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	}

.cadre-degrade {
	padding: 10px;
	border: 1px solid #999999;
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	}
.cadre-arrondis {
	padding: 5px 10px;
	border: 1px solid #00417d;
	background-color: #ffffff;
	border-radius: 5px;
	}
.cadre-arrondis2 {
	padding: 1px 4px;
	border: 2px solid #586172;
	background-color: #283347;
	border-radius: 8px;
	}
.arrondi { border-radius: 5px; }

.une {
	box-sizing: border-box;
	/* padding-top: 5px; 	padding-bottom: 5px; */
	background-color: #ffffff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
.promo {
	box-sizing: border-box;
	padding: 5px 20px 15px 20px;
	box-shadow: 0 0 12px rgba(0,0,0,0.3) inset;
	}
hr { color: #efefef;
	background-color: #efefef;
	height: 1px;
	border: #efefef; }
hr.pointille { color: #ffffff;
	border: none;                   /* Idem : on ne veut pas des bordures... */
	border-top: 1px dotted #cccccc; /* ... on en veut juste UNE en pointill�s, de hauteur 6 pixels */
	height: 0px;                    /* Le filet est rendu gr�ce � la bordure haute : pas besoin du "contenu" (si on peut dire) */
	}
hr.logo { color: #00417d;
	background-color: #00417d;
	height: 3px;
	border: #00417d;
	width: 86px;
	text-align: center;
	}

.boutonbleu100 {
	display: inline-block; *zoom: 1; /* non compris par IE7... comme d'hab... */
	/*
	Pour IE un �l�ment inline qui poss�de le layout aura le m�me comportement qu�un inline-block.
	Astuce pour s'�viter des feuilles de style conditionnelle que pour IE7 et cie :
	*toto = ne sera compris que par IE7 et -
	_toto = ne sera compris que par IE6 et -
	*/
	margin: 0px;
	padding: 10px;
	background-color: #061727;
	background-image: url('/files/image/degrade100.jpg');
	border: none;
	color:#ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	}
.boutonbleu200 {
	display: inline-block; *zoom: 1;
	margin: 0px;
	padding: 10px;
	background-color: #033568;
	background-image: url('/files/image/degrade_stripe1.jpg');
	border: none;
	color:#ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	}
.boutonbleu300 {
	display: inline-block; *zoom: 1;
	margin: 0px;
	padding: 10px;
	background-color: #03284e;
	background-image: url('/files/image/degrade_stripe2.jpg');
	border: none;
	color:#ffffff;
	font-size: 1.3em; font-weight: bold; text-align: center;
	border-radius: 5px;
	cursor: pointer;
	}
.boutonbleu100:link, .boutonbleu200:link, .boutonbleu300:link { color:#f1f1f1; text-decoration: none; }
.boutonbleu100:hover, .boutonbleu200:hover, .boutonbleu300:hover { color:#ffffff; text-decoration: none; }

.label {
	padding: 2px 4px;
	background-color: #666;
	color: #ffffff;
	font-size: 0.7em;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000000;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	border-radius: 3px;
	box-shadow: 0px 0px 1px rgba(0,0,0, 0.75);
	}
.label.label-rouge { background-color: #cc0000; }
.label.label-vert { background-color: #8dc63f; }
.label.label-bleu { background-color: #00417d; }
.label.label-orange { background-color: #ef4023; }
.label.label-gris { background-color: #aaaaaa; }
.label.label-noir { background-color: #333333; }
.label.label-blanc { background-color: #f1f1f1; }

.bouton1, .bouton-bleu {
	display: inline-block;
	*zoom: 1;
	padding: 8px 12px;
	background-color: #00417d; /* bleu */
	color: #ffffff;
	font-size: 0.9em;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	border-radius: 1px;
	border:none;
	cursor: pointer;
	}
.bouton1:visited, .bouton1:link, .bouton-bleu:link, .bouton-bleu:visited {
	background-color: #00417d; /* bleu */
	color: #ffffff;
	text-decoration: none;
	}
.bouton1:hover, .bouton1:active, .bouton-bleu:hover, .bouton-bleu:active {
	background-color: #009ee0; /* cyan */
	color: #00417d;
	text-decoration: none;
	}

.bouton2, .bouton-cyan {
	margin: 2px;
	display: inline-block; *zoom: 1;
	padding: 8px 12px;
	background-color: #009ee0; /* cyan */
	color: #ffffff;
	font-size: 0.9em;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	border-radius: 1px;
	border:none;
	cursor: pointer;
	}
.bouton2:visited, .bouton2:link, .bouton-cyan:link, .bouton-cyan:visited {
	background-color: #009ee0; /* cyan */
	color: #ffffff;
	text-decoration: none;
	}
.bouton2:hover, .bouton2:active, .bouton-cyan:hover, .bouton-cyan:active {
	background-color: #00417d; /* bleu */
	color: #ffffff;
	text-decoration: none;
	}

.bouton3, .bouton-orange {
	display: inline-block; *zoom: 1;
	padding: 8px 12px;
	background-color: #ef4023; /* fond orange*/
	color: #ffffff;
	font-size: 0.9em;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	border-radius: 1px;
	border:none;
	cursor: pointer;
	}
.bouton3:visited, .bouton3:link, .bouton-orange:link, .bouton-orange:visited {
	background-color: #ef4023; /* fond orange*/
	color: #ffffff;
	text-decoration: none;
	}
.bouton3:hover, .bouton3:active, .bouton-orange:hover, .bouton-orange:active {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	}

.bouton4. .bouton-ouline {
	display: inline-block;
	*zoom: 1;
	padding: 2px;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	cursor: pointer;
	}
.bouton4:visited, .bouton4:link, .bouton-ouline:link, .bouton-ouline:visited {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	}
.bouton4:hover, .bouton4:active, .bouton-ouline:hover, .bouton-ouline:active {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #ffffff;
	}
.bouton-inverse1 {
	display: inline-block;
	*zoom: 1;
	padding: 8px 12px;
	background-color: transparent;
	color: #00417d; /* bleu */
	font-size: 0.9em;
	font-family: 'pt_sansregular', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #00417d;
	border-radius: 1px;
	cursor: pointer;
	}
.bouton-inverse1:visited, .bouton-inverse1:link {
	color: #00417d;
	border: 1px solid #00417d;
	text-decoration: none;
	}
.bouton-inverse1:hover, .bouton-inverse1:active {
	color: #009ee0;
	border: 1px solid #009ee0;
	text-decoration: none;
	}

.bouton-inverse2 {
	display: inline-block;
	*zoom: 1;
	padding: 8px 12px;
	background-color: transparent;
	color: #ffffff;
	font-size: 0.9em;
	font-family: 'pt_sansregular', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #ffffff;
	border-radius: 1px;
	cursor: pointer;
	}
.bouton-inverse2:visited, .bouton-inverse2:link {
	background-color: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
	text-decoration: none;
	}
.bouton-inverse2:hover, .bouton-inverse2:active {
	color: #009ee0;
	border: 1px solid #009ee0;
	text-decoration: none;
	}

.bouton-gris {
	display: inline-block; *zoom: 1;
	padding: 4px 8px;
	background-color: #cccccc;
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #555555;
	border-radius: 4px;
	cursor: pointer;
	}
.bouton-gris:visited, .bouton-gris:link { background-color: #cccccc; color: #000000; text-decoration: none; }
.bouton-gris:hover, .bouton-gris:active { background-color: #999999; color: #ffffff; text-decoration: none; }

#deroule div
	{
	position: relative;
	}
#deroule div div
	{
	display:none;
	}
#deroule div:hover div
	{
	position: absolute;
	display: block;
	top: 0px;
	left: 6px;
	padding:5px 10px;
	background-color: rgba(0,0,0, 0.9);
	border: 1px solid #cccccc;
	border-radius: 10px;
	}

/* etiquette Reseaux Sociaux */
#etiquette {
	position: fixed;
	top: 205px;
	right: 0px;
	padding: 5px;
	width: 30px;
	background-color: #f1f1f1;
	background-color: rgba(230,230,230, 0.93);
	transition: 0.7s ease-out;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.4);
	border-radius: 5px 0px 0px 5px;
	cursor: pointer;
	z-index: 99;
	}
#etiquette div {
	margin: 0;
	padding: 0;
	}
#etiquette:visited, #etiquette:link {
	transition: all 0.5s ease-out;
	}
#etiquette:hover, #etiquette:active {
	padding-right: 15px;
	background-color: #f1f1f1;
	background-color: rgba(255,255,255, 0.93);
	transition: all 0.5s ease-in;
	}
#etiquette a, #etiquette a:hover {
	color: #333333;
	text-decoration: none;
	}
#etiquette-top {
	position: fixed;
	top: 0;
	right: 60px;
	padding: 5px;
	background-color: #ffffff;
	background-color: rgba(255,255,255, 0.93);
	transition: 0.5s ease-out;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.4);
	border-radius: 0px 0px 5px 5px;
	cursor: pointer;
	z-index: 99;
	}
#etiquette-top:hover, #etiquette-top:active {
	padding-top: 15px;
	background-color: rgb(255,255,255);
	background-color: rgba(230,230,230, 0.93);
	transition: all 0.5s ease-in;
	}

.incline {
	display: inline-block;
	-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
	transition: all 0.4s ease;
	}
.incline:visited, .incline:link {
	-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
	}
.incline:active, .incline:hover  {
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	}

#tryharder {
	margin: 0;
	padding: 5px;
	background-color: #f3f3f3;
	border-radius: 10px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #00417d; font-weight: bold; font-size: 1.6em;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
	box-shadow: 0px 0px 16px #e9e9e9;
	}
#tryharder img {
	opacity: 0;
	}
#tryharder:hover img {
	opacity: 1;
	}
#carriere h2{ color: #00417d; font-size: 1.2em; }
#carriere h3{ color: #000000; font-size: 0.8em; }


/*  MENU
================================================== */
.bloclogo { /* menu mobile uniquement */
	display: block;
	text-align: center;
	margin: 14px 10px 14px 0;
	}
.logo {
	margin: 0;
	width: 86px;
	height: auto;
	box-shadow: 0px 0px 4px rgba(0,0,0, 0.35);
	}

#menu {
	background-color: #f1f1f1;
	/* border-bottom: 1px solid #eee; */
	box-shadow: 0px 1px 2px rgba(0,0,0, 0.09);
	}
#menu > div {
	padding: 2px;
	background-color: #000000;
	color: #ffffff;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.75em;
	text-align: center;
	letter-spacing: 0.2em;
	}
#menu nav {
	height: 50px;
	font-size: 0.9em;
	font-family: 'pt_sansbold', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	color: #00417d;
	text-decoration: none;
	}
#menu nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	}
#menu nav li { list-style: none; }
#menu nav a, nav a:hover {
	color: #00417d;
	text-decoration: none;
	}
#menu nav > ul li { position: relative; }
#menu nav li {
	display: inline-block;
	float: left;
	background-color: transparent;
	}
#menu nav ul > li {
	background-color: transparent;
	}
#menu nav ul li a:link {
	padding: 0 10px; /* espacement des boutons */
	display: block;
	height: 50px;
	line-height: 50px; /* centrage vertical du texte */
	text-decoration: none;
	text-transform: uppercase;
	color: #00417d;
	}
/* 1er ELEMENT DE LA LISTE 1 */
#menu nav > ul > li:first-child { margin-right: 10px; }
#menu nav > ul > li:first-child a {
	margin: -20px 0 0 0;
	padding: 0;
	color: transparent;
	}
/* DERNIER ELEMENT DE LA LISTE 1
#menu nav > ul > li:last-child	{
	float: right;
	background-color: #f1f1f1;
	width: 70px;
	}
#menu nav > ul > li:last-child	> a { 	}
#menu nav > ul > li:last-child ul {
	width: 50px;
	}
 */
#menu nav > ul li:hover { background-color: #00417d; } /* couleur de survol */
#menu nav > ul li:hover a { color: #ffffff; }  /* #009ee0; cyan */
/*
#menu nav ul ul li a:link { color: #00417d; }
#menu nav ul ul li:hover a  { color: #ffffff; }
*/

/*  #SOUS MENU 1
================================================== */
#menu nav ul ul {
	top: 50px;
	left: 0px;
	display: none; 		/* on cache le sous menu par defaut */
	position: absolute;
	width: 210px;
	font-size: 0.9em;
	background-color: #e9e9e9; /* ffffff */
	border-bottom: 5px solid #00417d;
	/* background: linear-gradient(#ffffff, #e1e1e1); */
	}
#menu nav ul ul li {
	width: 100%;
	font-family: 'pt_sansregular', Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	background-color: transparent;
	}
#menu nav ul ul li a {
	height: 35px;
	line-height: 35px; /* centrage vertical du texte */
	text-align: left;
	color: #00417d !important;
	}
#menu nav ul ul li:hover {
	background-color: #009ee0;
	}
#menu nav ul li:hover > ul {
	display: block; /* on affiche le sous menu <ul> au survol de l'element <li> */
	}

/*  #SOUS MENU 2
================================================== */
#menu nav ul ul ul { /* positionne le sous-menu a 220px a droite */
	top: 0px;
	left: 250px;
	}
#menu nav ul ul ul {
	background-color: #bbbbbb;
	}
#menu nav ul ul ul li:hover {
	background-color: #666666;
	}
#menu nav ul ul ul li a {
	color: #ffffff !important;
	height: 35px;
	line-height: 35px; /* centrage vertical du texte */
	}
#menu nav ul ul ul li a:hover {
	color: #ffffff !important;
	}

/*  #MENU MOBILE
================================================== */
	#menu3 {
		position: relative;
		z-index: 99;
		background-color: #f1f1f1;
		}
	#menu3 nav ul {
		margin: 0;
		padding: 0;
		}
	#menu3 nav ul li {
		display: block;
		float: left;
		margin: 1.5%;
		padding: 0;
		width: 47%; 	/* 1.5 + 47 + 1.5 = 50% */
		text-align: center;
		text-transform: uppercase;
		vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
		}
	#menu3 nav ul li a:visited, #menu3 nav ul li a:link {
		display: block;
		margin: 0;
		padding: 10px 5px;
		background-color: #00417d;
		color: #ffffff;
		text-decoration: none;
		}
	#menu3 nav ul li a:active, #menu3 nav ul li a:hover {
		background-color: #009ee0;
		color: #ffffff;
		text-decoration: none;
		}
/* --- FIN MENU MOBILE --- */

/* --- NAV SECTION SLIDE  --- */
#nav-side {
	position: fixed;
	top: 35%;
	right: 0px;
	z-index: 998;
	padding: 5px 10px 5px 15px;
	background-color: #cccccc;
	background-color: rgba(0,0,0, 0.15);
	border-radius: 8px 0 0 10px;
	}
#nav-side ul {
	margin: 0;
	padding: 0;
	list-style: outside none none;
	}
#nav-side ul li {
	padding: 10px 0;
	position: relative;
	}
#nav-side ul li a {
	display: block;
	width: 10px;
	height: 10px;
	color: transparent;
	background-color: transparent;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #000;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	}
#nav-side ul li a:hover {
	background-color: #fff;
	border: 1px solid #fff;
	}
#nav-side ul li.active a {
	width: 12px;
	height: 12px;
	background-color: #000;
	border: 1px solid #000;
	}
#nav-side ul li a span {
	position: absolute;
	z-index:999;
	opacity: 0;
	margin: -10px 0px 0 -203px;
	padding: 7px 6px 6px 6px;
	width: 170px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;
	text-align: center;
	border-radius: 3px;
	}
#nav-side ul li a:hover span {
	display: inline;
	color: #fff;
	background: #000;
	opacity: 1;
	}
#nav-side ul li a span::after {
	content:"";
	position: absolute;
	top: 40%;
	right: -6px;
	border-style: solid;
	border-color: transparent transparent #000000 transparent;
	transform: rotate(90deg);
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0px;
	}
/* FIN NAV SECTION SLIDE  */

/* --- TRICK VIDEO IFRAME 100% --- */
.videowrapper {
	position: relative;
	padding-top: 25px;
	padding-bottom: 54.25%; /* 16:9 */
	height: 0;
	}
.videowrapper2 {
	position: relative;
	padding-top: 25px;
	padding-bottom: 52%;
	height: 0;
	}
.videowrapper iframe, .videowrapper2 iframe, .videowrapper video, .videowrapper2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* ratio des schemas organigrammes stages */
table.videowrapper3 {
    border-spacing: 0;
    border-collapse: collapse;
	border: none;
	margin:0;
	padding:0;
	width: 100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: top center;
	}
table.videowrapper3 > thead > tr > th, table.videowrapper3 > tbody > tr > th, table.videowrapper3 > tfoot > tr > th, table.videowrapper3 > thead > tr > td, table.videowrapper3 > tbody > tr > td, table.videowrapper3 > tfoot > tr > td {
	margin: 0;
	padding: 0;
	border: none;
	}


/* --- ACCORDEON JQUERY --- */
#accordeon > ul,  #accordeon > ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#accordeon > ul {
	margin-left: 1.5625%;
	margin-right: 1.5625%;
	}
#accordeon > ul > li {
	margin-bottom: 2px;
	}
#accordeon > ul > li h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	}
#accordeon > ul li ul li {
	font-size: 1.2em;
	font-weight: bold;
	}
#accordeon > ul > li > ul > li {
	font-size: 1.5em;
	}
ul.accordeon {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.accordeon > li {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	}
.accordeon-titre {
	margin-left: 1.5625%;
	margin-right: 1.5625%;
	margin-bottom: 2px;
	padding: 8px 12px 8px 12px;
	/* background-color: rgba(255,255,255,0.75); */
	background-color: #ffffff;
	color: #00417d;
	border-radius: 2px;
	border: 1px solid #ccc;
	}
.accordeon-toggle {
	cursor: pointer;
	margin: 0;
    padding: 8px 40px 8px 12px;
    background-color: #ccc;
	background-image: url('../images/ico_plus-noir.gif');
	background-repeat: no-repeat;
	background-position: 99% 50%;
    color: #000;
    text-decoration: none;
	text-transform: uppercase;
	border-radius: 2px;
	}
.accordeon-toggle:hover {
    background-color: #00417d;
 	background-image: url('../images/ico_plus-blanc.gif');
	color: #fff;
	}
.deplie {
    background-color: #00417d;
 	background-image: url('../images/ico_moins-blanc.gif');
	color: #fff;
	}
.accordeon-content {
	display: none;
	box-sizing: border-box;
	background-color: #f5f5f5;
	overflow: auto;
	max-height: 2400px;
	padding: 1.5%;
	border: 1px solid #999;
	font-size: 95%;
	}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
	}
.table-responsive .table {
/*
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
*/
	}
table.table2 { border-collapse: collapse; }
table.table2 td { padding: 5px; }
.bordsans tr td { border-top: 0!important; }
.guillemet1 {
	background-color: none;
	background-image: url('/images/guillement1t.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 104px 87px;
	}
.guillemet1 p:last-of-type {
	background-color: none;
	background-image: url('/images/guillement2t.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 32px 24px;
	}

/* --- TRANFORMER DES COLONNES EN TABLEAU --- */
.tableau {
	display: table;
	width: 100%;
	border-collapse: separate;
	}
.tableau > div {
	display: table-cell;
	padding: 10px 20px;
	vertical-align: top;
	}
.tableau > div.grid4 {
	width: 25%;
	}
.tableau > div:nth-child(even) { background-color: #ffffff; }
.tableau > div:nth-child(odd) { background-color: #f9f9f9; }
.loaderpage {
	position: fixed;
	z-index: 99999;
	background-color: #000;
	background-color: rgba(0,0,0, 0.85);
	background-image: url('../images/preload_timer64.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor : wait;
	}
.encartpub {
	position : relative;
	margin: 15px auto;
	background-color: #f1f1f1;
	max-width: 85%;
	}
.encartpub:before {
	position : absolute;
	z-index : 2;
	top : 0;
	right: 0;
	bottom: 0;
	width: 5px;
	content: "";
	background-color: #c31205;
	}
.bullet-rouge {
	display: inline-block;
	*zoom: 1; /* Pour IE un element inline qui possede le layout aura le meme comportement qu un inline-block. */
	margin: 0 2px;
	padding: 1px 4px;
	width: 16px;
	background-color: #cc0000;
	font-size: 9px;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	}
#zone_loadarticle {
	margin-top: 15px;
	display: none;
	}
.bulle {
	position: relative;
	margin-bottom: 15px;
	padding: 10px 25px;
	background-color: #FFF;
	border-radius: 16px;
	}
.bulle::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 7%;
	border-width: 20px 0 0 20px;
	border-style: solid;
	border-color: #FFF transparent;
	display: block;
	width: 0;
	}
.citation {
	margin-bottom: 15px;
	padding: 8px 16px;
	background-color: #eeeeee;
	border-left: 6px solid #009ee0;
	border-radius: 0 5px 5px 0;
	}
.cadre-avertissement {
	background-color: #fff;
	/* display: none; */
	}


#diaporama1 .item img {
	display: block;
	width: 100%;
	height: auto;
	}

.flexbox, .flex-container { /* flex-container : conteneur parent des flexbox */
    display: flex;
    flex-flow: row nowrap; /* notation courte de :
    flex-direction: row; distribution des blocks (en ligne, inverse, en colonne, en colonne inverse) : row | row-reverse | column | column-reverse
    flex-wrap: nowrap; les "flex-items" ont le droit de passer � la ligne wrap | nowrap | wrap-reverse
    */
    justify-content: flex-start;    /*  distribution principale des flex-items : flex-start | flex-end | center | space-between */
    align-items: stretch;    /*  distribution secondaire des flex-items : flex-start | flex-end | center | stretch */
    }
.flexbox > div, .flex-item { /* flex-item */
    flex: 1 1 auto; /* => flex:1; notation courte de :
    flex-grow: 0; possibilit� pour un item de grandir, en proportion � l'int�rieur du flex-container
    flex-shrink: 1; possibilit� pour un item flex de r�tr�cir si n�cessaire
    flex-basis: auto; taille par d�faut avant que l'espace restant soit r�parti
    */
    }
.flexbox2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;    /*  distribution principale des flex-items : flex-start | flex-end | center | space-between */
    align-items: stretch;    /*  distribution secondaire des flex-items : flex-start | flex-end | center | stretch */
    }
.centralise {
    margin: auto;   /* centre un contenu flexbox � la fois horizontalement et verticalement */
    }
.flexbox3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    }
.flexbox4 {
    display: flex;
    flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-end;
    }
.flexbox.centre {
    justify-content: center;
    }
#sous-chapitre, #aside1 { display:none; }
#countdown_container p {
	font-size: 1.5em;
	text-align: center;
	}
/* ---- COUNTDOWN ---- */
#countdown_container {
	display: block;
	width: 25%;
	padding: 5px 2% 10px 2%;
	border-radius: 3px;
	background: #f9f9f9;
	background: rgba(250,250,250,0.9);
	border: 1px solid #dddddd;

	box-shadow: 0 2px 12px #DDDDDD;
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
	#countdown_container {
		width: 480px;
	}
}
/* ---- version mobile ---- */
@media only screen and (max-width: 480px) {
	#countdown_container {
		width:100%;
	}
}
/* ---- FIN COUNTDOWN ---- */