@import url(https://fonts.googleapis.com/css?family=Exo);
@import url(https://fonts.googleapis.com/css?family=Cabin);

/*=== GLOBAL ===*/

body, input, select, textarea { font-family: Cabin, sans-serif; }
.clear{clear:both;}


/* --------- Sélection texte --------- */

::selection{
  background-color: #52D2ED;
  color: white;
  opacity: 1;
}

/* Firefox */
::-moz-selection {
  background-color: #52D2ED;
  color: white;
}

/* ------------------------------------ */


a, a:hover, a:focus { text-decoration: none; }

body {
	font-family: Cabin;
}

h1, h2, h3 {
	font-family: Exo;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 15px;
}

p {
	font-family: Cabin;
	font-size: 14px;
	color: #2b2b2b;
}




/*=== HEADER ===*/

header {
	font-family: Exo;
	font-size: 20px;
	position: relative;
	background: #00B3D9;
	margin-top: 131px;
	padding: 20px 0;
	height: 50px;
}

header .mobileBurger {
	display: none;
	float: right;
	padding: 0;
	margin-top: 115px;
	width: 20%;
}

header .mobileBurger .burgerbar {
	display: block;
	width: 50px;
	height: 6px;
	background: #00B3D9;
	margin-bottom: 6px;
}

.logo {
	top: -151px;
	position: absolute;
	float: left;
}


/*-------- Menu 3D -------*/

#menu {
	position: absolute;
	right: 0;
	bottom: -16px;
	padding: 0;
	display: block;
}

.menu_cube li {
  float: left;
  list-style: none;
}

.menu_cube li a {
  font-family: sans-serif;
  position: relative;
  display: block;
  color: white;
  padding: 10px 10px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  perspective: 600px;
  transform-style: preserve-3d;
  perspective-origin: 50% 0;
}

.menu_cube li a:before, .menu_cube li a:after {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #00B3D9;
  color: white;
  line-height: 50px;
  transition: all .3s ease-out;
}

.menu_cube li a:before {
  transform-origin: center top;
  transform: rotateX(0) translateY(0);
}

.menu_cube li a:after {
  transform-origin: center bottom;
  transform: rotateX(-90deg) translateY(100%);
  background: white;
  color: #00B3D9;
}

.menu_cube li a:hover:before, .menu_cube li a.active:before  {
  transform: rotateX(90deg) translateY(-100%);
}

.menu_cube li a:hover:after, .menu_cube li a.active:after {
  transform: translateY(0) rotateX(0);
}

/*----- Menu langues + socials -----*/

.smal-menu {
	position : absolute;
	right: 0;
}

#languages {
	display: none;
	list-style: none;
    margin-right: -360px;
    position: absolute;
    right: 580px;
    top: -151px;
    z-index: 100;
}

#languages li, #languages li a {
    float: left;
}

#languages li a {
    color: #7e7e7e;
    display: block;
    font-family: "Cabin Condensed",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 5px;
    text-decoration: none;
}

#languages li a.current {
    color: #01b3d9;
}

#socials {
	list-style: none;
    position: absolute;
    right: 0;
    top: -151px;
    z-index: 100;
}

#socials li, #socials li a {
    float: left;
}

#socials li a {
    display: block;
    height: 34px;
    text-indent: -9900px;
    transition: all 400ms ease-out 0s;
    width: 34px;
}

#socials li a#social_scoopit {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll 0 0;
}

#socials li a#social_scoopit:hover {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll 0 100%;
}

#socials li a#social_twitter {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll -34px 0;
}

#socials li a#social_twitter:hover {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll -34px 100%;
}

#socials li a#social_facebook {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll -70px 0;
}

#socials li a#social_facebook:hover {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll -70px 100%;
}

#socials li a#social_linkedin {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll 100% 0;
}

#socials li a#social_linkedin:hover {
    background: rgba(0, 0, 0, 0) url("../files/design/socials.png") no-repeat scroll 100% 100%;
}

#socials li a#link_blog {
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 6px solid #01b3d9;
    color: #01b3d9;
    font-family: "Exo",sans-serif;
    height: 34px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    width: auto;
}

#socials li a#link_blog:hover {
    background: #01b3d9 none repeat scroll 0 0;
    color: #fff;
}






/*=== FOOTER ===*/

footer {
	background: #333333;
	color:white;
	padding: 20px 0 0 0;
}

footer p {
	color: white;
}

footer h2 {
	margin-bottom: 40px;
	color: white;
}

.infos-contact a font, footer a font {
	color: #929292;
}

.infos-contact a:hover font, footer a:hover font {
	color: #01B3D9;
}

.infos {
	position: relative;
	float: left;
	line-height: 45px;
	margin-top: 0px;
	margin-left: 35px;
}

.tel {
	margin-top: -10px;
}

.tel::before {
	content: "";
	display: block;
	background: url(../files/design/phone.png) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -35px;
	top: -2px;
}

.mail::before {
	content: "";
	display: block;
	background: url(../files/design/lettre.png) no-repeat;
	width: 20px;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 46px;
}

.bank::before {
	content: "";
	display: block;
	background: url(../files/design/carte.png) no-repeat;
	width: 80%;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 91px;
}

.localisation {
	position: relative;
	margin-left: 70px;
	float: left;
}

.local-a {
	float: left;
	line-height: 25px;
}

.local-a::before {
	content: "";
	display: block;
	background: url(../files/design/locate.png) no-repeat;
	width: 16px;
	height: 21px;
	position: absolute;
	left: -28px;
	top: -7px;
}

.local-b {
	margin-left: 50px;
	float: left;
	line-height: 25px;
}

footer h3 {
	color: white;
	margin-top: 0;
}

footer p {
	color: #929292;
}

/*--------- Bouton Newsletter ---------*/

.flip-cube-wrapper {
	float: left;
 	font-family: sans-serif;
 	-webkit-perspective: 1000px;
}

/* Container box to set the sides relative to */
.flip-cube {
 	width: 90px;
 	text-align: center;
 	margin: 0 auto;
 	height: 30px;
 	
 	-webkit-transition: -webkit-transform .33;
 	transition: transform .33s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-cube p {
	color: white;
}

/* The two faces of the cube */
.flip-front, .flip-back {
	height: 30px;
}

/*Position the faces*/
.flip-front {
	padding: 5px;
	background-color: #00B3D9;
 	-webkit-transform: translateZ(0px);
 	transform: translateZ(15px);
 	margin-bottom: -15px;
}

.flip-back {
	padding: 5px;
	background-color: #00839e;
 	-webkit-transform: rotateX(-90deg)
    translateZ(0px);
 	transform: rotateX(-90deg) translateZ(0px);
}

/*Rotate the cube*/
.flip-cube:hover {
 	-webkit-transform: rotateX(90deg);
 	transform: rotateX(90deg); /*Text bleed at 90ª */
}


/*-------- Partenaires --------*/

hr {
	opacity: 0.2;
}

.newsletter {
	float: left;
}

.partenaires {
	text-align: center;
	margin: 15px 0 25px 0;
}

.part {
	margin: 0px 20px 0 20px;
	display: inline-block;
	vertical-align: middle;
}


/* --------- Logo Akimedia -------- */

#akimedia {
	background-color: #474747;
}

#copyright {
	padding: 20px 0 20px 0;
	margin: 0;
}

#copyright #logo_aki {
	display: block;
	opacity: 0.5;
	height:34px;
	width: 116px;
	margin: auto auto;
	background: url(../files/design/aki_logo.png) no-repeat 0% 0%;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

#copyright #logo_aki:after {
	content:'';
	display:block;
	width:0%;
	height:100%;
	background: url(../files/design/aki_logo_hover.png) no-repeat 0% 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#copyright #logo_aki:hover {
	opacity: 1;
}

#copyright #logo_aki:hover:after {
	width:100%;
}


/*=== CONTENT + BIG IMAGE ===*/

h2 {
	font-weight: bold;
	font-family: Exo;
	font-size: 20px;
	color: #00B3D9;
}

.fullsize {
	position: relative;
	height: 775px; 
	background-size: cover;
	vertical-align: middle;
	margin-top: -50px;
	margin: 0 0; 
	width: 100%;
	background-position: 50% 50%;
}

.intro {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
}

.intro p {
	color: white;
	font-family: 'Exo';
	font-size: 30px;
	text-align: center;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 1);
}

#arrow-up1 {
	position: absolute;
	top: 60%;
	left: 430px;
	width: 90px;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

#arrow-up1.multi3 {
	left: 35%;
}

#arrow-up1 path {
	fill: white;
}

#arrow-up2 {
	position: absolute;
	top: 60%;
	right: 420px;
	width: 100px;
}

#arrow-up2.multi3 {
	right: 35%;
}

#arrow-up2 path {
	fill: white;
}

#arrow-up3 {
	position: absolute;
	top: 60%;
	left: 47%;
	width: 100px;
}

#arrow-up3 path {
	fill: white;
}



/*=== BLOG ===*/

.blogMenu {
	padding: 15px 27px;
}

.colBlog  {
	padding: 15px 0;
}

.news_listing_intro {
	font-size: 17px;
	line-height: 20px;
	padding: 10px 0px;
}

.news_listing_intro, .news_listing_intro a { color: #8B8B8B; }

.news_listing_intro a:hover, .news_listing_content.hover a { color: #00b4d9; }

.news_listing_content {
	padding: 0;
	margin-bottom: 60px;
	position: relative;
}

.news_listing_subcontent {
	float: right;
	padding-left: 10px;
	padding-bottom: 34px;
}

.news_listing_subcontent h3 {
	font-size: 18px;
	margin-top: 0;
}

.news_listing_subcontent h3 a {
	color: #00B4D9;
}

.news_listing_subcontent .more {
	background: #00B4D9;
	color:white;
	padding:10px;
	float: right;
}

.news_listing_content .blog_img {
	display: block;
	float: left;
	width: 150px;
	height: 150px;
	background: #f6f6f6;
	position: relative;
}

.news_listing_content .blog_img, .news_listing_content .blog_img:hover:after {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.news_listing_content .blog_img img {
	display: block;
	width: 150px;
	height: 150px;
}

.news_listing_content .blog_img:after {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: #00b4d9;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0; }

.news_listing_content .blog_img:hover:after, .news_listing_content.hover .blog_img:after {
	opacity: 0.4;
}

.blog_categories {
	font-size: 26px;
}

#listingCategories {
	list-style: none;
	padding: 0;
}

#listingCategories a {
	color: gray;
}

#listingCategories a.currentCat {
	font-weight: bold;
	font-size: 22px;
	color: #00B4D9;
}

h1.news_title { 
    color: #00b4d9;
    margin-top: 16px;
    font-size: 30px;
}



/*=== HOME ===*/

.services {
	margin: 0 auto 20px auto;
}

.services h1 {
	margin: 70px auto 40px auto;
	color: #00B3D9;
	text-align: center;
}

.services span {
	font-weight: bold;
}

.square {
	position: relative;
	padding: 70px 20px 0 20px;
	width: 250px;
	height: 250px;
	margin: 30px 20px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.square:hover {
	background-color: #00B3D9;
	color: white;
}

.square h2 {
	text-transform: uppercase;
}

.square:hover h2, .square:hover p {
	color: white;
}

.square::before {
	content: "";
	display: block;
	background: url(../files/design/ombre2.png) no-repeat;
	width: 15px;
	height: 245px;
	position: absolute;
	left: -15px;
	top: 2px;
	opacity: 0.6;
}

.square::after {
	content: "";
	display: block;
	background: url(../files/design/ombre.png) no-repeat;
	width: 15px;
	height: 245px;
	position: absolute;
	right: -15px;
	top: 2px;
	opacity: 0.6;
}

.container .square img {
	position: absolute;
	top: -25%;
	left: 50%;
	margin-left: -50px;
}

.container img {
	display: block;
	margin: auto;
}

#formations_wrapper {
	background-color: #00B3D9;
	margin-top: 60px;
}

.forma {
	margin-left: 20px;
	position: relative;
	padding: 20px 15px 50px 15px;
	
}

.forma h2, .forma p {
	color: white;
}

.forma img {
	position: absolute;
	left: 50%;
	top: -15px;
	width: 400px;
}


/*--------- Bouton Formations --------*/

.flip-cube-wrapper, .flip-cube-wrapper2 {
	cursor: pointer;
}

.flip-cube-wrapper2 {
	float: left;
 	font-family: sans-serif;
 	-webkit-perspective: 1000px; /* <-NB */
}

/* Container box to set the sides relative to */
.flip-cube2 {
 	width: 140px;
 	text-align: center;
 	margin: 0 auto 20px auto;
 	height: 30px;
 	
 	-webkit-transition: -webkit-transform .33s;
 	transition: transform .33s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* The two faces of the cube */
.flip-front2, .flip-back2 {
	height: 30px;
}

/*Position the faces*/
.flip-front2 {
	padding: 5px;
	background-color: #52d2ed;
 	-webkit-transform: translateZ(0px);
 	transform: translateZ(15px);
 	margin-bottom: -15px;
}

.flip-back2 {
	color: red;
	padding: 5px;
	background-color: #00839e;
 	-webkit-transform: rotateX(-90deg)
    translateZ(0px);
 	transform: rotateX(-90deg) translateZ(0px);
}

/*Rotate the cube*/
.flip-cube2:hover {
 	-webkit-transform: rotateX(90deg);
 	transform: rotateX(90deg);
}








/*=== EVENTS ===*/

/*---------- Bouton Choices ---------*/

.wrapper {
	position: relative;
	width: 1170px;
	top: 60%;
	left: 50%;
	margin-left: -585px;
}

.cube-choice-wrapper {
	position: absolute;
	top: 80%;
	left: 50%;
 	font-family: sans-serif; 	
	width: 1170px;  /*70%;*/
	margin-left: -585px;
}

.cube-choice-wrapper .blocLink {
	display: block;
	width: 48%;
	height: 90px;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	-webkit-perspective: 2000px;
 	perspective: 2000px;
}

/* 1 seul cube */
.cube-choice-wrapper.cube-choice-nb1 .blocLink {
	float: none;
	margin: auto;
}

/* Container box to set the sides relative to */
.cube-choice {
    height: 90px;
 	text-align: center;
 	margin: 0 auto;
 	-webkit-transition: -webkit-transform .33s;
 	transition: transform .33s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cube-choice-wrapper .cube-choice-sm {
	width: 31.33%;
}

.gerer {
	float: left;
	margin-left: 50px;
}

.cube-choice p {
	margin: 28px 0;
	font-size: 18px;
	font-family: "Exo";
	text-transform: uppercase;
}

.cube-choice-sm p {
	margin: 14px;
	font-size: 20px;
}

.cube-choice.cube-choice-text-small p {
    line-height: 29px;
    margin: 12px 0;
}

/* The two faces of the cube */
.face1, .face2 {
	height: 90px;
}

/*Position the faces*/
.face1 {
	padding: 5px;
	background-color: white;
 	-webkit-transform: translateZ(0px);
 	transform: translateZ(45px);
 	margin-bottom: -46px;
}

.face2 {
	padding: 5px;
	color: white;
	background-color: #00B3D9;
 	-webkit-transform: rotateX(-90deg)
    translateZ(0px);
 	transform: rotateX(-90deg) translateZ(0px);
}

.face1 p {
	color: #c3c3c3;
}

.face2 p {
	color: white;
}

/*Rotate the cube*/
.cube-choice:hover {
 	-webkit-transform: rotateX(90deg);
 	transform: rotateX(90deg); /*Text bleed at 90ª */
}

/*---------- Questions ---------*/


.grey {
	background-color: #f2f2f2;
	padding: 40px 0;
}

.container-white {
	padding: 20px 40px;
	background-color: white;
}

.explain p {
	text-align: justify;
}

.explain span {
	font-size: 17px;
	color: #01B3D9;
	font-weight: bold;
	font-family: 'Exo';
}

.explain {
	margin-bottom: 60px;
}

.left-block {
	float: left;
}

.dessin-event img {
	width: 350px;
	margin-bottom: 60px;
}

.panel-group {
	margin-bottom: 50px; 
	float: left;
	padding: 0 0 0 20px;
}

.panel-default {
	background-color: white;
	text-align: justify;
}

.panel-title {

}

.panel {
	border: none;
}

.panel-heading {
	position: relative;
}

.panel-heading:before {
	position: absolute;
	top:17px;
	left: -13.5px;
	display: block;
	content: '';
	width: 10px;
	height: 4px;
	background-color: #01B3D9;
}

.panel-heading:after {
	position: absolute;
	top: 17px;
	left: -4.5px;
	display: block;
	content: '';
	width: 10px;
	height: 4px;
	background-color: #01B3D9;
}

.panel-actives .panel-heading:before {
	top:17px;
	left:-17px;
	width: 15px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.panel-actives .panel-heading:after {
	top: 17px;
	left: -8px;
	width: 15px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.panel-heading:before, .panel-heading:after{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.panel-default > .panel-heading {
	background-color: white;
	border: none;
}

.panel-heading h4 {
	font-family: 'Exo';
	color: #01B3D9;
	font-weight: bold;
}

.panel-body {
	border: none !important;
}




/*------- Formulaire -------*/

.convaincu h2 {
	color: white;
	font-weight: bold;
}

.convaincu p {
	margin-bottom: 50px;
}

.all-form {
	padding: 0;
}

.blue-form {
	position: relative;
	background-color: #00B3D9;
	padding: 50px 50px;
}

#arrow-convaincu {
	position: absolute;
	left: 400px;
	top: -70px;
	width: 100px;
}

#arrow-convaincu path {
	fill: #00839E;
}

.row_form_contact {
	margin-bottom: 15px;
}

.case-form {
	margin-bottom: 10px;
	width: 100%;
	background: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-left: 10px;
	color: white;
	border-bottom: 1px solid #52D2ED;
	outline: none;
}

.case-form::-webkit-input-placeholder {
   color: white;
   opacity: 1;
}

.case-form:-moz-placeholder { /* Firefox 18- */
   color: white; 
   opacity: 1; 
}

.case-form::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
   opacity: 1;
}

.case-form:-ms-input-placeholder {  
   color: white;
   opacity: 1;  
}

textarea {
	margin-top: 30px;
	width: 100%;
	height: 170px;
	padding: 10px;
}

.champ p {
	margin: -50px 0 0 0;
	color: #00839E;
}

/*--------- Bouton Formulaire --------*/

.flip-cube-wrapper3 {
	margin-top: -15px;
	float: right;
 	font-family: sans-serif;
 	-webkit-perspective: 1000px; /* <-NB */
}

/* Container box to set the sides relative to */
.flip-cube3 {
 	width: 140px;
 	text-align: center;
 	margin: 0 auto 20px auto;
 	height: 32px;
 	
 	-webkit-transition: -webkit-transform .33;
 	transition: transform .33s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* The two faces of the cube */
.flip-front3, .flip-back3 {
	height: 32px;
}

/*Position the faces*/
.flip-front3 {
	padding: 5px;
	background-color: #52d2ed;
 	-webkit-transform: translateZ(0px);
 	transform: translateZ(16px);
 	margin-bottom: -16px;
}

.flip-back3 {
	color: white;
	padding: 5px;
	background-color: #00839e;
 	-webkit-transform: rotateX(-90deg)
    translateZ(0px);
 	transform: rotateX(-90deg) translateZ(0px);
}

/*Rotate the cube*/
.flip-cube3:hover {
 	-webkit-transform: rotateX(90deg);
 	transform: rotateX(90deg);
}

.flip-cube3 input {
	border: none;
	background: none;
	color: white;
}








/*=== REFERENCES ===*/

.ligne {
	padding: 0;
}

.texte-client h2 {
	color: #00B3D9;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Exo';
}

.texte-client h3 {
	color: #00B3D9;
	font-size: 15px;
	font-weight: bold;
}

.texte-client p {
	text-align: justify;
}

.confiance {
	margin: 0;
}

.confiance h2 {
	margin: 100px 0 0 25px;
	color: #00B3D9;
}

.slider-for .slick-prev {
	background: url(../files/design/arrow_prev.png) no-repeat 0 0;
	width:37px;
	height:60px;
}

.slider-for .slick-prev:hover {
	
	width:37px;
	height:60px;
}

.slider-for .slick-prev:before {
	display: none;
}

.slider-for {
	margin-top: -90px;
}

.slick-next {
	right: -100px;
}

.slick-prev {
	left: -100px;
}

.slider-for .slick-next {
	background: url(../files/design/arrow_next.png) no-repeat 0 0;
	width:37px;
	height:60px;
}

.slider-for .slick-next:before {
	display: none;
}

.reference_content {
	margin: 150px 0 50px 0;
}

.reference_content a {
	color: #00B3D9;
}

.all-logos {
	background-color: #00B3D9; 
}

.slider-logos {
	margin-bottom: 0;
	background-color: #00B3D9;
}

.slider-logos img {
	width: 180px;
	cursor:pointer;
    margin: 30px auto;
}







/*=== FORMATIONS ===*/

.fullsize-forma {
	height: 530px; 
	background-size: cover;
	vertical-align: middle;
	margin: 0 0; 
	width: 100%;
	background-position: 50% 40%;
}

.global-forma {
	background-color: #f2f2f2;
    padding: 50px 0;
}

.tableau-forma {
	background-color: white;
}

.formations-menu {	
	padding-left: 30px;
	margin: 70px 0 0 0;
}

.formations-menu h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
}

.formations-menu h3, .formations-menu h3 a {
	color: #c3c3c3;
	display: block;
	position: relative;
}

.formations-menu h3 a:hover, .formations-menu h3 a.current {
	color: #00B3D9;
}

.formations-menu h3 a.current {
	padding-bottom: 5px;
}

.formations-menu h3 a.current:after {
	content:'';
	display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -170px;
	background: url(../files/design/separator_formations.png) no-repeat 0 0;
	width: 320px;
	height: 11px;
}

.formations-content {
	padding-right: 0;
}

.formations-content .nav-tabs {
    width: 100%;
    border:none;
    background: #F2F2F2;
    padding-top: 28px;
    padding-left: 40px;
}

.formations-content .tab-pane {
 	padding: 0 15px;
}



.formations-content .nav-tabs>li { margin-bottom: -2px; }

.formations-content .nav-tabs a {
	font-family: 'Exo';
	font-weight: bold;
	font-size: 20px;
	color: #c3c3c3;
	padding: 15px;
	border-radius: 0;
}
.formations-content .nav-tabs>li.active>a { color: #01b3d9; background: white; }

.formations-content .tab-content {
	margin-top: 20px;
	color: #333333;
}

.formations-content .tab-content ul {
	padding-left: 16px;
}

.tab-content img {
	width: 100% !important;
	height: auto !important;
}

.tab-pane p {
	line-height: 25px;
}

.tab-pane h4 {
	font-family: 'Exo';
	font-size: 15px;
	font-weight: bold;
	color: #00B3D9;
}

.ihecs {
	color: #00B3D9;
}





/*=== CONTACT ===*/

.fond-bck {
	background-color: #333333;
}

.fond-bck iframe {
	float: right;
	margin: 80px 0;
}

.infos-contact h2 {
	font-size: 25px;
	color: white;
	margin: 0 0 40px 0;
}

.infos-contact {
	margin-top: 80px;
}

.infos-bloc {
	position: relative;
	float: left;
	line-height: 45px;
	margin-top: 0px;
	margin-left: 35px;
}

.bank-cont p {
	color: #929292;
}

.infos-bloc a {
	text-decoration: none;
	color: #929292;
}

.tel-cont {
	margin-top: -10px;
}

.tel-cont::before {
	content: "";
	display: block;
	background: url(../files/design/phone.png) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -35px;
	top: -2px;
}

.mail-cont::before {
	content: "";
	display: block;
	background: url(../files/design/lettre.png) no-repeat;
	width: 20px;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 46px;
}

.bank-cont::before {
	content: "";
	display: block;
	background: url(../files/design/carte.png) no-repeat;
	width: 80%;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 91px;
}

.localisation-cont {
	position: relative;
	margin-left: 35px;
	float: left;
}

.localisation-cont h3 {
	color: white;
}

.localisation-cont p {
	color: #929292;
}

.local-a-cont {
	line-height: 25px;
}

.local-a-cont::before {
	content: "";
	display: block;
	background: url(../files/design/locate.png) no-repeat;
	width: 16px;
	height: 21px;
	position: absolute;
	left: -32px;
	top: 12px;
}

.local-b-cont {
	float: left;
	line-height: 25px;
}







/*=== AGENCE ===*/

.team-title {
	margin: 0 auto 0 auto;
}

.team-title h1 {

	margin: 70px auto 40px auto;
	color: #00B3D9;
	text-align: center;
}

.team-title span {
	font-weight: bold;
}

.team::before {
	content: "";
	display: block;
	background: url(../files/design/ombre3.png) no-repeat;
	width: 15px;
	height: 490px;
	position: absolute;
	left: -15px;
	top: 2px;
	opacity: 0.6;
}

.team::after {
	content: "";
	display: block;
	background: url(../files/design/ombre4.png) no-repeat;
	width: 15px;
	height: 490px;
	position: absolute;
	right: -15px;
	top: 2px;
	opacity: 0.6;
}

.team {
	position: relative;
	padding: 10px 20px 0 20px;
	width: 250px;
	height: 480px;
	margin: 0 20px 50px 20px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.bloc-plus {
	background-color: #00B3D9;
	height: 30px;
	width: 30px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.vous:hover {
	background-color: #00B3D9;
}

.vous:hover h2, .vous:hover p, .vous:hover h3 {
	color: white;
}

.team h3 {
	margin-top: -6px;
	color: #333333;
}

.team span {
	color: #00B3D9;
}

.team:hover span {
	text-decoration: underline;
	color: white;
}

.bloc-bas {
	margin-bottom: 30px;
	text-align: center;
}

.bloc-bas h3 {
	color: #00B3D9;
	font-weight: bold;
}

span.blue {
	color: #00B3D9;
}

.txt-cache p {
	color: #999a9a;
}

.studies {
	font-size: 12px;
	color: #00B3D9;
}

p.grise {
	color: #999a9a;
}







/*************** MEDIA QUERIES ******************/

@media (min-width: 768px) and (max-width: 1430px) {
	/*=== REFERENCES ===*/
	
	.slick-next {
   		right: 0;
    	top: 85px;
	}

	.slider-for .slick-prev {
		z-index: 1000;
	}

	.slick-prev {
    	left: 80%;
    	top: 85px;
	}
}


/*------------------------------ Landscape tablets and medium desktops -------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
	
	.slick-next {
   		right: 0;
    	top: 85px;
	}

	.slider-for .slick-prev {
		z-index: 1000;
	}

	.slick-prev {
    	left: 80%;
    	top: 85px;
	}

	/*=== Menu ===*/

	.menu_cube li a {
		padding: 10px 9px;
	}

	/*=== HOME ===*/

	.square {
		position: relative;
		padding: 70px 20px 0 20px;
		width: 220px;
		height: 300px;
		margin: 30px 10px;
	}


	/*=== EVENTS ===*/

	.cube-choice-wrapper {
		width: 1000px;
		left: 50%;
		margin-left: -500px;
	}

	.cube-choice-sm p {
	    font-size: 18px;
	}

	.wrapper {
	    position: relative;
	    width: 1170px;
	    top: 60%;
	    left: 50%;
	    margin-left: -585px;
	}


	/*=== AGENCE ===*/

	.team {
		position: relative;
		padding: 10px 20px 0 20px;
		width: 22%;
		height: auto;
		margin: 0 10px;
	}

}

/*---------------------------- Inferior to medium desktop -------------------------*/

@media (max-width: 991px) {

	/*=== Menu ===*/

	.smal-menu {
		position : absolute;
		right: 0;
	}

	#languages {
		list-style: none;
	    margin-right: -360px;
	    position: absolute;
	    right: 580px;
	    top: 0px;
	    z-index: 100;
	}

	#socials {
		list-style: none;
	    position: absolute;
	    right: 0;
	    top: 0px;
	    z-index: 100;
	}

	button, input, select, textarea {
	    font-family: inherit;
	    font-size: 17px;
	    line-height: inherit;
	}

	header {
		margin-top: 0;
		padding: 0;
		height: auto;
		background-color: white;
	}

	#menu {
		position: relative;
		clear: both;
		display: none;
	}

	header nav .list-inline {
		margin:0;
	}

	header nav .list-inline>li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 20px;
	}

	header nav a { 
		display: block;
		text-align: center;
	}
	
	header .logo_wrapper {
		margin-top: 0px;
		content:'';
		clear: both;
	}

	header .logo_wrapper:after {
		display: block;
		content:'';
		clear: both;
	}

	header .logo {
		position: relative;
		display: block;
		clear: both;
		margin: auto;
		width: 55%;
		padding: 20px 0;
		top: 0;
	}

	header .logo img {
		display: block;
		width: 70%;
		margin: 50px auto auto 15px;
	}
	
	header .mobileBurger {
		display: block;
	}

	#menu {
		position: relative;
		right: 0;
		float: none;
		bottom: 10px;
		padding: 0;
		margin-left: -40px;
	}

	#menu li {
		width:100%;
	}

	.menu_cube li a {
		padding: 10px;
		font-size: 21px;
	}

	/*=== BLOG ===*/

	.news_listing_subcontent {
		float: right;
		padding: 65px;
	}

	.blog_categories {
		font-size: 26px;
		padding-left: 30px;
	}


	/*=== HOME ===*/

	.square {
		position: relative;
		padding: 70px 20px 0 20px;
		width: auto;
		height: 250px;
		margin: 80px 20px;
	}

	.forma img {
	    position: relative;
	    left: 0;
	    width: 300px;
	    margin: 20px 0 40px 0;
	}
}

/*-------------------------- Portrait tablets and small desktops -------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
	
	.blue-form {
		width: 100%;
	}


	
	/*=== EVENTS ===*/

	.wrapper {
		top: 350px;
	}

	.fullsize { 
		overflow: hidden;
	}

	.cube-choice-nb2 {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.wrapper {
		left: 50%;
		margin-left: -585px;
	}

	.intro {
		position: relative;
	    left: 50%;
    	margin-left: -300px;
	}

	#arrow-convaincu {
		transform: scaleX(-1);
	}


	/*=== COMM. INTERNE ===*/

	.fullsize { 
		overflow: hidden;
	}
	
	.cube-choice-nb3 {
		left: 0%;
		margin-left: 0%;
		width: 100%;
	}

	.cube-choice-nb3 .face1, .cube-choice-nb3 .face2 {
		height: 110px;
	}

	.cube-choice-nb3 .face2 {
		padding: 5px;
		color: white;
		background-color: #00B3D9;
	 	-webkit-transform: rotateX(-90deg)
	    translateZ(0px);
	 	transform: rotateX(-90deg) translateZ(-8px) translateY(7px);
	}

	.cube-choice-sm p {
	    font-size: 18px;
	}


	/*=== AGENCE ===*/

	.team {
		position: relative;
		padding: 10px 20px 0 20px;
		width: 85%;
		height: auto;
		margin: 0 auto;
	}

	.bloc-bas {
		margin-bottom: 50px;
	}

	#videoPhilo {
		margin: 130px !important;
	}


	/*=== CONTACT ===*/

	iframe {
		width: 100%;
	}

	.infos-contact .localisation-cont {
		margin-left: 70px;
		width: 400px;
	}

	.infos-contact .local-a-cont {
		float: left;
		width: 300px;
	}


	/*=== FOOTER ===*/

	footer .local-a {
		width: 200px;
		line-height: 25px;
	    margin-bottom: 50px;
	}

}


/*------------------------------- Landscape phones and portrait tablets --------------------------*/

@media (max-width: 767px) {
	
	h1 {
		font-size: 40px;
	}

	.fullsize {
		position: relative;
		height: 390px; 
		background-size: cover;
		margin-top: -50px;
		margin: 0 0; 
		width: 100%;
		background-position: 50% 50%;
	}

	.square {
		position: relative;
		padding: 70px 20px 0 20px;
		width: auto;
		height: 250px;
		margin: 30px 20px;
	}

	.container .square img {
		position: relative;
		top: 0;
		left: 0;
		margin: auto;
	}

	
	#formations_wrapper {
	    background-color: #00B3D9;
	    margin-top: 0px;
	}

	.forma img {
	    position: relative; 
	    left: 0; 
	    width: 300px;
	    margin: 20px 0 40px 0;
	}
	
	.cube-choice-wrapper {
		width: 70%;
		top: 60%;
	}
	
	.cube-choice-wrapper .blocLink {
		width: 100%;
		margin-bottom: 20px;		
	}
	
	.multi1, .multi2, .multi3 {
		display: none;
	}
	
	.intro {
		margin-left: 0;
		left: 0;
		width: 100%;
	}


	/*=== AGENCE ===*/

	.team-title {
		margin: 0 auto 0 auto;
	}

	.team-title h1 {

		margin: 50px auto 40px auto;
		color: #00B3D9;
		text-align: center;
	}

	.team::before {
		content: "";
		display: block;
		background: url(../files/design/ombre3.png) no-repeat;
		width: 15px;
		height: 490px;
		position: absolute;
		left: -15px;
		top: 2px;
		opacity: 0.6;
	}

	.team::after {
		content: "";
		display: block;
		background: url(../files/design/ombre4.png) no-repeat;
		width: 15px;
		height: 490px;
		position: absolute;
		right: -15px;
		top: 2px;
		opacity: 0.6;
	}

	.team {
		position: relative;
		padding: 10px 20px 0 20px;
		width: 85%;
		height: auto;
		margin: 0 auto;
	}

	.team:last-of-type:before, .team:last-of-type:after {
		display: none;
	}

	.col-md-12 #videoPhilo {
		display: none;
	}

	.col-md-3 {
		padding: 0 63px;
		margin-top: 20px;
	}


	/*=== EVENTS ===*/

	/*---------- Bouton Choices ---------*/

	.wrapper {
		position: relative;
		width: 1170px;
		top: 60%;
		left: 15%;
	}

	.intro p {
		padding: 0 25px;
		font-size: 23px;
	}

	.cube-choice-wrapper {
		top: 270px;
		left: 0;
	 	font-family: sans-serif; 	
		width: 100%;
		margin-left: 0
	}

	.cube-choice-wrapper p {
		margin: 15px 0;
	}

	.cube-choice-wrapper .blocLink {
		display: block;
		width: 50%;
		height: 90px;
		float: left;
		margin-right: 0;
		margin-left: 0;
		-webkit-perspective: 2000px;
	 	perspective: 2000px;
	}

	.services h1 {
		margin-bottom: 60px;
	}
	
	.selection .left-block {
		padding: 0 20px 0 0;
	}


	/*=== BRANDING ===*/

	.left-block .dessin-event img {
		margin: -50px 0 0 0;
	}

	.fullsize {
		height: 340px;
	}


	/*=== COMM. ONLINE ===*/

	.cube-choice-nb2 .cube-choice p {
		font-size: 14px;
		padding: 0 10px;
		margin: 15px 0 0 0;
	}


	/*=== COMM. INTERNET ===*/

	.cube-choice-nb3 .cube-choice-sm {
		width: 33%;
		margin: 0;
		padding: 0;
	}

	.cube-choice-nb3 .cube-choice-sm p {
		font-size: 14px;
		margin: 0;
	}

	.cube-choice-wrapper {

	}

	/*---------- Questions ---------*/

	.grey {
		background-color: #f2f2f2;
		padding: 40px 0;
	}

	.container-white {
		padding: 20px 40px;
		background-color: white;
	}

	.explain p {
		text-align: justify;
	}

	.explain span {
		font-size: 17px;
		color: #01B3D9;
		font-weight: bold;
		font-family: 'Exo';
	}

	.explain {
		margin-bottom: 60px;
	}

	.left-block {
		float: left;
	}

	.dessin-event img {
		width: 350px;
		margin-bottom: 60px;
	}

	.panel-group {
		margin-bottom: 50px; 
		float: left;
		padding: 0 0 0 20px;
	}

	.panel-default {
		background-color: white;
		text-align: justify;
	}

	.panel {
		border: none;
	}

	.panel-heading {
		position: relative;
	}

	.panel-heading:before {
		position: absolute;
		top:17px;
		left: -13.5px;
		display: block;
		content: '';
		width: 10px;
		height: 4px;
		background-color: #01B3D9;
	}

	.panel-heading:after {
		position: absolute;
		top: 17px;
		left: -4.5px;
		display: block;
		content: '';
		width: 10px;
		height: 4px;
		background-color: #01B3D9;
	}

	.panel-actives .panel-heading:before {
		top:17px;
		left:-17px;
		width: 15px;
	}

	.panel-actives .panel-heading:after {
		top: 17px;
		left: -8px;
		width: 15px;
	}

	.panel-default > .panel-heading {
		background-color: white;
		border: none;
	}

	.panel-heading h4 {
		font-family: 'Exo';
		color: #01B3D9;
		font-weight: bold;
	}

	.panel-body {
		border: none !important;
	}


	/*------- Formulaire -------*/

	.convaincu h2 {
		color: white;
		font-weight: bold;
	}

	.convaincu p {
		margin-bottom: 50px;
	}

	.all-form {
		padding: 0;
	}

	.blue-form {
		position: relative;
		background-color: #00B3D9;
		padding: 50px;
	}

	#arrow-convaincu {
		position: absolute;
    	left: 45px;
   	 	top: -70px;
   	 	width: 80px;
	}

	.row_form_contact {
		margin-bottom: 0;
	}

	.case-form {
		width: 100%;
		background: transparent;
		border-top: none;
		border-right: none;
		border-left: none;
		padding-left: 10px;
		color: white;
		border-bottom: 1px solid #52D2ED;
		outline: none;
	}

	.case-form::-webkit-input-placeholder {
	   color: white;
	   opacity: 1;
	}

	.case-form:-moz-placeholder { /* Firefox 18- */
	   color: white; 
	   opacity: 1; 
	}

	.case-form::-moz-placeholder {  /* Firefox 19+ */
	   color: white;  
	   opacity: 1;
	}

	.case-form:-ms-input-placeholder {  
	   color: white;
	   opacity: 1;  
	}

	textarea {
		margin-top: 30px;
		width: 100%;
		height: 170px;
		padding: 10px;
	}

	.champ p {
		margin: -30px 0 0 0;
		color: #00839E;
	}

	/*--------- Bouton Formulaire --------*/

	.flip-cube-wrapper3 {
		margin-top: -15px;
		float: right;
	 	font-family: sans-serif;
	 	-webkit-perspective: 1000px; /* <-NB */
	}

	/* Container box to set the sides relative to */
	.flip-cube3 {
	 	width: 140px;
	 	text-align: center;
	 	margin: 0 auto 20px auto;
	 	height: 32px;
	 	
	 	-webkit-transition: -webkit-transform .33;
	 	transition: transform .33s;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	/* The two faces of the cube */
	.flip-front3, .flip-back3 {
		height: 32px;
	}

	/*Position the faces*/
	.flip-front3 {
		padding: 5px;
		background-color: #52d2ed;
	 	-webkit-transform: translateZ(0px);
	 	transform: translateZ(16px);
	 	margin-bottom: -16px;
	}

	.flip-back3 {
		color: white;
		padding: 5px;
		background-color: #00839e;
	 	-webkit-transform: rotateX(-90deg)
	    translateZ(0px);
	 	transform: rotateX(-90deg) translateZ(0px);
	}

	/*Rotate the cube*/
	.flip-cube3:hover {
	 	-webkit-transform: rotateX(90deg);
	 	transform: rotateX(90deg);
	}

	.flip-cube3 input {
		border: none;
		background: none;
		color: white;
	}


	/*=== REFERENCES ===*/

	.confiance h2 {
		margin: 40px 0 0 5px;
	}

	.reference_content {
		margin-top: 120px;
	}

	.reference_content .col-md-6 img {
		width: 100%;
	}

	.reference_content .col-md-6 {
		padding: 0 50px;
	}

	.slick-track {
		margin-top: -100px;
	}

	.slider-for {
		margin-top: 15px;
	}

	.slick-slide {
	    display: none;
	    float: left;
	    width: 180px;
	    height: 100%;
	    min-height: 1px;
	    margin: 40px;
	}

	.slider-logos {
	    height: 200px;
	    background-color: #00B3D9;
	    margin-bottom: 0;
	    margin-top: -40px;
	}

	.slider-logos img {
	    width: 110px;
	    cursor: pointer;
	    margin: 115px auto 0 auto;
	}


	/*=== FORMATIONS ===*/

	.fullsize-forma {
		height: 190px; 
		background-size: cover;
		vertical-align: middle;
		margin: 0 0; 
		width: 100%;
		background-position: 50% 40%;
	}

	.fullsize-forma .intro {
		position: relative;
	}
	.formations-menu {	
		width: 100%;
		padding: 0 auto;
		margin: 70px 0 0 0;
		text-align: center;
	}

	.formations-menu h3 {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 30px;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}

	.formations-menu h3 a.current:after {
		content:'';
		display: block;
	    position: absolute;
	    bottom: -20px;
	    left: 50%;
	    margin-left: -170px;
		background: url(../files/design/separator_formations.png) no-repeat 0 0;
		width: 320px;
		height: 11px;
	}

	.formations-content {
		padding: 0;
	}

	.formations-content .nav-tabs {
	    width: 100%;
	    border: none;
	    padding: 0;
	    padding: 0;
	}

	.formations-content .nav-tabs>li.active>a, .formations-content .nav-tabs>li.active>a:focus, .formations-content .nav-tabs>li.active>a:hover {
		border: solid 1px rgba(0, 0, 0, 0);
	}

	.formations-content .nav-tabs>li {
		margin-bottom: -2px;
	}

	.tab-pane h4 {
	    font-family: 'Exo';
	    font-size: 15px;
	    font-weight: bold;
	    margin: 0 17px;
	    text-align: justify;
	    line-height: 22px;
	}

	.tab-pane ul {
	    padding: 0;
	    margin: 0;
	}

	.ihecs {
		color: #00B3D9;
	}


	/*=== CONTACT ===*/

	.fond-bck iframe {
		margin: 15px 0 15px 0;
		width: 100%;
		height: 300px;
	}

	.infos-contact .localisation-cont {
		margin: -20px 0 0 50px;
		width: 250px;
	}

	/*.infos-contact .local-a-cont {
		float: left;
		width: 300px;
	}*/


	/*=== FOOTER ===*/

	footer {
		background: #333333;
		color:white;
		padding: 20px 0 0 0;
	}

	footer p {
		color: white;
	}

	footer h2 {
		margin: 20px 0 40px 18px;
		color: white;
	}

	.infos-contact a font, footer a font {
		color: #929292;
	}

	.infos-contact a:hover font, footer a:hover font {
		color: #01B3D9;
	}

	.infos {
		position: relative;
		float: left;
		line-height: 45px;
		margin-top: 0px;
		margin-left: 53px;
	}

	.tel {
		margin-top: -10px;
	}

	.tel::before {
		content: "";
		display: block;
		background: url(../files/design/phone.png) no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		left: -35px;
		top: -2px;
	}

	.mail::before {
		content: "";
		display: block;
		background: url(../files/design/lettre.png) no-repeat;
		width: 20px;
		height: 17px;
		position: absolute;
		left: -35px;
		top: 46px;
	}

	.bank::before {
		content: "";
		display: block;
		background: url(../files/design/carte.png) no-repeat;
		width: 80%;
		height: 17px;
		position: absolute;
		left: -35px;
		top: 91px;
	}

	.localisation {
		position: relative;
		margin-left: 46px;
		float: left;
	}

	.local-a {
		float: none;
		line-height: 25px;
	}

	.local-a::before {
		content: "";
		display: block;
		background: url(../files/design/locate.png) no-repeat;
		width: 16px;
		height: 21px;
		position: absolute;
		left: -28px;
		top: -7px;
	}

	.local-b {
		margin-left: 0;
		float: left;
		line-height: 25px;
	}

	footer h3 {
		color: white;
		margin-top: 0;
	}

	footer p {
		color: #929292;
	}


	/*-------- Partenaires --------*/

	hr {
		opacity: 0.2;
	}

	.newsletter {
		float: left;
		padding: 0 38px;
	}

	.newsletter h2 {
		margin-left: 0px;
	}

	.partenaires {
		text-align: center;
		height: 225px;
		margin: 0 0 25px 0;
	}

	.part {
		margin: 30px 20px 0 20px;
		display: inline-block;
		vertical-align: middle;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	.services h1 {
		margin-top: 30px;
		font-size: 30px;
	}

	/*=== FORMATIONS ===*/

	.fullsize-forma .intro p {
		margin-top: -30px;
		position: relative;
	}


	/*=== EVENTS ===*/

	.explain {
		padding: 0;
	}

	.left-block .dessin-event img {
	    margin: -32px 0 0 0;
	    width: 100%;
	}

	.panel-group .panel-title {
		text-align: left;
	}

	/*=== Formulaire ===*/

	.champ p {
		display: none;
	}
	

	/*=== FOOTER ===*/

	/*-------- Partenaires --------*/

	hr {
		opacity: 0.2;
	}

	.newsletter {
		float: left;
		padding: 0 38px;
	}

	.newsletter h2 {
		margin-left: 0px;
	}

	.partenaires {
		text-align: center;
		height: 225px;
		margin: 0 0 25px 0;
	}

	.partenaires img {
		width: 100px;
	}

	.part {
		margin: 30px 20px 0 20px;
		display: inline-block;
		vertical-align: middle;
	}
}