/*---------------------------------------------- CSS Document ---------------------------------------------------------*/
@charset "windows-1256";
@screen320: 320px;
@screen480: 480px;	
@Fonte-Size : 0.9em;
@Blanc : rgb(255,255,255);
@Rouge : rgb(255,0,0);
@Vert : rgb(0,255,0);
@Blue : rgb(0,0,255);	
.Fonte() {color:@Blanc*0.5; font-size:@Fonte-Size; font-family:'Open Sans', sans-serif, Arial; text-decoration:none;}															
*{margin:0; padding:0; box-sizing:border-box;}											
html, body {
	height:100%; min-height:100vh; padding-top:0px; background:@Blanc*0.96; .Fonte;
	a {text-decoration:none; .Fonte;}
}															
header, nav, section, footer, video, figure, figcaption, summary {display:block;} 
/*pour que les enciens navigateur reconnaise ces balises comme block*/
						/*---------------------------------------------------------------------------------------------------------------------*/
@H-max-video: 98%;	

@liens1: #8A8C8E; /*Gris*/
@liens2: #1E8CD7; /*Blue*/
@txt_blue: #337ab7; /*Blue*/
@Color_Bleu: #029cff; /*Blue*/
@Couleur_Border: #d9d9d9; /*Gris Clair*/
.General {
	min-height:100%; height:auto !important; 
	}
.Modele() {
	width:100%; z-index:1130; position:fixed; background:@Blanc*1.75;
	}
.Modele1() {max-width:1024px; margin-left:auto; margin-right:auto;}
.Colonne() {
	-moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2;
	-moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px;
}
.Air {padding-top:10px; padding-bottom:15px;}
.Air1() {padding-top:15px; padding-bottom:50px; padding-right:0px; padding-left:10px;}
.Air2() {padding-top:15px; padding-bottom:50px; padding-right:10px; padding-left:0px;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------- MENU -----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
header {max-width:1024px; position:relative; height:150px; top:0; border-bottom:1px solid #ddd; box-shadow:0px 0px 10px rgba(0,0,0, 0.1);
background-image:url("../img/entete.jpg"); background-repeat:no-repeat; margin-left:auto; margin-right:auto;}
	.haut {.Modele1; position:relative;}
	.headerx {max-width:160px; background:@Blanc*0.95; border-radius:3px; top:0px; position:absolute; right:15px;
		ul { list-style-type:none; display:flex; justify-content:end; line-height:1.2em; margin:2px;
			li { padding:0px 4px 1px; border-left:1px solid @Blanc*0.75; 
				a {display:block; color:@liens2*0.5; text-decoration:none; font-size:10px;}
				img { width:11px; height:12px; vertical-align:middle;}
			}
			li:nth-child(1) {border:0px;}
		}
	}
	.headery { text-align:center;  
		h2, h3 {color:#444; text-shadow:0px 2px 3px #555;}	
	}
	.headerz {max-width:350px; background:@Blanc*0.95; padding:5px; border-radius:1px; top:60px; position:absolute; left:1%; text-align:left; text-transform:uppercase;
		h2{font-size:10px;}
	}
	.headers {.Modele1; display:flex; justify-content:start; position:absolute; z-index:1138; top:10px;}
	.search {display:blick; position:absolute; right:0px; top:65px; z-index:1138; padding:3px; background:#749a00;}
nav {.Modele; position:absolute; top:113px; background:@Rouge*0.8; border-bottom:1px solid @Blanc*0.85; border-top:1px solid @Blanc*0.85;
	label { display:none; width:2.7em; height:10%; padding:0px; border-right:1px solid #fff;}
	label:hover {cursor:pointer}
	#btn-menu {display:none;}

		ul {  z-index:1139;
			li {position:relative; list-style:none; float:left; margin:0; padding:0; display:inline-block;}
			li a {font-size:12px; font-family:sans-serif; text-decoration:none; text-transform:uppercase; color:#fff; 
			font-style:normal; font-weight:bold;line-height:14px; padding:10px; display:block; cursor:pointer; white-space:nowrap;
			  -webkit-tap-highlight-color: rgba(0,0,0,0);
			}
			li div.buttonbg { height:35px; width:100%; text-align:center; }
			li:hover div.buttonbg a, li a:hover { color:#CCCCCC; }
			li.active div.buttonbg, li:hover div.buttonbg { background-color:#303030; border-color:#8E0303; }
			li div.arrow {background-image:url(../img/ebab_mbmcp_d.png); background-repeat:no-repeat; 
			background-position:right center; height:100%; 
			}
			li a.button_4, li div a.button { padding-right:24px; }
			li:hover ul { top: 100%; left: 0; right: auto; opacity: 1; }
			ul { background: #970202; box-shadow: 0 0 5px -1px #333333; position: absolute; top:-99999px; z-index: 4000;
				transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
				-ms-transition-duration: 0.3s;
				transition-property:opacity; -webkit-transition-property:opacity; -moz-transition-property:opacity;
				-ms-transition-property:opacity;
				opacity: 0;
				li a {color: #FFFFFF; font-family: sans-serif; font-size: 11px; line-height: 14px; font-style: normal; 
				font-weight: normal; text-decoration: none; display: block;  vertical-align: middle; white-space: nowrap;
				  -webkit-tap-highlight-color: rgba(0,0,0,0);
				}
				li:hover > a {
				  color:#FFF; font-family:sans-serif; font-size:11px; font-style:normal; font-weight:normal; text-decoration:none;
				}
				li {
				  border-style: solid; border-color: #870724; border-width: 0; height: auto; width: 100%; text-align: left;
				  line-height: 0; font-size: 0; cursor: pointer; float: none; margin: 0 0 0px 0; border-radius: 0; padding: 0;
				  box-shadow: none; background-color: #970202; display: block;
				}
				li:hover {
				  border-color:transparent; background-color:#CC0000;  box-shadow:none;
				}
				li a {
				  padding:7px 15px 7px 13px; text-align:left;
				}
			}
		}
	}


/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- CENTRE  -----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
section {.Modele1; .Air; flex: 1 1 auto; /* occupe la hauteur restante */ display: flex; /* crée un contexte flex pour ses enfants */
	/*-moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2;
	-moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px;
	-webkit-column-rule-width:1px; -webkit-column-rule-color:#cbcefb; -webkit-column-rule-style:dotted; 
	-moz-column-rule-width:1px; -moz-column-rule-color:#cbcefb; -moz-column-rule-style:dotted;
	-o-column-rule-width:1px; -o-column-rule-color:#cbcefb; -o-column-rule-style:dotted;
	column-rule-width:1px; column-rule-color:#cbcefb; column-rule-style:dotted;*/
	
	.gauche {flex:1; /* occupe la largeur restante */}
	.centre {width:2%;}
	.droite {width:27%;}
}
.Organigramme { width:100%; .Colonne;	
	p {padding-top:4px; padding-bottom:4px; text-align:justify;}
	b {color:@Color_Bleu; text-transform:uppercase;}
	img {width:100%; height:auto;}
	a {color:@Rouge*0.8;}
	ul {text-align:justify; margin:0; padding-left:20px;}
	.Domaine_CIS {
	ul {height:auto;}
	li {list-style:none; border-top:0.5px solid #ddd; padding:3px 5px 3px 0px;}
	li:nth-child(1) {border:0px;}
	li div {padding:3px; border-left:3px solid #749a00;}
	li a {text-decoration:none; text-align:start; margin-bottom:3px;}
	}
}
.Organigrammes {.Colonne;	
	p {padding-bottom:4px; text-align:justify;}
	b {color:@Color_Bleu; text-transform:uppercase;}	
}
.Preambule {width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0, 0.1); padding:5px 15px 5px 15px;}	
#limitex {overflow: hidden;}
#Show {width:100%; border-top:1px solid #ccc; cursor:pointer; position:relative; bottom:0;}
#Hide {width:100%; border-top:1px solid #ccc; cursor:pointer; position:relative; bottom:0;}
.Titre_Page {
	width:100%; border-bottom:solid 1px @Rouge*0.8; margin-bottom:10px; font-size:1.4em; text-transform:uppercase; color:@Rouge*0.8;
	}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------- BAS ------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
footer {width:100%; z-index:1130; background:@Blanc*1.75; bottom:0; color:#909090; border-top:solid 1px @Couleur_Border;
	#bas {	
		ul {list-style-type:none; display:flex; justify-content:space-between;.Modele1; padding:1px;
			li {margin-left:3px; margin-right:3px;}
			img {width:25px; height:25px; margin-top:2px;}
			p {display:inline-block; padding-top:5px;}
		}
	}
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- PAGE A PROPOS -----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
.article {	
	h1 {font-size:1.5em; padding:5px;}
	p {padding:5px;}
	&.b {display:flex; justify-content: flex-end; padding:10px;}
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- CHOIX / PNR -------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
fieldset {
	width:100%; background:@Blanc; padding:10px; border:1px solid @Couleur_Border*0.9; margin-bottom:10px;
	legend {padding-left:5px; padding-right:5px; color:#777; text-align:center;}
	select {padding:3px; margin:3px;}
}
.faqs { padding-bottom:10px;
	ul {list-style:none; display:flex; flex-wrap:nowrap;}
	li {width:50%; text-align:center; padding:5px; border-left:dotted 1px @Blanc;}
	a {text-decoration:none; color:@Blanc;}
	li:nth-child(0n+1) {border:0px;}
}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: @screen320){
	@import "Globale320.less";
}
@media screen and(min-width:321px) and (max-width: @screen480){
	@import "Globale480.less";	
}
/************************* Tbl_Stre - Structure de Recherche ***********************/
.tables { width:100%; border-collapse:collapse; border-spacing:0;
	caption { color:#fff; padding:5px; text-transform:uppercase; background:#5d625c; }
	tr:nth-child(1) { 
		background:#DDEFEF; border:solid 1px #DDEEEE; color:#336B6B; padding:10px; text-align:center; text-shadow:1px 1px 1px #fff; 
		}
	tr td { border:solid 1px #DDEEEE; border-left:none; border-right:none; padding:5px; text-shadow:1px 1px 1px #fff; }
	tr td a{ color:@txt_blue; text-decoration:none; }
}

/************************* Tbl_Incurbateurs - Incurbateurs ***********************/
.Tbl_Incurbateurs {
	width:100%; border: solid 0px #DDEEEE; border-collapse: collapse; border-spacing:0; font-size:0.95em;
	a{text-decoration:none; color:@Rouge;}
}
.Tbl_Incurbateurs caption {
	color:#fff; padding:4px; text-transform:uppercase; background-color: #5d625c;
}
.Tbl_Incurbateurs tr:nth-child(1) {
background-color: #DDEFEF; border:solid 1px #DDEEEE; color:#336B6B; padding:4px; text-align:center;
}
.Tbl_Incurbateurs tr:nth-child(2n+3){
  border-top:0px solid @liens1*1.2; background-color: #fff;
}

.Tbl_Incurbateurs tr td {
  color:@txt_blue; padding:4px; text-decoration:none; text-align:center; border-top:1px solid @liens1*1.6;
}
.Tbl_Incurbateurs tr td:nth-child(1) {
  text-align:left;
}
.Tbl_Incurbateurs tr td:nth-child(1n+2) {
  border-left:1px solid @liens1*1.6;
}
/************************** BREVETS ********************************/
.Brevets {
	-moz-column-count:3; -webkit-column-count:3; -o-column-count:3; column-count:3;
	-moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px;
	img {width:100%; height:auto;}		
}

/**********************************************************************/
ol li {list-style: none; float:left; margin:0px; padding:3px ;}
ol li a {list-style: none; color: #8A8C8E; text-decoration: none}
ol li a:hover {text-decoration: underline}

.smart-popin {
    position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); overflow: auto; opacity: 0; z-index:2000;
    visibility: hidden;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.smart-popin:target {
    opacity: 1;
    visibility: visible;
}
.smart-popin .sp-body {
    background-color: #ffffff; padding: 2em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
	width: 59%; min-width: 300px; margin: 0 auto;
}
.smart-popin .sp-body-fc {
    background-color: #eee; padding: 2em;
	-moz-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); 
	box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
	width:50%; min-width:300px; margin: 0 auto; text-align:center;
	div {width:100%; text-align:justify; padding-top:20px;
	}
	h2  {text-transform:uppercase;}
}
.smart-popin .sp-table {
    display: table; height: 100%; width: 100%;
}
.smart-popin .sp-cell {
    display: table-cell; vertical-align: middle; padding: 10px;
}
.smart-popin .sp-back {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    display: block;
}
.smart-popin .sp-close {
    position: absolute;
    top: 0;
    right: 0;

    width: 36px;
    height: 36px;

    text-align: center;
    line-height: 36px;
    font-size: 1.6em;
    color: #000000;
    font-weight: 900;
    text-decoration: none;
}
/********************************************************/
@white: rgba(254,255,250,1);
@grey: rgba(220,231,235,1);
@red: rgba(255,104,115,1);
@black: rgba(48,69,92,0.8);
@sans: 'Titillium Web', sans-serif;
  
.transition {
  transition: all 0.25s ease-in-out; }

.flipIn {
  animation: .flipdown 0.5s ease both; }
    
.no-select {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

  
  @media ( max-width:550px ) {
    box-sizing: border-box;
    transform: translate( 0 , 0 );
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0; }
.flipdown {
  0% { opacity:0; transform-origin: top center; transform: rotateX(-90deg); }  
  5% { opacity: 1; }
  80% { transform: rotateX(8deg); }
  83% { transform: rotateX(6deg); }
  92% { transform: rotateX(-3deg); }
  100% { transform-origin: top center; transform: rotateX(0deg); }
}
.ListePNR { 
  li {.flipIn; position:relative; list-style:none; border-bottom:1px solid #ddd;
	  &:nth-of-type(1){ animation-delay: 0.5s; }
	  &:nth-of-type(2){ animation-delay: 0.75s; }
	  &:nth-of-type(3){ animation-delay: 1.0s; }
	  &:last-of-type { padding-bottom: 0; }
	  span {color:@red; font-size:12px; display:block; margin:0; 
	  padding:7px; cursor:pointer; .no-select; padding-right:25px;
	  }
	  p {color:@black; font-size:12px; line-height:20px; letter-spacing:1px; position:relative; overflow:hidden; max-height:800px; 	
	  .transition; opacity:1; transform:translate(0, 0); z-index:2; padding-left:5px; padding-right:5px; 
	  }
  }
  i { position:absolute; transform:translate( -6px , 0 ); margin-top:12px; right:5px; 
	  &:before, &:after { content:""; .transition; position:absolute; background-color:@red; width:3px; height:9px; }
	  &:before { transform: translate( -2px , 0 ) rotate( 45deg ); }
	  &:after { transform: translate( 2px , 0 ) rotate( -45deg ); }
  }
  input[type=checkbox] { position:absolute; cursor:pointer; width:100%; height:100%; z-index:1; opacity:0; 
  	  &:checked {
		&~p { margin-top: 0; max-height: 0; opacity: 0; transform: translate( 0 , 50% ); }    
        &~i {
          &:before { transform: translate( 2px , 0 ) rotate( 45deg ); }  
          &:after { transform: translate( -2px , 0 ) rotate( -45deg ); }
        }
      }    
  }
}
/*************************** Services *********************************/
.BoxShadow() {
	width:100%; height:auto;
	margin-bottom:15px;	 padding:0px;
	text-decoration:none; text-align:justify; background-color:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0, 0.1);
	transition: box-shadow 0.3s;
	&:hover {box-shadow:0px 0px 10px rgba(0,0,0, 0.3);}
	img {width:100%; height:100%;}
	.body {padding:5px;}
}
.services {.BoxShadow; display:flex;
	.thumbs {width:100%; max-width:200px; float:left;}	
}

/*************************************************************************************/
.grid {width:100%;}
.icone {
	position:relative; width:31.3%; height:200px; float:left; background:@Blanc; margin-right:2%; margin-bottom:2%; 
	padding:0px; box-shadow:0px 0px 10px rgba(0,0,0, 0.1); transition: box-shadow 0.3s;
	&:hover {
		box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
		}
	img {display:block; padding:0px; margin:0px; overflow:hidden;}
	}
.icone:nth-child(1) {width:49%;}
.icone:nth-child(2) {width:49%; margin-right:0;}
.icone:nth-child(3) {width:26%;}
.icone:nth-child(4) {width:44%;} 
.icone:nth-child(5) {width:26%; margin-right:0;}
.icone:nth-child(6) {width:32%;}
.icone:nth-child(7) {width:32%;}
.icone:nth-child(8) {width:32%; margin-right:0;}
/***************************** Menu Droite - Le Bas ******************************/
.MDB {
/* Underline From Center */
.hvr-underline-from-center {
  content: ""; 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:after {
  /*content: "\f030"; color:#F00;*/
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.btn {
    padding: 1em; 
    text-decoration: none;
	border:1px solid #ccc; border-top:5px solid #749a00;
	margin-top:5px;
	width:100%;
	
	background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image:    -moz-linear-gradient(top, #fff, #eee);
    background-image:     -ms-linear-gradient(top, #fff, #eee);
    background-image:      -o-linear-gradient(top, #fff, #eee);
    background-image:         linear-gradient(top, #fff, #eee);
}

}
/************************************************* Slider-Logos **********************************/
.carousel {
  width: 100%; max-width:700px;
  height: 120px;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #999;
  box-shadow: 0 0 4px #ccc;
  margin: 0;
  border-radius: 3px;
  img {
	  display: inline-block; width: auto; height: 100px;
	}
}

.holder {
  animation: carousel 25s linear infinite;
  white-space: nowrap;
  will-change: transform;
  
  &:hover {
    animation-play-state: paused;
  }
}

@keyframes carousel {
  0% {
    transform: translateX(0);
  }
  
  50% {
    transform: translateX(-100%);
  }
  
  100% {
    transform: translateX(0);
  }
}
/********************************* Calendrier **************************************/
.calendriers {background:@Blanc; box-shadow:0px 0px 10px rgba(0,0,0, 0.1);}
table.calendrier {width:100%;
	text-align: center;
}
table.calendrier th {
	padding-bottom: 3px; border-bottom:1px solid #39628e; color:#39628e;
}

table.calendrier td {
	border: 0em solid black; padding:4px;
}

table.calendrier td div {
	padding: 0px;
}

.jourEvenement {
	color: rgb(205, 30, 61); font-weight:bold;
}

.lienCalendrierJour {
	color: #cd1e3d; font-weight:bold;
}

table.calendrier caption {background:#39628e; color:@Blanc; padding-top:10px; padding-bottom:10px; margin:auto; margin-bottom:5px;}
table.calendrier caption a {color:@Blanc; padding-left:35px; padding-right:35px;}
/* Infobulles */
a.info {
	position: relative; color:rgb(205, 30, 61);
	text-decoration:underline; font-weight:bold;
	display: block;
}
a.info span {
	display: none; /* on masque l'infobulle */
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute; color:#000;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 30px; /* on positionne notre infobulle */
	right: 0px;
	
	text-align: left;
	background: #fff;
	padding: 3px;
	border: 1px solid black;
}
/****************************************************************/
.All_A () {
	a {color:#cc2828;}
	p {padding-top:5px; padding-bottom:5px; text-align:justify;}
	ul {margin-left:15px;}
	li {padding-top:3px; padding-bottom:3px; text-align:justify;}
}
.Affiche_A {
	a {color:#cc2828;}
	p {padding-top:5px; padding-bottom:5px; text-align:justify;}
	ul {margin-left:15px;}
	li {padding-top:3px; padding-bottom:3px; text-align:justify;}
	img {max-width:100%; height:auto;}
}
.Ligne {margin-top:15px; border-top:1px dashed #cc1414; text-align:right; opacity:0.75;}
/************************** APPELS ******************************/
.Appels {.All_A; margin-bottom:10px;
	caption {padding:5px; color:#cc2828; border-left:3px solid #cc2828; text-align:left; box-shadow:0px 0px 1px rgba(0,0,0, 0.1);}
	strong {color:#066ab5;}
	.flottantdroite {float:left; padding-right:10px; max-width:100px; height:auto;}
}
/************************** EVENTS ******************************/
.Events {.All_A; margin-bottom:5px;
}
.events {.BoxShadow;/*voir le less des services*/
	img {width:100%; height:auto; padding:2px;}
}
/************************** NOTES ******************************/
.Notes {.All_A; margin-bottom:5px;
	tr td {padding-top:5px; padding-bottom:5px; text-align:justify; border-bottom:1px solid #cc2828;}
	tr td:nth-child(2){width:1%; border:0;}
	td:nth-child(1) {width:25%; text-align:right;}
}
/************************** NEWS ******************************/
#news {	width:100%;
	-moz-column-count:3; -webkit-column-count:3; -o-column-count:3; column-count:3;
	-moz-column-gap:15px; -webkit-column-gap:15px; -o-column-gap:15px; column-gap:15px;
}
.news {.BoxShadow;/*voir le less des services*/
	img {max-width:100%; height:auto;}
	.news_body {padding-left:5px; padding-right:5px;}
	.flottantdroite {float:left; padding-right:7px; max-width:100px; height:auto;}
}
iframe {border:0px; padding:0; margin:0; width:100%; height:500px;}

/************************** GALLERIE PHOTOS ******************************/
#Gallerie {	width:100%;
	-moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2;
	-moz-column-gap:15px; -webkit-column-gap:15px; -o-column-gap:15px; column-gap:15px;
}
.Gallerie {/*.BoxShadow;voir le less des services*/ border-bottom:1px solid @Blanc*0.8;
	img {max-width:100%; height:auto;}
	p {padding-top:5px; padding-bottom:5px; text-transform:uppercase;}
}