/*--------------------------------------------
	1. POLICES
--------------------------------------------*/


/* FONTS */

@font-face {
	font-family: 'myriadproitalic';
	src: url('../fonts/myriadpro/myriadpro-it.eot');
	src: url('../fonts/myriadpro/myriadpro-it.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadpro/myriadpro-it.woff2') format('woff2'),
	url('../fonts/myriadpro/myriadpro-it.woff') format('woff'),
	url('../fonts/myriadpro/myriadpro-it.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'myriadprobold';
	src: url('../fonts/myriadpro/myriadpro-bold.eot');
	src: url('../fonts/myriadpro/myriadpro-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadpro/myriadpro-bold.woff2') format('woff2'),
	url('../fonts/myriadpro/myriadpro-bold.woff') format('woff'),
	url('../fonts/myriadpro/myriadpro-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'myriadpro';
	src: url('../fonts/myriadpro/myriadpro-regular.eot');
	src: url('../fonts/myriadpro/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadpro/myriadpro-regular.woff2') format('woff2'),
	url('../fonts/myriadpro/myriadpro-regular.woff') format('woff'),
	url('../fonts/myriadpro/myriadpro-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'raleway';
	src: url('../fonts/raleway/raleway-regular.eot');
	src: url('../fonts/raleway/raleway-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/raleway/raleway-regular.woff2') format('woff2'),
	url('../fonts/raleway/raleway-regular.woff') format('woff'),
	url('../fonts/raleway/raleway-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaybold';
	src: url('../fonts/raleway/raleway-bold.eot');
	src: url('../fonts/raleway/raleway-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/raleway/raleway-bold.woff2') format('woff2'),
	url('../fonts/raleway/raleway-bold.woff') format('woff'),
	url('../fonts/raleway/raleway-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/*--------------------------------------------
	2. RESET
--------------------------------------------*/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style:none;
}

a, .link{
	border:0px;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	color:#353535;
}
a img {
	border: none;
	max-width:100%;
}
.ifpschool-table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{
	margin-bottom:0px;
}

p:first-child {
	margin-top: 0;
}

ul{
	-webkit-padding-start:0px;
	-moz-padding-start:0px;
	padding-left:0px;
	margin:0px;
}

h1, h2, h3, h4, h5{
	font-weight:normal;
	margin:0px;
}

/* pour IE8 */
article, aside, figcaption, figure, footer, header, nav, section { display: block; }


.item-list ul li{
	padding:0px;
}

.menu--main .menu-item {
	cursor: pointer;
}
.menu-item--expanded{
	list-style:none;
	list-style-image:url("");
}

thead > tr {
	border-bottom: 0;
	background: transparent;
}

tr {
	background: transparent;
	border: 0;
}

table tr th {
	background: transparent;
	border-bottom-style: none;
	color:#353535;
}

/**  Styles de base **/
body{
	position:relative;
	background:#f3f3f3;
	font-family: 'myriadpro', arial, sans-serif;
	font-size:16px;
	line-height: 22px;
	color:#353535;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'ralewaybold', arial, sans-serif;
	line-height:1;
	font-weight:normal;
}

h1{
	font-size:3.75em;
	line-height: 1em;
}

h2{
	font-size: 1.75em;
	margin: 30px 0;
	margin-bottom: 40px;
}

h2 span{
	font-family:"raleway";
	display:block;
	font-size:2.5rem;
	font-weight:normal;
}

h3 {
	font-size: 1.092em;
	margin: 30px 0;
}

h4 {
	font-size: 1.05em;
	margin: 30px 0;
}

/*---------- BLOC TABLEAU ----------*/

.ifpschool-table tr th{
	background:#d0d833;
	color: #FFF;
}

.ifpschool-table tr th,
.ifpschool-table tr td{
	text-align:center;
	padding:25px;
}

.ifpschool-table tr:nth-of-type(odd){
	background:#ffffff;
}

.ifpschool-table tr:nth-of-type(even){
	background:#f3f3f3;
}

/*---------- BLOC LISTE ----------*/

ul{
	padding:0px;
}

ol li {
	list-style: decimal;
	margin-left: 25px;
}

.block-system-main-block .field--type-text-long ul li{
	background:url('../img/bordure-biais-vert.png');
	background-repeat:no-repeat;
	background-size:16px;
	background-position: 2px 2px;
	padding-left:25px;
}

/** Styles custom du CKEditor **/

body.path-node article p.text-align-center{
	text-align:center;
}
body.path-node article p.text-align-left{
	text-align:left;
}
body.path-node article p.text-align-right{
	text-align:right;
}

p.iframe-border-blue iframe {
	border-left: 115px solid #0ea2f6 !important;
}

.field--type-text-with-summary div.iframe-border-blue iframe {
	border-left: 115px solid #0ea2f6 !important;
}

div[data-oembed-url] {
  margin-top: 0 !important;
  width: 100% !important;
}


/*
 * @file
 * Provides the layout styles for two-column layout section.
 */

.layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
}

.layout--twocol-section > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 33%;
  }

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 67%;
  }

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
  }
}


/*
 * @file
 * Provides the layout styles for layout_twocol.
 */

.layout--twocol {
  display: flex;
  flex-wrap: wrap;
}

.layout--twocol > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol > .layout__region--first,
  .layout--twocol > .layout__region--second {
    flex: 0 1 50%;
  }
  .media {
    max-width: 528px;
  }
}

.layout__region > .media {
  width: initial !important;
}

.ck p {
  margin: 0em 0 !important;
}

.ck-editor p,.ck-editor a,.ck-editor ul,.ck-editor li,.ck-editor ol,.ck-editor li a,.ck-editor span{
  font-family: "myriadpro";
  font-size: 17px !important;
}

.ck-editor p,.ck-editor li,.ck-editor ol{
  font-size: 1rem;
}

.ck-editor h1, .ck-editor h2, .ck-editor h3, .ck-editor h4, .ck-editor h5{
  font-family: 'ralewaybold', arial, sans-serif;
}

/* youtube embed */
.youtube-embed-wrapper {
  height: auto !important;
  padding-bottom: 2rem !important;
}
.field--type-text-with-summary div[data-oembed-url] iframe {
  border-left: none !important;
}

.ck-content figcaption {
  position: absolute;
  width: 100%;
  bottom: 2px;
}