/*****************************************************************************************************************/

					/*Général */

/*****************************************************************************************************************/

body {
	margin: 0;
	padding: 0;
	background-color: rgb(254,43,254);
	font-family: 'Abel', sans-serif;
	font-size: 15px;
	color: #8F8F8F;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
	font-weight: 200;
	color: #222222;
}

p, ol, ul {
	margin: 0px;
	padding: 0px;
}

p, ol {
	line-height: 180%;
}

strong {
}

a {
	color: #C567A9;
	text-decoration: none;
}

/*a {		MODIFS DU au SLIDESHOW accueil
	text-decoration: none;
	border-bottom: 1px solid #bc9d88;
	color: #8f6b51;
}*/

a:hover,
a:focus {
}


/*****************************************************************************************************************/

					/* Header */

/*****************************************************************************************************************/

#header-wrapper {
	overflow: hidden;   /*EFFETS INCONU*/
	height: 110px;
}

#header {
	width: 1050px;    /*taille header (menu+logo)*/
	height: 110px;
	margin: 0 auto;
	padding: 0px 0px;
}

/*****************************************************************************************************************/

					/* Logo dans header */

/*****************************************************************************************************************/

#logo {		/*LOGO TEXTE*/
	float: left;
	width: 250px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	color: white;
	overflow: hidden;
}

#logoimg {	/*LOGO IMAGE*/
	float: left;
	width: 250px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	color: white;
	background: url("logo_blanc_page.jpg") no-repeat center left;
	overflow: hidden;
}

/*****************************************************************************************************************/

					/* Menu1 div qui contient menu*/

/*****************************************************************************************************************/

#menu1 {
	float: right;
	width: 800px; 
	height: 80px;
}
/*
	#FFE1EF : couleur surlignage
	#FF358B ou FE2CFE
*/

/*****************************************************************************************************************/

					/*MENU Principal */

/*****************************************************************************************************************/

#menu{
        width: 100%;
        margin:20 0;           /* centrage onglet*/
        padding: 35px 0 0 0;
        list-style: none;
        background: #FE2CFE;
        background: -moz-linear-gradient(#333, #FE2CFE);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FE2CFE),color-stop(1, #333));
        background: -webkit-linear-gradient(#333, #FE2CFE);
        background: -o-linear-gradient(#333, #FE2CFE);
        background: -ms-linear-gradient(#333, #FE2CFE);
        background: linear-gradient(#333, #FE2CFE);
        -moz-border-radius: 50px;
        border-radius: 50px;      /*Arondi menu */
        /*-moz-box-shadow: 0 2px 1px #9c9c9c;   OMbrage contour 
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
	line-height: 0;
}

#menu a{
	float: left;
        height: 25px;               /*hauteur contour*/
        padding: 0 20px;
        color: white;		    /*couleur texte*/
        text-transform: uppercase;
	font-weight: 300;
        font-size: 16px;	     /* Taille texte menu*/
	font-family: 'Oswald', sans-serif;
        text-decoration: none;
	text-shadow: 0px 0px 2px rgb(255,255,255);
}

#menu li:hover > a{
        color: #111;
}

*html #menu li a:hover{ /* IE6 */
        color: #111;
}

#menu li:hover > ul{
        display: block;
}

/****************************************************************************************************************/

					/* MENU Sous-menu */

/****************************************************************************************************************/

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #FE2CFE;
    background: -moz-linear-gradient(#FE2CFE, #888);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FE2CFE),color-stop(1, #888));
    background: -webkit-linear-gradient(#FE2CFE, #888);
    background: -o-linear-gradient(#FE2CFE, #888);
    background: -ms-linear-gradient(#FE2CFE, #888);
    background: linear-gradient(#FE2CFE, #888);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
	padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    	line-height: 1;
    	display: block;
    	white-space: nowrap;
    	float: none;
	text-transform: none;
	text-shadow: 0px 0px 0px rgb(255,255,255);
}

*html #menu ul a{ /* IE6 */
        height: 10px;
}

*:first-child+html #menu ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}

#menu ul a:hover{
        background: #FFE1EF;
        /*background: -moz-linear-gradient(#F5F5F5,  #FFE1EF);
        background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFE1EF));
        background: -webkit-linear-gradient(#F5F5F5,  #FFE1EF);
        background: -o-linear-gradient(#F5F5F5,  #FFE1EF);
        background: -ms-linear-gradient(#F5F5F5,  #FFE1EF);
        background: linear-gradient(#F5F5F5,  #FFE1EF);*/
}

#menu ul li:first-child > a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after{        /*Petit triangle sur onglet menu*/
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after{    /*Petit triangle sur onglet menu*/
    border-bottom-color: #FFE1EF;

}

#menu ul ul li:first-child a:hover:after /*triangle deuxième niveaux*/
{
    border-right-color: #FFE1EF; 
    border-bottom-color: transparent; 	
}

#menu ul li:last-child > a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/*****************************************************************************************************************/

					/*MENU Rétablissement du flottement */

/*****************************************************************************************************************/

#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/*****************************************************************************************************************/

					/* Banner Style */

/*****************************************************************************************************************/

#banner {
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
}

#banner_presse {
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
}

#banner_photo{		/*Pour effets zoom page photo_vidéo*/
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
}

#banner_photo_slide{ 	/*Pour slide page photo_video*/
	overflow: hidden;
	width: 1000px;
	height: 198px;
	margin: 0px auto;
}

#banner_photo2{
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
}

#banner_presta{		/*Pour effets zoom page prestations*/
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
}

/****************************************************************************************************************/

					/*Slideshow page photos_video*/

/*****************************************************************************************************************/

#banner_photo_slide img{
	width:250px !important;
	height:auto !important;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}


#banner_photo_slide ul{
	display: table;
	width:2500px;   /* Nombre total li ici 10 de 250px */
	padding-left:35%;
	-webkit-animation: slideAnim 20s ease 0s infinite;
	-moz-animation: slideAnim 20s ease 0s infinite;
	-ms-animation: slideAnim 20s ease 0s infinite;
	-o-animation: slideAnim 20s ease 0s infinite;
	animation: slideAnim 20s ease 0s infinite;
}

#banner_photo_slide ul li{
	display: table-cell;
	width:250px;
	/*height:300px;*/
	list-style:none;
}

@-webkit-keyframes slideAnim{
	from,4%,to {margin-left:-250px;}     /*Pensez a changer nombre si changement d'image*/
	14%,23%{margin-left:-500px;}
	26%,36%{margin-left:-750px;}
	39%,49%{margin-left:-1000px;}
	52%,62%{margin-left:-1250px;}
	65%,76%{margin-left:-1500px;}
	79%,91%{margin-left:-1750px;}
	99.99%{margin-left:-2000px;}
}
@-moz-keyframes slideAnim{
	from,4%,to {margin-left:-250px;}
	14%,23%{margin-left:-500px;}
	26%,36%{margin-left:-750px;}
	39%,49%{margin-left:-1000px;}
	52%,62%{margin-left:-1250px;}
	65%,76%{margin-left:-1500px;}
	79%,91%{margin-left:-1750px;}
	99.99%{margin-left:-2000px;}
}
@-ms-keyframes slideAnim{
	from,4%,to {margin-left:-250px;}
	14%,23%{margin-left:-500px;}
	26%,36%{margin-left:-750px;}
	39%,49%{margin-left:-1000px;}
	52%,62%{margin-left:-1250px;}
	65%,76%{margin-left:-1500px;}
	79%,91%{margin-left:-1750px;}
	99.99%{margin-left:-2000px;}
}
@-o-keyframes slideAnim{
	from,4%,to {margin-left:-250px;}
	14%,23%{margin-left:-500px;}
	26%,36%{margin-left:-750px;}
	39%,49%{margin-left:-1000px;}
	52%,62%{margin-left:-1250px;}
	65%,76%{margin-left:-1500px;}
	79%,91%{margin-left:-1750px;}
	99.99%{margin-left:-2000px;}
}
@keyframes slideAnim{
	from,4%,to {margin-left:-250px;}
	14%,23%{margin-left:-500px;}
	26%,36%{margin-left:-750px;}
	39%,49%{margin-left:-1000px;}
	52%,62%{margin-left:-1250px;}
	65%,76%{margin-left:-1500px;}
	79%,91%{margin-left:-1750px;}
	99.99%{margin-left:-2000px;}
}

/****************************************************************************************************************/

					/* 3 Colonne Footer Content */

/****************************************************************************************************************/

#footer-content {
	overflow: hidden;
	width: 1000px;
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	color: #717171;
}

#footer-content a {
}

#footer-content h2 {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	letter-spacing: -1px;
	font-size: 26px;
	color: #B5B5B5;
}

#footer-content h2 span {
	color: #303030;
}


#footer-content #fbox1 {
	float: left;
	width: 320px;
	margin-right: 20px;
}

#footer-content #fbox2 {
	float: left;
	width: 320px;
}

#footer-content #fbox3 {
	float: right;
	width: 320px;
}

/*****************************************************************************************************************/

					/*Footer*/

/*****************************************************************************************************************/

#footer{
	color: White;
}

#footer-wrapper {
	background: white;

}

/*****************************************************************************************************************/

					/*Effets zoom page presse*/

/*****************************************************************************************************************/

#banner_presse ul{
	width:1000px;/*302*/
	height:500px;
	margin:20px auto; /*Espacement avec bloc précédent*/
}

#banner_presse ul li{        /*espace entre module du bloc*/
	list-style:none;
	float:left;
	width:500px;/*680 gauche-droite*/
	height:99px;/*haut-bas*/
	margin:20px auto;
}

#banner_presse ul li:nth-child(8){
	clear:left;
}

#footer-wrapper #banner_presse img:hover{     /*transformation x150% */
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

#footer-wrapper #banner_presse img{     /*effets pregressif*/
	-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	transition: all .5s cubic-bezier( .6, 2, .4, 1);
	box-shadow:0 0 10px black;
	position:absolute;
	z-index:1;
	height:99px !important;width:auto !important;
	margin:0;
}

/****************************************************************************************************************/

					/*Effets zoom page photo_video*/

/****************************************************************************************************************/

#banner_photo ul{
	width:1000px;/*302*/
	height:500px;
	margin:20px auto; /*Espacement avec bloc précédent*/
}

#banner_photo ul li{        /*espace entre module du bloc*/
	list-style:none;
	float:left;
	width:500px;/*141 gauche-droite*/
	height:214px;/*150 haut-bas*/
	margin:20px auto;
}

#banner_photo ul li:nth-child(3){
	clear:left;
}

#banner_photo ul li img{    /*effets pregressif*/
	position:absolute;
	z-index:1;
	height:214px !important;width:auto !important;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
	-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
	-o-transition:all .5s cubic-bezier(.6,2,.4,1);
	transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-border-radius: 10px;
        border-radius: 10px;
}

#banner_photo ul li img:hover{     /*transformation x140% */
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	box-shadow:0 0 10px black;
	-moz-border-radius: 50px;
        border-radius: 50px; 
}

/****************************************************************************************************************/

					/*Effets zoom page prestation*/

/****************************************************************************************************************/

#banner_presta ul{
	width:1000px;/*largeur DIV*/
	height:500px;
	margin:20px auto; /*Espacement avec bloc précédent*/
}

#banner_presta ul li{        /*espace entre module du bloc*/
	list-style:none;
	float:left;
	width:250px;  /*OK espace gauche-droite entre 2 section*/
	height:162px;/*OK espace entre haut-bas(hauteur image)*/
	margin:20px auto;
}

#banner_presta ul li:nth-child(9){
	clear:left;
}

#banner_presta ul li img{    /*effets pregressif*/
	position:absolute;
	z-index:1;
	height:162px !important;width:auto !important;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
	-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
	-o-transition:all .5s cubic-bezier(.6,2,.4,1);
	transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-border-radius: 10px;
        border-radius: 10px;
}

#banner_presta ul li img:hover{     /*transformation x140% */
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	box-shadow:0 0 10px black;
	-moz-border-radius: 50px;
        border-radius: 50px; 
}


/*****************************************************************************************************************/

					/*Effets zoom page fille photos_*/

/*****************************************************************************************************************/


#banner_photo2 ul li p{          /*Police description*/
	margin-top:87px;
	margin-left:-40px;
	font-size:16px;
	text-align: center;
	text-transform: uppercase;
	color:rgb(254,43,254);
	text-shadow:1px 1px 5px rgb(0,0,0);
}


#banner_photo2 ul{
	width:1000px;/*302*/
	height:auto;
	margin-top:10px; / OK *Espacement avec bloc précédent*/
	margin-right:10px;
	margin-bottom:25px;
	margin-left:10px;
	
}

#banner_photo2 ul li{        /*espace entre module du bloc*/
	list-style:none;
	float:left;
	width:180px;/*OK gauche-droite*/
	height:95px;/*OK haut-bas*/
	margin:10px;
}

#banner_photo2 ul li:nth-child(65){ /*OK réglage nombre de photos */
	clear:left;
}

#banner_photo2 ul li img{    /*effets pregressif*/
	position:absolute;
	z-index:1;
	height:90px !important;width:auto !important;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
	-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
	-o-transition:all .5s cubic-bezier(.6,2,.4,1);
	transition:all .5s cubic-bezier(.6,2,.4,1);
	-moz-border-radius: 50px;
        border-radius: 50px;
}

#banner_photo2 ul li img:hover{     /*transformation x190% */
	-webkit-transform: scale(1.9);
	-moz-transform: scale(1.9);
	-ms-transform: scale(1.9);
	-o-transform: scale(1.9);
	transform: scale(1.9);
	box-shadow:0 0 10px black;
	-moz-border-radius: 5px;
        border-radius: 5px;
}

/*****************************************************************************************************************/

					/*SLIDESHOW*/

/*****************************************************************************************************************/

figure { 
	display: inline-block; 
}

#slideshow {
	position: relative;
	width: 740px;             /*840 640*/
	height: 357px;            /*406 310*/
	padding: 15px;
	border: 1px solid #ddd;
	margin: 0 auto 2em;
	background: #FFF;
	background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}

/* avanced box-shadow : http://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow */
#slideshow:before,
#slideshow:after {
	position: absolute;
	display:block;
	bottom:16px;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	
	z-index: -10;
}
#slideshow:before {
	left:0;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
}
#slideshow .commands {
	position: absolute;
	top: 45%;
	padding: 5px 13px;
	border-bottom:0;
	font-family: 'Amaranth', Arial, Verdana, sans-serif;
	font-size: 1.3em;
	color: #aaa;
	text-decoration:none;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#fff,#ddd);
	background-image: -moz-linear-gradient(#fff,#ddd);
	background-image: -ms-linear-gradient(#fff,#ddd);
	background-image: -o-linear-gradient(#fff,#ddd);
	background-image: linear-gradient(#fff,#ddd);
	text-shadow: 0 0 1px #aaa;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#slideshow .commands:after {
	position: absolute;
	bottom: 65px; left:-18px;
	content: attr(title);
	width: 50px;
	padding: 12px;
	background: #fff;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	text-align:center;
	text-shadow: 0 0 0;
	opacity: 0;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:before {
	position: absolute;
	bottom: 55px; left: 13px;
	content: " ";
	width: 1px; height: 1px;
	border-top: 10px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	z-index:100;
	opacity: 0;
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:hover:before {
	bottom: 35px;
	opacity: 1;
}
#slideshow .commands:hover:after {
	bottom: 45px;
	opacity: 1;
}
#slideshow .commands:focus { 
	outline: 0;
	-webkit-transform: translate(1px, 2px);
	-moz-transform: translate(1px, 2px);
	-ms-transform: translate(1px, 2px);
	-o-transform: translate(1px, 2px);
	transform: translate(1px, 2px);
}
#slideshow .commands:active {
	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-ms-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);
}
#slideshow .prev {
	left: -48px;
}
#slideshow .next {
	right: -48px;
}
#slideshow .prev,
#slideshow .next {
	display:none;
}
#slideshow .prev,
#slideshow .next {
	display:none;
}
#slideshow .commands1 {
	display: block;
}

				/* play/pause commands */
.play_commands {
	position: absolute;
	width: 22px; height: 22px;
	top: 25px; right: 25px;
	z-index: 10;
	text-indent: -9999px;
	border:0 none;
	opacity: 0;

	-webkit-transition: opacity 1s, right 1s;
	-moz-transition: opacity 1s, right 1s;
	transition: opacity 1s, right 1s;
}
.play { right: 55px; cursor: default; }

.pause:hover { border:0 none; }
.play_commands:focus { outline:0; }

#slideshow:hover .pause,
#sl_play:target ~ #slideshow:hover .pause,
.play_commands:focus {
	opacity: 1;
}
.sl_command:target ~ #slideshow:hover .pause,
#sl_pause:target ~ #slideshow:hover .pause {
	opacity: 0;
}
.pause:after,
.pause:before {
	position: absolute;
	display: block;
	content: " ";
	top:0;
	width:38%;
	height: 22px;
	background: #fff;
	background: rgba(255,255,255,0.5);
}
.pause:after {
	right:0;
}
.pause:before {
	left:0;
}
.play {
	width: 1px; 
	height: 1px; 
	border-top: 10px solid transparent; 
	border-left: 20px solid #fff; 
	border-left: 20px solid rgba(255,255,255,0.5); 
	border-bottom: 10px solid transparent;
	opacity: 0;
}
.play:hover,
.play:focus {
	border-bottom: 10px solid transparent;
}

#slideshow .container {
	position:relative;
	width: 740px;          /* 840 640    */
	height: 357px;         /*406 310*/
	overflow: hidden;
}
					/* timeline base */
#slideshow .container:after {
	position:absolute;
	bottom: 0; left:0;
	content: " ";
	background: #999;
	width: 100%;
	height: 1px;
}

@-webkit-keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%	{ left: -100% }
	50%, 70%	{ left: -200% }
	75%, 95%	{ left: -300% }
}
@-moz-keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%	{ left: -100% }
	50%, 70%	{ left: -200% }
	75%, 95%	{ left: -300% }
}
@keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%	{ left: -100% }
	50%, 70%	{ left: -200% }
	75%, 95%	{ left: -300% }
}

#slideshow .slider {
	position: absolute;
	left:0; top:0;
	width: 400%;
	height: 357px;                             /*406 310*/
	
	-webkit-animation: slider 32s infinite;
	-moz-animation: slider 32s infinite;
	animation: slider 32s infinite;
}
.sl_i:target ~ #slideshow .slider {
	-webkit-transition: left 1s;
	-moz-transition: left 1s;
	transition: left 1s;
}
.sl_command:target ~ #slideshow .slider {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
#slideshow .c_slider {    			/*images*/
	position: absolute;
	left:0; top:0;
	width: 400%;
	height: 357px;                    /* 406 310 */
	background: url(../images/news_accueil/01.jpg) 0 0 no-repeat, url(../images/news_accueil/04.jpg) 740px 0 no-repeat, url(../images/news_accueil/02.jpg) 1480px 0 no-repeat, url(../images/news_accueil/04.jpg) 2220px 0 no-repeat;
}
.sl_i:target ~ #slideshow .c_slider {
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	transition: background 1s;
}

#slideshow figure {
	position:relative;
	padding:0; margin:0;
}

@-webkit-keyframes figurer {
	0%, 25%, 50%, 75%, 100%				{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@-moz-keyframes figurer {
	0%, 25%, 50%, 75%, 100%				{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@keyframes figurer {
	0%, 25%, 50%, 75%, 100%				{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}

#slideshow figure:after {
	position: absolute;
	display:block;
	content: " ";
	top:0; left:0;
	width: 100%; height: 100%;
	-webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	-moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	
	-webkit-animation: figurer 32s infinite;
	-moz-animation: figurer 32s infinite;
	animation: figurer 32s infinite;
}

@-webkit-keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%				{ bottom: -55px;}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;	}
}
@-moz-keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%				{ bottom: -55px;}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;	}
}
@keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%				{ bottom: -55px;}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;	}
}

#slideshow figcaption {
	position:absolute;
	padding: 10px 10px; margin:0;
	left:0; right:0; bottom: 5px;
	text-align:center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #000;
	background: rgba(255,255,255,0.7);
	border-top: 1px solid rgb(225,225,225);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	
	-webkit-animation: figcaptionner 32s infinite;
	-moz-animation: figcaptionner 32s infinite;
	animation: figcaptionner 32s infinite;
}

@-webkit-keyframes timeliner {
	0%, 25%, 50%, 75%, 100%		{ width: 0;	}
	20%, 45%, 70%, 90%		{ width: 740px;	}     /*840 640*/
}
@-moz-keyframes timeliner {
	0%, 25%, 50%, 75%, 100%		{ width: 0;	}
	20%, 45%, 70%, 90%		{ width: 740px;	}     /*840 640*/
}
@keyframes timeliner {
	0%, 25%, 50%, 75%, 100%		{ width: 0;	}
	20%, 45%, 70%, 90%		{ width: 740px;	}     /*840 640*/
}

#timeline {
	position: absolute;
	background: #999;
	bottom: 15px;
	left: 15px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner 32s infinite;
	-moz-animation: timeliner 32s infinite;
	animation: timeliner 32s infinite;
}

					/* dots styles */
.dots_commands  {
	position: relative;
	top: 32px;
	padding:0; margin:0;
	text-align:center;
}
.dots_commands li {
	display:inline;
	padding:0; margin:0;
	list-style:none;
}
.dots_commands a {
	position: relative;
	display:inline-block;
	height:8px; width: 8px;
	margin: 0 5px;
	text-indent: -9999px;
	background: #fff;
	border-bottom:0;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	
	z-index:25;
}
.dots_commands li + li a {
	z-index:10;
}
@-moz-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 	}
	
	20%		{ opacity: 1; left: 0;	}
	22%		{ opacity: 0; left: 0;	}
	23%		{ opacity: 0; left: 18px;}
	25%		{ opacity: 1; left: 18px;}
	
	45%		{ opacity: 1; left: 18px;}
	47%		{ opacity: 0; left: 18px;}
	48%		{ opacity: 0; left: 36px;}
	50%		{ opacity: 1; left: 36px;}
	
	70%		{ opacity: 1; left: 36px;}
	72%		{ opacity: 0; left: 36px;}
	73%		{ opacity: 0; left: 54px;}
	75%		{ opacity: 1; left: 54px;}
	
	95%		{ opacity: 1; left: 54px;}
	97%		{ opacity: 0; left: 54px;}
	98%		{ opacity: 0; left: 0;	}
}
@-webkit-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 	}
	
	20%		{ opacity: 1; left: 0;	}
	22%		{ opacity: 0; left: 0;	}
	23%		{ opacity: 0; left: 18px;}
	25%		{ opacity: 1; left: 18px;}
	
	45%		{ opacity: 1; left: 18px;}
	47%		{ opacity: 0; left: 18px;}
	48%		{ opacity: 0; left: 36px;}
	50%		{ opacity: 1; left: 36px;}
	
	70%		{ opacity: 1; left: 36px;}
	72%			{ opacity: 0; left: 36px;}
	73%		{ opacity: 0; left: 54px;}
	75%		{ opacity: 1; left: 54px;}
	
	95%		{ opacity: 1; left: 54px;}
	97%		{ opacity: 0; left: 54px;}
	98%		{ opacity: 0; left: 0;	}
}
@keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 	}
	
	20%		{ opacity: 1; left: 0;	}
	22%		{ opacity: 0; left: 0;	}
	23%		{ opacity: 0; left: 18px;}
	25%		{ opacity: 1; left: 18px;}
	
	45%		{ opacity: 1; left: 18px;}
	47%		{ opacity: 0; left: 18px;}
	48%		{ opacity: 0; left: 36px;}
	50%		{ opacity: 1; left: 36px;}
	
	70%		{ opacity: 1; left: 36px;}
	72%		{ opacity: 0; left: 36px;}
	73%		{ opacity: 0; left: 54px;}
	75%		{ opacity: 1; left: 54px;}
	
	95%		{ opacity: 1; left: 54px;}
	97%		{ opacity: 0; left: 54px;}
	98%		{ opacity: 0; left: 0;	}
}
.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
	position: absolute;
	top: 0; left: 0;
	content: " ";
	width: 8px; height: 8px;
	background: #bd9b83;
	z-index:20;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
.dots_commands li:first-child a:after {
	-webkit-animation: dotser 32s infinite; /* webkit can't animate pseudo-element =_= :L: */
	-moz-animation: dotser 32s infinite; /* thanks moz ! :D */
	animation: dotser 32s infinite;
}
.dots_commands li:first-child a:before {
	display:none;
}

				/* actions when target ! */
.sl_command { display: none; }

.sl_command:target ~ #slideshow .slider,
.sl_command:target ~ #slideshow figure:after,
.sl_command:target ~ #slideshow figcaption,
.sl_command:target ~ #slideshow #timeline,
.sl_command:target ~ #slideshow .dots_commands li:first-child a:after {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}

#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow figure:after,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:after {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running;
}

.sl_command:target ~ #slideshow .pause 	{ opacity:0; }
.sl_command:target ~ #slideshow .play 	{ opacity:1; right: 25px; cursor: pointer; }
#sl_play:target ~ #slideshow .pause 	{ opacity:0; }
#sl_play:target ~ #slideshow .play 	{ opacity:0; right: 55px; cursor: default;}

.sl_i:target ~ #slideshow .slider					{ visibility: hidden }
.sl_i:target ~ #slideshow .slider figcaption				{ visibility: hidden }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:after		{ display:none; }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:before	{ display:block; }}

#sl_i1:target ~ #slideshow .commands					{ display: none; }
#sl_i1:target ~ #slideshow .commands1					{ display: block; }
#sl_i1:target ~ #slideshow .c_slider					{ background-position: 0 0, 740px 0, 1480px 0, 2220px 0; } /* 0 640 1280 1920*/
#sl_i1:target ~ #slideshow .dots_commands li:first-child a:before	{ left:0; }

#sl_i2:target ~ #slideshow .commands					{ display: none; }
#sl_i2:target ~ #slideshow .commands2					{ display: block; }
#sl_i2:target ~ #slideshow .c_slider					{ background-position: -740px 0, 0 0, 740px 0, 1480px 0; } /*-640 0 640 1280*/
#sl_i2:target ~ #slideshow .dots_commands li:first-child a:before	{ left:18px; }

#sl_i3:target ~ #slideshow .commands					{ display: none; }
#sl_i3:target ~ #slideshow .commands3					{ display: block; }
#sl_i3:target ~ #slideshow .c_slider					{ background-position: -1480px 0, -740px 0, 0 0, 740px 0; }  /*-1280 -640 0 640 */
#sl_i3:target ~ #slideshow .dots_commands li:first-child a:before	{ left:36px; }

#sl_i4:target ~ #slideshow .commands					{ display: none; }
#sl_i4:target ~ #slideshow .commands4					{ display: block; }
#sl_i4:target ~ #slideshow .c_slider					{ background-position: -2220px 0, -1480px 0, -740px 0, 0 0; } /* -1920 -1280 -640 0*/
#sl_i4:target ~ #slideshow .dots_commands li:first-child a:before	{ left:54px; }

/**************************************************************************************************/

			/*Mise en page + effets des vidéos page VIDEOS.html*/

/**************************************************************************************************/




/*Positionnements des images à compléter si plus d'images*/

div#image-1 { left: 0; }
div#image-2 { left: 290px; }
div#image-3 { left: 580px; }


/**************************************************************************************************/

				/*PAGE CONTACT*/

/**************************************************************************************************/

#contak {
	text-decoration:none;
	border:6px solid rgb(254,43,254);
	box-shadow : 0 0 12px white;
	border-radius: 40px;
	padding:30px;
	background-color:black;
	margin-top:460px;
	margin-left: 54%;

	position:absolute;
	overflow:hidden;
	-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .5s cubic-bezier( .6, 2, .4, 1);
	transition: all .5s cubic-bezier( .6, 2, .4, 1);

}

#contak p{
	color:white;
	font-weight:bold;
	font-family: abel, sans-serif;
	text-size:30px;
}

#contak:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}