/** SVG ENCODER **/
/* https://yoksel.github.io/url-encoder/ */


/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}


/*		BLEU 		#27B9F2		*/
/*		VERT		#03A64A		*/
/*		YELLOW		#F2C744		*/
/*		BEIGE 		#F2DBAE		*/
/* 		ORANGE		#F29441		*/

/* 		BLEU VERT	#54B9AB 	*/
/* 		VERT FONÇÉ	#478A37		*/
/* 		VERT CLAIR	#70C05E		*/
/*		BEIGE		#F8F5EB		*/
/*		ORANGE 		#F68D3F		*/

/*		ROUGE		#BA0000		*/


/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {margin:0; /* font-family:arial,lucida,tahoma, helvetica, verdana */;background:#FFF;}
#wrapper {width:925px;margin-right:auto;margin-left:auto;}
hr { border: inherit; }


/** DELETE ADMIN BAR - PLUGIN **/
.m-toper { display: none; }

/* ************************************* */
/* BALISES GENERIQUES */

.cstm .full-width { width: 100%; } 

.cstm .container { width:925px; margin: 0 auto; padding: 0 30px 0 30px; }
.cstm .container-flex-col { display: flex; flex-wrap: wrap; }
	.cstm .flex-col-1-1 { width: 100%; }
	.cstm .flex-col-1-2 { width: 50%; }
	.cstm .flex-col-1-3 { width: 33.3333%; }


.cstm .text-left { text-align: left; }
.cstm .text-center { text-align: center; }
.cstm .text-justify { text-align: justify; }
.cstm .text-right { text-align: right; }

.cstm .text-italic { font-style: italic; }
.cstm .text-bold { font-weight: bold; }



/* ************************************* */
/* GUTEMBERG LIKE */


#content { font-size:14px; line-height:22px; margin-bottom:50px; }

#content h1 { font-size: 40px; margin: 25px 0 10px 0; line-height:40px; letter-spacing: 1px; }
#content h2 { font-size: 25px; margin: 25px 0 5px 0; line-height:37px; letter-spacing: 0px; }
#content h3 { font-size: 18px; margin: 25px 0 5px 0; color:#1a1a1a; }
#content h4 { font-size: 16px; margin: 25px 0 10px 0; color:#1a1a1a; border-bottom: solid 2px; display: inline-block; }
#content h5 { font-size: 14px; margin: 25px 0 5px 0; color:#1a1a1a;}
#content h6 { font-size: 10px; margin: 25px 0 5px 0; color:#1a1a1a; }

#content H2 + H3 { margin-top: 0px; }

#content p {margin: 10px 0 22px 0;} 

#content ul, #content ol {margin:0 0 22px 15px;}
#content ul ul, #content .ol ul, #content ul ol, #content ol ol {margin:0 0 0 25px; }
#content ul li::before { display: inline-block; content: ' '; background-image: url('assets/svg/check.svg'); background-size: 22px 22px; height: 16px; width: 24px; margin: 0;	
	/* width: 10px; height: 10px; 
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5858 13.4142L7.75735 10.5858L6.34314 12L10.5858 16.2427L17.6568 9.1716L16.2426 7.75739L10.5858 13.4142Z' fill='currentColor'/%3E%3C/svg%3E"); */ }
#content ul li { list-style: none; }

#content .page-text blockquote { margin:0 0 22px 20px; line-height: 19px; font-size:13px; color:#666; font-style:italic; border-left:2px solid #ccc; padding:0 0 0 15px; }

#content code { border: 1px dotted #ececec; padding: 2px; font-family: Consolas, Monaco, "Courier New", Courier, monospace; font-size: 12px; background: #f9f9f9; color: #000; }
#content pre code { line-height:17px; padding: 15px; border: 1px dotted #ececec; font-family: Consolas, Monaco, "Courier New", Courier, monospace; font-size: 12px; background: #f9f9f9; color: #000; margin-bottom: 22px; display:block; }

#content .page-text img { margin:0 0 20px 0; border: 1px solid #1a1a1a; }



/* insertion de code direct */
#content figure { margin: 20px 0; padding: 0 0 0 30px; border-left: 6px solid #54B9AB; }




/* ************************************* */
/* CONSTRUCTION GENERALE */

#header { position: fixed; top: 0px; padding: 0px 0 35px 0; margin: 0 0 50px 0; }
	
	#pre-header { display: none; }
	body#index #pre-header { display: block; padding-top: 14px; padding-bottom: 14px; }
	
	#header-container { margin-top: 30px; }
	
	#header-logo {}
	#header-nav {} 
		#header-nav ul { list-style: none; display: flex; justify-content: flex-end; height: 100%; }
		#header-nav ul li { display: flex; align-items: center; }
		#header-nav ul li a { display: block; margin-right: 20px; font-size: 14px; text-decoration: none;  }
		#header-nav ul li:last-child a { margin-right: 0px; }


#content { margin-top: 200px; text-align: left; }
	#content .page-title { margin: 60px 0 80px 0; }
	#content .page-title h1 { text-align: center; margin-bottom: 40px; }
	#content .page-title hr { width: 15%; border-bottom: 5px solid; }
	
#footer { padding: 40px 0 50px 0; }
	#footer .flex-col-1-1 { margin: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
	
	
	
	
	
/* ************************************* */
/* CUSTOMISATION */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #1A213E; font-size:12px; }
em { font-weight: 400; }
b, strong, strong em, b em { font-weight: 700; }

a { color: #F18B40; }
a:link, a:visited {color:#F18B40;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}

p strong { color: #000; }

#pre-header { background: #479f93 /* #1A213E */; color: #fff; }
	#pre-header a { color: #2c655d; }
	#pre-header a:hover { color: #fff; }

#header { background: #54B9AB; color: #fff; }
	#header-logo a svg.svg-bidaia { width: 125px; height: auto; max-height: 33px; fill: rgba(255, 255, 255, 1); /* filter: drop-shadow(2px 3px 5px rgba(216, 192, 152, 0.25)); */ }	
		#header-logo a:hover svg.svg-bidaia { fill: rgba(255, 255, 255, 1); }	
	#header-nav li a { color: rgba(255, 255, 255, 0.5) /* #1A213E */; }
		#header-nav li.current a { color: #fff; }
		#header-nav li a:hover { color: #fff; }	
		
		#header-nav li.svg a { margin-right: 5px; }
		#header-nav li.svg a svg { height: 30px; padding-top: 5px; fill: rgba(255, 255, 255, 0.5); }
		#header-nav li.svg a:hover svg { height: 30px; padding-top: 5px; fill: rgba(255, 255, 255, 1); }
		
	
#content { font-size: 15px; }
	#content .page-title h1 { color: #F68D3F; }
	#content .page-title hr { border-color: #F8F5EB; }

	#content h2 { color: #F68D3F; }
	#content h3 { color: #54B9AB; }
	#content h4 { border-color: #54B9AB; }
	
	#content ul li { color: #78738A; }
	
#footer { background: #1A213E; color: #fff; }
	#footer a { color: #54B9AB; }
	#footer a:hover { color: #fff; }
	#footer .footer-2 { color: #78738A; }
	

/*  

#header {position:relative;height:180px;}
#homepage #header {position:relative;height:415px;}

#header #nav {position:absolute;top:10px;left:0;list-style:none;}
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:absolute;top:68px;left:0;
color:#fff;
font-size:52px;
text-transform:uppercase;
font-family:Arial;
letter-spacing:-2px;
text-decoration:none;
}
#header span.logo2 {position:absolute;top:70px;left:2px;
color:#7C1B1B;
font-size:52px;
text-transform:uppercase;
font-family:Arial;
letter-spacing:-2px;
} */


/* 
#content {text-align:left;}
#content #page-content {float:left;width:575px}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;font-size:15px;font-family:georgia;}
*/ 



#sidebar {width:300px;float:right;border:1px solid #ccc;background:#f6f6f6;margin-bottom:50px;}

.section {padding:30px 20px 20px 20px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#BA0000;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-family:arial;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-family:arial;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-family:arial;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-family:arial;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}





/* ==========================================================================
   Anim CSS3
   ========================================================================== */


a, ul, li, img, svg, div {
-webkit-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	-moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out;
transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	transition-duration: 0.2s; transition-timing-function: ease-out; }

ul li ul {
-webkit-transition-property: opacity, padding, margin; -webkit-transition-duration: .0s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: opacity, padding, margin; -moz-transition-duration: .0s; -moz-transition-timing-function: ease-out;
transition-property: opacity, padding, margin; transition-duration: .0s; transition-timing-function: ease-out; }

.tab-bidaia, .tab-bidaia a, .tab-bidaia a svg {
-webkit-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	-webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	-moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out;
transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; 
	transition-duration: 0.5s; transition-timing-function: ease-out; }


.footer-navpart-unit .a-icons-social svg {
-webkit-transition-property: margin; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: margin; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out;
transition-property: margin; transition-duration: 0.2s; transition-timing-function: ease-out; }


/* ZOOM EFFECT */
.zoom-effect img, .zoom-effect svg, li.zoom-effect a, button.zoom-effect { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.zoom-effect:hover img, .zoom-effect:hover svg, li.zoom-effect a:hover, button.zoom-effect:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }