/*Reset*/

h1,h2,h3,h4,h5,h6,p,a,em,span,div,input,ul,li,textarea,table,th,td,form,footer,header {
	box-sizing: border-box;
	}
h1,h2,h3,h4,h5,h6,p,a,em,span,div,ul,li,table,th,td,body {
	margin: 0;
	padding: 0;
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	}

#slide .pc {
	display: block;
	}
#slide .tablette {
	display: none;
	}
#slide .mobile {
	display:none;
	}	
@media screen and (max-width: 1600px) {
#slide .pc {
	display: none;
	}
#slide .tablette {
	display:block;
	}	
	}
@media screen and (max-width: 700px) {
#slide .tablette {
	display:none;
	}	
#slide .mobile {
	display: block;
	}
	}



i {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/*Grilles*/
[class*="grille-"] {
	font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
	}
[class*="grille-"] > * {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
	}
.grille-2-m > *{
	width: calc(50% - 20px);
	margin-right: calc(20px /2);
	margin-left: calc(20px /2);
	}
.grille-2 > *{
	width: 50%;
	}
	
.grille-3-m2 > *{/*marge sur le deuxième enfant*/
	width: calc(33.3333333333% - 20px);
	}
.grille-3-m2 > *:nth-of-type(2){
	margin-right: 30px;
	margin-left: 30px;
	}

.grille-3 > *{
	width: 33.3333333333%;
	}
.grille-3-2-1 > *:first-child{
	width: 66.6666666666%;
	}
.grille-3-2-1 > *:last-child{
	width: 33.3333333333%;
	}

.grille-4 > *{
	width: 25%;
	}
.grille-4-1-1-2 > *:nth-of-type(1), .grille-4-1-1-2 > *:nth-of-type(2){
	width: 25%;
	}
.grille-4-1-1-2 > *:last-child{
	width: 50%;
	}

.grille-5 > *{
	width: 20%;
	}
.grille-5-1-1-1-2 > *:nth-of-type(1), .grille-5-1-1-1-2 > *:nth-of-type(2), .grille-5-1-1-1-2 > *:nth-of-type(3){
	width: 20%;
	}
.grille-5-1-1-1-2 > *:last-child{
	width: 40%;
	}

	

@media screen and (max-width:1024px) {

}
@media screen and (max-width:900px) {

}
@media screen and (max-width:768px) {
.grille-3 > *{
	width: 50%;
	}

.grille-3-m2 > *{
	width: calc(50% - 15px);
	}
.grille-3-m2 > *:nth-of-type(2){
	margin-right: 0px;
	margin-left: 30px;
	}
.grille-3-m2 > *:last-child{
	display:block;
	width: calc(50% - 15px);
	margin: 20px auto 0 auto;
	}



.grille-4-1-1-2 > *:nth-of-type(1), .grille-4-1-1-2 > *:nth-of-type(2){
	width: 50%;
	}
.grille-4-1-1-2 > *:last-child{
	width: 100%;
	}
.grille-5-1-1-1-2 > *:nth-of-type(1), .grille-5-1-1-1-2 > *:nth-of-type(2), .grille-5-1-1-1-2 > *:nth-of-type(3){
	width: 33.3333333333%;
	}
.grille-5-1-1-1-2 > *:last-child{
	width: 100%;
	}
}
@media screen and (max-width:640px) {
.grille-2 > *, .grille-2-m > *{
	width: 100%;
	margin: 20px 0 0 0;
	}

.grille-5-1-1-1-2 > *:nth-of-type(1), .grille-5-1-1-1-2 > *:nth-of-type(2), .grille-5-1-1-1-2 > *:nth-of-type(3){
	width: 100%;
	}
}
@media screen and (max-width:540px) {
.grille-3-m2 > *{
	width: 100%;
	}
.grille-3-m2 > *:nth-of-type(2){
	margin-right: 0px;
	margin-left: 0px;
	margin: 20px 0;
	}
.grille-3-m2 > *:last-child{
	display:block;
	width: 100%;
	margin: 0 0 0 0;
	}
}

@media screen and (max-width:480px) {
.grille-3 > *{
	width: 100%;
	margin-top: 20px;
	}
.grille-4-1-1-2 > *:nth-of-type(1), .grille-4-1-1-2 > *:nth-of-type(2), .grille-4-1-1-2 > *:last-child{
	width:100%;
	}


}
@media screen and (max-width:400px) {

}


/*Divers*/
ul#ariane {	
	padding: 0 0 0 0;
	}
ul#ariane li {	
	display: inline;
	color: #5f5f5f;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 0 3px 0 3px;
	list-style: none;
	background-image: none;
	}
ul#ariane li a{	
	color: #5f5f5f;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	}
ul#ariane li:first-child {	
	padding: 0 3px 0 0;
	}
ul#ariane li:nth-child(even) {	
	color: #3c3c3c;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	}
table.bcsstable {
    border-collapse: collapse;
	margin: 0 20px 0 20px;
	}
table.bcsstable td, table.bcsstable td th{
	border: 1px solid #999999;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	height: 45px;
	}
table.bcsstable th{
	text-transform: uppercase;
	}
table.bcsstable tr:nth-child(even) { 
	background-color: #f0f0f0;
	}
table.bcsstable td:nth-child(odd) { 
	width: 30%;
	}
table.bcsstable td:nth-child(even) { 
	width: 68%;
	}
table.bcsstable td:nth-child(1) { 
	text-align: center;
	}
table.bcsstable td:nth-child(2) { 
	padding-left: 2%;
	}
/*iframe responsive*/
/*visite virtuelle*/
.iframe-responsive-wrapper        {
    position: relative;
	/*max-width: 2000px;
	width: 100%;*/
	margin: 0 auto 0 auto;
	
}

.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}

.iframe-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Bibliothèque*/
.cl-list-style {
	position: relative;
	}
.cl-list-style select{
	background-color: fff;
	border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-right: 40px;
	background: url(../images/clemiss/fleche_list_grise.png) no-repeat 95% center;
	}

.cl-radio-style input[type="radio"] {
    position: absolute;
    left: -9999px;
	}
.cl-radio-style label{
	display:block;
	position: relative;
	width: 100%;
	padding-left: 26px;
	text-align:left;

	}
.cl-radio-style label:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	box-sizing:border-box;
	border: 1px solid #e6402a;
	background-color: #fff;
	}
.cl-radio-style input[type="radio"]:checked + label:after {
    display: block;
}
.cl-radio-style label:after{
	display:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 3px;
	width: 10px;
	height: 10px;
	box-sizing:border-box;
	border-radius: 50%;
	background-color: #e6402a;
	}
.cl-case-style input[type="checkbox"] {
    position: absolute;
    left: -9999px;
	}
.cl-case-style  label{
	display:block;
	box-sizing:border-box;
	position: relative;
	vertical-align:middle;
	padding-left: 25px;
	text-align:left;
	}
.cl-case-style label:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 0px;
	width: 14px;
	height: 14px;
	box-sizing:border-box;
	border: 1px solid #e6402a;
	background-color: #fff;
	}
.cl-case-style input[type="checkbox"]:checked + label:after {
    display: block;
}
.cl-case-style label:after{
	display:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 3px;
	width: 8px;
	height: 8px;
	box-sizing:border-box;
	border: 0px;
	background-color: #e6402a;
	}



/** GOOGLE MAPS **/
.scrolloff {
    pointer-events: none;
	}
/*Bibliothèque*/

/*bloc 2 textes divisé par 2 avec photo fond à droite*/
#bloc_2 {
	background: url(../images/photo_sapl_training.jpg) #00529b no-repeat right;
	padding: 0 0 0 0;
	}
#bloc_4, #bloc_6 {
	background: url(../images/fond_accueil_metier.jpg) #00529b no-repeat right;
	padding: 0 0 0 0;
	}

#bloc_2 .centre, #bloc_4 .centre{
	max-width: 1200px;
	width: 100%;
	}

#bloc_2 .centre .gauche, #bloc_4 .centre .gauche, #bloc_6 .centre .gauche{
	background: #00529b;
	padding: 70px 120px 100px 20px;
	text-align:left;
	/*padding-left: calc(48% - 600px);*/
	}
#bloc_2 .centre .droite img, #bloc_4 .centre .droite img, #bloc_6 .centre .droite img{
	display: none;
	}
@media screen and (max-width: 1100px) {
#bloc_2, #bloc_4, #bloc_6 {
	background-size: cover;
	}
	}
@media screen and (max-width: 780px) {
#bloc_2 .centre .gauche, #bloc_4 .centre .gauche, #bloc_6 .centre .gauche{
	margin: 0 0 0 0;
	width: 100%;
	padding: 30px;
	}
#bloc_2 p, #bloc_4 p, #bloc_6 p{
	padding-bottom: 0px;
	}
#bloc_2, #bloc_4, #bloc_6{
	background: none;
	}
#bloc_2 .centre .droite img, #bloc_4 .centre .droite img, #bloc_6 .centre .droite img{
	display: block;
	width: 100%;
	height: auto;
	}
#bloc_2 .centre .grille-2 > *, #bloc_4 .centre .grille-2 > *, #bloc_6 .centre .grille-2 > * {
    width: 100%;
	margin: 0 0 0 0;
}
	}
/*bloc 3 photos carrées*/

#bloc_ img {
	display:block;
	max-width: 280px;
	width: 100%;
	max-height: 280px;
	height: 100%;
	margin: 0 auto;
	}
#bloc_ .grille-3 > * {
	padding: 5px;
	}