/* --------------
	HOME
---------------*/
#logo_home{
	width: 400px;
}
@media (max-width:1070px){
	#logo_home{
		width: 300px;
	}
	ul.homenav.left { margin-left: -465px; margin-top: 35px;}
	ul.homenav.right {  margin-left: 140px; margin-top: 35px;}
	
	#home {
		background-image: url(../img/FondHomeMobile2.jpg);
		background-attachment:scroll;
		background-position: center center;
	}
	#cible1, #cible2{
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	ul.homenav.left {display:none; }
	ul.homenav.right {display:none; }
}
ul.homenav.left{
	margin-left: -520px;
}
@media (max-width:1070px){
ul.homenav.left{
	margin-left: -460px;
}
}

.italicme{
	font-style: italic;
	text-transform: lowercase;
}



ul.homenav li {
    margin: 0 5px 0 5px;
}
ul.homenav.right{
	width: auto;
}

/* --------------
	NAV BAR
---------------*/
.navbar-brand {
    padding: 4px 15px 0px 40px !important;
}

.navbar-collapse{
	box-shadow: inherit;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000000;
}

@media only screen and (max-width: 768px) {
	.navbar-brand {
	    padding: 4px 10px 0px 10px !important;
	}
	.navbar-brand img{
	   height: 40px;
	}
}
.navbar ul.nav li a .lcase{
	text-transform: lowercase;
}

/* --------------
	Container
---------------*/
.container{
	padding: 0;
}
.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* --------------
	A propos
---------------*/
#a_propos { 
	padding: 60px 0 0px 0; 
	background: #f3f3f3; position: relative; z-index: 10;
	background-image: url(../img/FondMecanique.png);
	background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}
@media only screen and (max-width: 770px) {
	#a_propos p.lead br{
		display: none;
	}
}
#a_propos_items { padding-top: 30px; }

#a_propos h2{
	margin-bottom: 45px;	
}
#a_propos .p-end{
	margin-bottom: 45px;		
}
	.a_propos-grid {
		list-style: none;
		padding: 20px 0 20px 0;
		max-width: 1060px;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	
	.a_propos-grid li {
		display: inline-block;
		margin: 1px -1px 0px -2px;
		vertical-align: top;
		height: 250px;
	}
.titre_item_a_propos{
	color: #ffffff;
    font-size: 12px;
    left: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    font-weight: bold;
}

#test-fred{
    background-image: url("../img/FondAPropos5.jpg");
    background-attachment: fixed;
    background-position: center top;
    padding: 20px 0  200px 0;
    color: #fff;
    text-align: center;
    display: block;
    margin-top:0px;
}

#test-fred p.txt-a-propos-1 {color:#FFFFFF;text-transform:uppercase;font-weight: 300; font-size: 17px; line-height: 35px; max-width:900px; margin: 0 auto; text-align: left; padding: 0px;}
#test-fred p.txt-a-propos-2 {color:rgb(229,62,147);text-transform:uppercase;font-weight: bold; font-size: 23px; line-height: 41px;  margin: 0 auto; padding: 0px; margin-top:20px;}

@media only screen and (max-width: 479px) {
	#test-fred{
	    padding: 50px 0;
	    margin-top:50px;
	}
	#home .containerblack {
		height: 280px;
	}
	#logo_home{
		width: 250px;
	}
	#slider  { font-size: 28px; margin-top: 30px; }
}
	


.clear{
	clear: both;	
}
.h2_violet{
	color:#e0027a;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.65;
}

 /* ----------------------- 
	HOME MOUSE ICON
----------------------- */       

.mouse-icon {
    bottom: 10%;
    cursor: pointer;
    display: block;
    height: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px;
    z-index: 15;
    display: none;
}
.mouse-icon .wheel {
    background-color: #e0027a;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
    width: 4px;
}
.mouse-icon .fa-angle-down {
    font-size: 45px;
    margin-top: 23px;
    margin-left: -1px;
    color: #bfbfbf;
}
.mouse-icon .wheel, .mouse-icon .fa-angle-down {
    animation-delay: 0s;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-name: drop;
    animation-play-state: running;
    animation-timing-function: linear;
}
@keyframes drop {
0% {
    opacity: 0;
    top: 5px;
}
30% {
    opacity: 1;
    top: 10px;
}
100% {
    opacity: 0;
    top: 25px;
}
}
@media (max-width:1070px){
	.mouse-icon {
		display: block;
	}

	#cible1.active,#cible2.active{
		display: none;
	}

}
 /* ----------------------- 
	HOME IPAD
----------------------- */       
@media screen and (max-width: 700px) {
	#home .containerblack {
	    height: 250px;
	}
	#logo_home{ width: 180px;}
}

 /* ----------------------- 
	HOME PCO
----------------------- */       
#insight-pco{
	color :rgba(227,217,54,0.5);
	text-align: center;
	position: relative;
	bottom: -47px;
	font-size: 0.7em;
}
@media only screen and (max-width: 479px) {
	#insight-pco{
		bottom: -40px;
	}
}
 /* ----------------------- 
	Temps forts
----------------------- */       
#timeline .img-responsive{
	float:left;
	padding-right:10px;
	padding-bottom: 10px;
}
 /* ----------------------- 
	CONTACT
----------------------- */       
.colapse-contact{
	background-color: #333333;
	background-image: url(../img/arrow_sans_down.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	cursor: pointer;
	border-radius: 4px;
	color:#EC1E79;
	padding: 10px;
	margin-bottom: 20px;	
}
.collapse-open{
	background-image: url(../img/arrow_sans_up.svg);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #e0027a;
    background-image: none;
}
#accordion-contact .panel{
	box-shadow:none;
	border: none;
	margin: 0px;
	background: transparent;
}
#accordion-contact  .form-control{
	box-shadow:none;	
}
#contact form .group-span-filestyle .btn{
    background-color: rgb(165,165,165) !important;
    border: 0 none !important;
    box-shadow: none !important;
    color: #AE0561 !important;
    display: inline-block;
    height: 40px;
    margin-bottom: 0 !important;
    padding: 0 27px;
    text-shadow: none !important;
    line-height: 30px;
}

#contact form .bootstrap-filestyle input.form-control {
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    padding: 4px 8px;
	margin-top:0px !important;
}
#contact form .bootstrap-filestyle {
	margin-top:10px;
}
.vous{
    font-size: 25px !important;
    font-weight: bold  !important;
}
#contact h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 0px;
}
label.error{
	font-weight: normal;
	color:#FF0000;
	font-size: 12px;
	font-style: italic;
}
.bootstrap-select, .bootstrap-select .dropdown-toggle{
	min-height: 40px;
}
.champ-moitie{
	width: 49%;
	display: inline-block;
}
.champ-moitie-gauche{
	float: right;
	width: 49%;
	display: inline-block;
}
.valid-message{
	color: green;
	font-style: italic;
}
.error-message{
	color: red;
	font-style: italic;
}
@media only screen and (max-width: 770px) {
	#contact h3 {
	    margin: 0;
	}
	.map-google{
		text-align: center;
	}
	#contact h3.contact-vous{
		margin-top: 15px;
	}
}
@media only screen and (max-width: 481px) {
	.champ-moitie{
		width: 100%;
		display: inline-block;
	}
	.champ-moitie-gauche{
		float: right;
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;	
	}
}
 /* ----------------------- 
	MENTIONS LEGALES
----------------------- */       
#mentions-legales{
	display: none;
    background: url("../img/FondMecanique.png") no-repeat fixed center center / cover #f3f3f3;
    border-bottom: 1px solid #e3e3e3;
    padding: 60px 0 100px;
    position: relative;
    z-index: 10;
}

#mentions-legales h2 {
    font-size: 22px;
}
#mentions-legales h3 {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
#mentions-legales p {
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}


 /* ----------------------- 
	Compteurs
----------------------- */       
#chiffres{
	background: #98bf0e; 
	position: relative; 
	z-index: 10;
	background-image: url("../img/FondChiffresCles.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#chiffres_inner{
    padding: 60px 0;
    color: #fff;
    text-align: center;
    display: block;
}

#chiffres_inner .counto_txt1{
	display: block;
    color: #e0027a;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
	font-size: 1.3em;
}
#chiffres_inner strong{
	display: block;
	color: #FFFFFF;
	font-size: 4em;
	font-weight: 700;
	
}
#chiffres_inner .counto_txt2{
	display: block;
	color: #FFFFFF;
    text-transform: uppercase;
	font-size: 1.4em;

}
@media only screen and (max-width: 770px) {
	#chiffres_inner{
	    padding: 30px 0;
	}
	#chiffres_inner .counto_txt1{
		font-size: 1.4em;
	}
	#chiffres_inner strong{
		font-size: 3em;
		
	}
	#chiffres_inner .counto_txt2{
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 481px) {
	.counto_txt1 br.st_ligne{
		display: none;
	}
	.chiffres-clef{
		padding: 20px 0px;
	}
}
@media only screen and (max-width: 641px) {
	#chiffres {background-image: url('../img/FondChiffresClesHaut.jpg');  background-size: cover;}
}
	

#inviteo { 
	background: url("../img/FondInviteo.jpg") no-repeat scroll 50% 50% #728292;
    position: relative;
    width: 100%;
    z-index: 10;

}
#inviteo .container {background: url('../img/GuillemetsJaunes.png') 0px 52px no-repeat; padding: 50px 0 40px 180px;}
#inviteo h3{
	font-size: 2.4em;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 0px;
	color: rgb(251,215,99);
	font-family: "Merriweather",Georgia,serif;
} 
#inviteo p{
	line-height: 1.3em;
	font-size: 1em;
	color: #FFFFFF;
}
@media only screen and (max-width: 770px) {
	#inviteo .container {background: url('../img/GuillemetsJaunes2.png') 0px 52px no-repeat; padding: 50px 0 20px 90px;}
	#inviteo h3{
		font-size: 2em;
	} 
}
@media only screen and (max-width: 481px) {
	#inviteo .container {
		background-image: none; 
		padding: 50px 0 40px 0px;
	}
	.inviteo-center{
		padding: 20px 0px;
		text-align: center;
	}
	.inviteo-center img.img-responsive{
		display: inline;
	}
	
}
@media only screen and (max-width: 641px) {
	#inviteo {background-image: url('../img/FondInviteoHaut.jpg');  background-size: cover;}
}
	
	
/* --------------
	Myevent
---------------*/

#myevent {
	background: #000; 
	color:#FFF;
	position: relative; 
	z-index: 10;
	background-image: url(../img/myevent/roueF.png);
		background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
    padding: 100px 0;
}
#myevent .container{
	background-image: url(../img/myevent/TitreLion.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 650px;
	background-size: 460px auto;
}
/***********************
	 BLOC #1 
 ***********************/
#myevent .container .bloc_1{
	text-align: right;	
}
#myevent .container .bloc_1 .titre_lion{
	display: none;	
}
/***********************
	 BLOC #2
 ***********************/
#myevent .container .bloc_2{
	margin-top:35px;
	position: relative; 
	padding-top: 30px;
	padding-bottom: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


/***********************
	 BLOC #2 > SVG
 ***********************/
#myevent .container .bloc_2 #svg {
        width: 450px;
        height: 450px;
        position: relative;
		    -webkit-transition: transform 500ms cubic-bezier(0, 1.8, 1, 1.8);
    -moz-transition: transform 500ms cubic-bezier(0, 1.8, 1, 1.8);
    -ms-transition: transform 500ms cubic-bezier(0, 1.8, 1, 1.8);
    -o-transition: transform 500ms cubic-bezier(0, 1.8, 1, 1.8);
    transition: transform 500ms cubic-bezier(0, 1.8, 1, 1.8);

		float: right;
 }
 
 
@-webkit-keyframes swing {
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
  }

  20% {
    -webkit-transform: rotate3d(0, 0, 1, -6deg);
    transform: rotate3d(0, 0, 1, -6deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, 2.5deg);
    transform: rotate3d(0, 0, 1, 2.5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -2.5deg);
    transform: rotate3d(0, 0, 1, -2.5deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
 }

@keyframes swing {
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
  }

  20% {
    -webkit-transform: rotate3d(0, 0, 1, -6deg);
    transform: rotate3d(0, 0, 1, -6deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, 2.5deg);
    transform: rotate3d(0, 0, 1, 2.5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -2.5deg);
    transform: rotate3d(0, 0, 1, -2.5deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  }

#myevent .container .bloc_2 #svg.swing {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
}

 
 #myevent .container .bloc_2 #svg #roue {
	 cursor: pointer;
}
#myevent .container .bloc_2 #svg .calque{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
} 

#svg.diffuser_position{
         -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg);

 }
#svg.communiquer_position{
         -webkit-transform: rotate(290deg);
    -moz-transform: rotate(290deg);
    -ms-transform: rotate(290deg);
    -o-transform: rotate(290deg);
    transform: rotate(290deg);
 } 
#svg.booster_position{
         -webkit-transform: rotate(250deg);
    -moz-transform: rotate(250deg);
    -ms-transform: rotate(250deg);
    -o-transform: rotate(250deg);
    transform: rotate(250deg);
 }
 #svg.simplifier_position{
         -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg);
 }
 #svg.elaborer_position{
         -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
 }
 #svg.espace_position{
         -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
 }
 #svg.gerer_position{
         -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }
 #svg.reseau_position{
         -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
 }
 #svg.poul_position{
         -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
 }



/**********************************************
	 BLOC #2 > SVG >ICONE
 **********************************************/
   .icone{
	   position: relative;
	   width: 35px;
	   height: 35px;
	       -webkit-transition: transform 500ms linear;
    -moz-transition: transform 500ms linear;
    -ms-transition: transform 500ms linear;
    -o-transition: transform 500ms linear;
    transition: transform 500ms linear;
    cursor: pointer;
			   
   }
   .iconesvg{
	   width: 100%;
	   height: 100%;
	       -webkit-transition: transform 300ms cubic-bezier(0, 1.8, 1, 1.8);;
    -moz-transition: transform 300ms cubic-bezier(0, 1.8, 1, 1.8);;
    -ms-transition: transform 300ms cubic-bezier(0, 1.8, 1, 1.8);;
    -o-transition: transform 300ms cubic-bezier(0, 1.8, 1, 1.8);;
    transition: transform 300ms cubic-bezier(0, 1.8, 1, 1.8);;

   }
   .scale .iconesvg{
   	   transform: scale(2);
         -webkit-transform:  scale(2);
    -moz-transform:  scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
  	}

   .booster{
	    left: 277px;
		top: 12px;
   }  
  .simplifier{
	left: 390px;
	top: 68px;
   }
  .elaborer{
	left: 415px;
    top: 170px;
   }
  .creer{
  	left: 342px;
    top: 266px;
    }
  .gerer{
  	left: 209px;
    top: 280px;
    }
  .reseau{
  	 left: 68px;
    top: 206px;
    }
  .poul{
  	left: -5px;
    top: 35px;
    }
  .liste{
  	left: 13px;
    top: -146px;
    }
  .communiquer{
  	left: 137px;
    top: -271px;
    }
 /*Position */
 #svg.diffuser_position .icone{
	transform: rotate(30deg)  ;
         -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
 #svg.communiquer_position .icone{
	transform: rotate(70deg)  ;
         -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
} 
 #svg.booster_position .icone{
	transform: rotate(110deg)  ;
         -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
}
#svg.simplifier_position .icone{
	transform: rotate(150deg)  ;
         -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
}
#svg.elaborer_position .icone{
	transform: rotate(190deg)  ;
         -webkit-transform: rotate(190deg);
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -o-transform: rotate(190deg);
}
#svg.espace_position .icone{
	transform: rotate(230deg)  ;
         -webkit-transform: rotate(230deg);
    -moz-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    -o-transform: rotate(230deg);
}
#svg.gerer_position .icone{
	transform: rotate(270deg)  ;
         -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
#svg.reseau_position .icone{
	transform: rotate(310deg)  ;
         -webkit-transform: rotate(310deg);
    -moz-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    -o-transform: rotate(310deg);
}
#svg.poul_position .icone{
	transform: rotate(350deg)  ;
         -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    -o-transform: rotate(350deg);
}
/*Scale */
 #svg.diffuser_position .liste .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
 #svg.communiquer_position .communiquer .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
} 
 #svg.booster_position .booster .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.simplifier_position .simplifier .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.elaborer_position .elaborer .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.espace_position .creer .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.gerer_position .gerer .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.reseau_position .reseau .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}
#svg.poul_position .poul .iconesvg{
         -webkit-transform:  scale(2);
    -moz-transform: scale(2);
    -ms-transform:  scale(2);
    -o-transform:  scale(2);
    transform:  scale(2);
}



#myevent .container .bloc_2 .inner{
	position: absolute;
	width: 260px;
	height: 260px;
	top:125px;
	right:95px;
	border-radius: 50%;
}
#myevent .container .bloc_2 .inner .logo_centre{
	width: 150px;
	position: relative;
	top:15px;
	left:40px;
	display: block;
}
#myevent .container .bloc_2 .inner .logo_centre img{
	width: 100%;
}
#myevent .container .bloc_2 .inner .titre{
	position: relative;
	top:30px;
	text-align: center;
}
#myevent .container .bloc_2 .inner .titre .titre_item{
	position: absolute;
	width: 200px;
	display: none;
	color:#FBD763;
	left:30px;
	font-size: 1.1em;
}
#myevent .container .bloc_2 .inner .titre .titre_item .sstitre{
	color:#FFF;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
}
#myevent .container .bloc_2 .inner .titre .titre_item .gras{
	font-style: italic;
	font-weight: bold;
}
#myevent .container .bloc_2 .details{
	right: 490px;
    position: absolute;
        width: 265px;
	text-align: right;
}
#myevent #details .details_item{
	position: absolute;
	top:210px;
	width: 100%;
	opacity: 0;
	color:#FFF;
		    -webkit-transition: all 350ms linear 0ms;
    -moz-transition: all 350ms linear 0ms;
    -ms-transition: all 350ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 350ms linear 0ms;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
#myevent #details .details_item.details_global{
	top:135px;
}


#myevent .container .bloc_2 .details .details_item .titre{
	color:#FBD763;
	font-size: 1.2em;
	padding-right: 2px;
}
#myevent .container .bloc_2 .details .details_item .titre .gras{
	font-style: italic;
	font-weight: bold;
}
#myevent #details .details_item.details_item .texte{
	font-size: 0.9em;
}
#myevent #details .details_item.details_item .texte.uppercase{
	text-transform: uppercase;
	font-weight: bold;
}
#myevent #details .details_item.details_item .texte2{
	font-size: 0.8em;
	padding-top: 10px;
}


#myevent #details .details_item.details_global .titre{
	text-transform: uppercase;
	font-size: 1.1em;
}
#myevent #details .details_item.details_global .texte{
	padding-bottom: 30px;
}


/*Affichage du texte */
#myevent #details.diffuser_position .details_item.details_liste, #myevent #details.communiquer_position .details_item.details_communiquer, #myevent #details.booster_position .details_item.details_booster, #myevent #details.simplifier_position .details_item.details_simplifier, #myevent #details.elaborer_position .details_item.details_elaborer, #myevent #details.espace_position .details_item.details_creer, #myevent #details.gerer_position .details_item.details_gerer, #myevent #details.reseau_position .details_item.details_reseau, #myevent #details.poul_position .details_item.details_poul, #myevent #details.message_global .details_item.details_global{
	opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
/*
 		    -webkit-transition: all 500ms linear 500ms;
    -moz-transition: all 500ms linear 500ms;
    -ms-transition: all 500ms linear 500ms;
    -o-transition: all 500ms linear 500ms;
    transition: all 500ms linear 500ms;
*/
}
 @media only screen and (max-width: 770px) {
	 	#myevent .container .bloc_1{
		 	text-align: center;
	 	}
		
		#myevent .container{
			background-image: none;
		}
		#myevent .container .bloc_1 .titre_lion{
			display: inline-block;	
			margin-top: 40px;
		}
		#myevent .container .bloc_1 img{
			max-width: 80%;
		}
		#myevent .container .bloc_2{
			padding: 0;
			margin: 0 auto;
			width: 80%;
			overflow hidden;
		}
		#myevent .container .bloc_2 #svg {
			display: none;
		}
		#myevent .container .bloc_2 .inner{
			display: none;
		}
		
		#myevent .container .bloc_2 .details {
		    left: 0;
		    position: relative;
		    width: 100%;
		}
		#myevent #details .details_item{
			    position: relative;
		    top: 0px;
		    width: 100%;
		    opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		#myevent #details .details_item.details_global{
			top:0;
		}
		#myevent #details .details_item.details_global .texte{
			padding: 0;
		}
		#myevent #details .details_item.details_item .texte{
			padding-bottom:0px;
		}
		#myevent #details .details_item.details_item .texte2{
			padding-bottom:40px;
		}
		#myevent #details .details_item.details_global .texte{
			padding-bottom: 30px;
		}
		
		#myevent #details .details_item{
			padding-left: 50px;
			text-align: left;
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 40px auto;
		}
		#myevent #details .details_item.details_booster{
			background-image: url(../img/myevent/icones-roue/Boost.svg);
		}
		#myevent #details .details_item.details_simplifier{
			background-image: url(../img/myevent/icones-roue/Manager.svg);
		}
		#myevent #details .details_item.details_elaborer{
			background-image: url(../img/myevent/icones-roue/Review.svg);
		}
		#myevent #details .details_item.details_creer{
			background-image: url(../img/myevent/icones-roue/Space.svg);
		}
		#myevent #details .details_item.details_gerer{
			background-image: url(../img/myevent/icones-roue/Cheklist.svg);
		}
		#myevent #details .details_item.details_reseau{
			background-image: url(../img/myevent/icones-roue/Network.svg);
		}
		#myevent #details .details_item.details_poul{
			background-image: url(../img/myevent/icones-roue/Pulse.svg);
		}
		#myevent #details .details_item.details_liste{
			background-image: url(../img/myevent/icones-roue/Wall.svg);
		}
		#myevent #details .details_item.details_communiquer{
			background-image: url(../img/myevent/icones-roue/Like.svg);
		}
		#myevent #details .details_item.details_global{
			padding-left: 0px;
	}	
}

@media (max-width: 1024px) {
		#myevent .container .bloc_2{
			    overflow: hidden;
		}
}

.texte-center{
	text-align: center;
}
.texte-center a{
	color: #FFF;
	display: inline-block;
	padding-bottom: 2px;
	font-size: 0.8em;
}
.texte-center a:hover{
	border-bottom: 1px solid #FFF;
}