/* FONT PATH
 * -------------------------- */
@font-face {font-family: "Calibri";
  src: url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.eot"); /* IE9*/
  src: url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.woff") format("woff"), /* chrome、firefox */
  url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/calibri/Calibri.svg") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Blog Script";
  src: url("fonts/blogscript/BlogScriptW00Regular.ttf") format("truetype"); /* iOS 4.1- */
}
@font-face {font-family: "Segoe Script Bold";
  src: url("fonts/segoescriptbold/SegoeScriptBold.ttf") format("truetype"); /* iOS 4.1- */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size: 40px;
	font-weight: 600;
	color: #006400;
	font-size: 30px;
}
h2 {
	font-family: 'Segoe Script Bold', 'Calibri', Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #8a2be2;
}
h3 {
	font-family: 'Segoe Script Bold', 'Calibri', Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #006400;
}
h4 {
	font-family: 'Segoe Script Bold', 'Calibri', Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #ff8c00;
}
h5 {
	font-family:Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #ff0000;
}
h6 {
  font-size: 10px;
}

div.pgptitre {
	font-family: 'Segoe Script Bold', 'Calibri', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	color: #255ba2;
	font-size: 80px;
	font-weight: 800;
	padding-top: 10px;
	/* padding-right: 30px; */
	/* padding-bottom: 20px; */
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
}
div.pgptitre1 {
	font-family: 'Segoe Script Bold', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	color: #255ba2;
	font-size: 22px;
	font-weight: 500;
	/* padding-top: 10px; */
	/* padding-right: 30px; */
	padding-bottom: 10px;
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
}
div.pgptexte {
	background-color: #255ba2;
	font-family: 'Calibri', Helvetica, Arial, sans-serif;
	color: #ffffff;
	line-height: 1.5em;
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
}
div.pgptexte2 {
	background-color: #ffffff;
	border: 1px solid #8a2be2;
	font-family: 'Calibri', Helvetica, Arial, sans-serif;
	color: #8a2be2;
	font-size: 20px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
}
div.pgptexte3 {
	background-color: #ffffff;
	border: 1px solid #006400;
	font-family: 'Calibri', Helvetica, Arial, sans-serif;
	color: #006400;
	font-size: 20px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
}
div.pgptexte4 {
	background-color: #ffffff;
	border: 1px solid #ff8c00;
	font-family: 'Calibri', Helvetica, Arial, sans-serif;
	color: #ff8c00;
	font-size: 20px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
}
div.pgptexte5 {
	background-color: #ffffff;
	border: 1px solid #ff0000;
	font-family: Helvetica, Arial, sans-serif;
	color: #ff0000;
	font-size: 16px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;			/* top right bottom left */
	border-radius: 0px;
}
span.yactitle {
	background-color: #e20512;
	font-family:  'Calibri', Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding: 20px 30px 20px 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
}
span.smalltitle {
	background-color: #ff0000;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: justify;
	font-size: 10px;
	font-weight: 500;
	padding: 10px 30px 20px 30px;			/* top right bottom left */
	text-shadow: none;
	border-radius: 10px;
	float: right;
}
div
	.hn--sep {
		position: relative; 
	}
	.hn--sep::after {
		position: relative;
		bottom: 0;
		left: 0;
		content: "";
		display: block;
		background-color: #e11709;
		width: 100%;
		height: 0.8rem; 
	}
	.sep-top-gm {		/* séparateur supérieur gris clair */
		border-top: 1px solid #DFE2E6; 
	}



div.badge {
	/* background-image: url(img/focus_bandeau.svg) !important; */
	color: #000000;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 50px;
	text-align: left;
	text-shadow: none;
	width:80%;
	border-radius: 3%;
}
div.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.badge-white {
  background-color: #FFFFFF;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #5E5E5E;
  width:50%;
  border-radius: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 50px;
}
/* TOOLTIPS */
.tooltip-inner {
  background-color: #2F4050;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #2F4050;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #2F4050;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2F4050;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #2F4050;
}


html,
body {
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
  height: 100%;
}
#page-wrapper {
  min-height: auto;
}
body.boxed-layout {
  background: url('patterns/shattered.png');
}
body.boxed-layout #wrapper {
  background-color: #205c8f;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}