/*
 Theme Name:   Twenty Sixteen Child
 Description:  Twenty Sixteen Child Theme
 Author:       Rebk
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
	
*/


.site-inner {max-width:2000px;}
.site{margin:0;}
.entry-content{margin-right:0 !important; margin-left:0 !important;}
@media screen and (min-width: 56.875em) {
	.site-header{padding: 0 4.5455% ;}
 .site-content{padding:0;}
 
 h1{font-size:40px;
 line-height:0.8em;
 }

}

 h1 .soustitre1{font-size:60%;}
 h2 .soustitre1{font-size:60%;}
 .paragraphe{font-size:16px; font-weight:700;  line-height: 23px !important;}
body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 0px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}
header.shrink{
position:fixed;
width: 100%;
background: #fff;
z-index: 9999;
}
header.shrink .site-branding, header.shrink .site-header-menu, header.shrink .header-image {
    margin-top: 0;
    margin-bottom: 0;
}
header .custom-logo,
.custom-logo,
header.shrink .custom-logo {
    max-width: 220px !important;
}

input[type="text"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{margin:10px 0;}

.widget {
  border-top: 0px;
}
@media screen and (min-width: 56.875em) {
 .no-sidebar .entry-content{margin-right:0 !important; margin-left:0 !important;}
}

/*******************footer*****************/

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ca-menu{
    padding: 0px 0 0 30px;
    margin: 0 auto;
	float:left;
}
.ca-menu li{
    width: 302px;
    height: 50px;
    float:left;
    background: #fff;
    /*-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);*/
    margin-bottom: 4px;
    border-left: 2px solid #8f7870;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li:hover{
    border-color: #4f3b33;
   
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #8f7870;
    position:relative;
}
.testpolice{
    font-family: 'WebSymbolsRegular', cursive;}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
	
    line-height: 47px;
    position: absolute;
    width: 50px;
	height:50px;
    left: 0px;
	padding:0 10px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover .ca-icon{
    color: #4f3b33;

    font-size: 30px;
}
.ca-content{
    position: absolute;
	padding-left:10px;
	border-left: 2px solid #8f7870;
    left: 70px;
    width: 220px;
	height:38px;
    
	background: #fff;
  padding-top:12px;
}
.ca-menu li:hover .ca-content{
    background: #8f7870;
	border-left: 2px solid #4f3b33;
}

.ca-main{
    font-size: 17px;
	padding-top:5px;
	line-height:1px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover .ca-main{
    color: #f1e8e5;
    font-size: 13px;
}
.ca-sub{
    font-size: 10px;
	line-height:10px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.ca-menu li:hover .ca-sub{
    color: #fff;
    font-size: 15px;
}
footer.main_footer .row {
    /*padding: 20px 0px !important;*/
	padding:0 0;
}

#breadcrumbs{background:#d2c1bc;color:#fff; padding:0px 30px; margin:0 0 !important; text-align:right;}
.accelis h1{
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
font-size:20px;

}
.accelis h1 span{
font-size:14px;
}

.accelis h2{


letter-spacing:2px;
font-size:17px;
}


/*************book**********/

/* grille book style*/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */


@media only screen and (min-width: 1260px) {
#book1{ width:100%; padding-top:120px;padding-bottom:180px;background: #5fb0df url(images/images_rebk/portfolio-fond-book-1.jpg) center center repeat-x;}
#book2{width:100%; background: #5fb0df url(images/images_rebk/portfolio-fond-book-2.jpg)  center center repeat;}
}

@media only screen and (min-width: 915px) and (max-width: 1259px){
#book1{ width:100%; padding-top:120px;padding-bottom:180px;background: #5fb0df url(images/images_rebk/portfolio-fond-medium.jpg) center center repeat-x;}
#book2{width:100%; background: #5fb0df url(images/images_rebk/portfolio-fond-book-2.jpg)  center center repeat;}
}

@media only screen and (min-width: 740px) and (max-width: 914px) {
#book1{ width:100%; padding-top:120px;padding-bottom:180px;background: #5fb0df url(images/images_rebk/portfolio-fond-small.jpg) center center repeat-x;}
#book2{width:100%; background: #5fb0df url(images/images_rebk/portfolio-fond-book-2.jpg)  center center repeat;}
}
@media only screen and (min-width: 623px) and (max-width: 739px) {
#book1{ width:100%; padding-top:160px;padding-bottom:200px;background: #5fb0df url(images/images_rebk/portfolio-fond-small.jpg) center center repeat-x;}
#book2{width:100%; background: #5fb0df url(images/images_rebk/portfolio-fond-book-2.jpg)  center center repeat;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 622px) {
#book1{ width:100%; padding-top:120px;padding-bottom:180px;background: #5fb0df url(images/images_rebk/portfolio-fond-xsmall.jpg) center center repeat-y;}
#book2{width:100%; background: #5fb0df url(images/images_rebk/portfolio-fond-xsmall.jpg)  center center repeat-y;}
}







.book2{padding:0px 0 100px;}
.portfolio-titre1{ width:100%;  padding:0px 0; /*background: #5fb0df url(images/images_rebk/portfolio-graphiste-titre.jpg)  center bottom repeat-x;*/}
.portfolio-titre2{ width:100%; padding:0px 0;/*background: #5fb0df url(images/images_rebk/portfolio-graphiste-titre.jpg)  center center repeat-x;*/}

.portfolio-titre1 h1,
.portfolio-titre2 h1{color:#fff !important;margin-bottom:0;}
.portfolio-titre1 p,
.portfolio-titre2 p{color:#fff !important; margin:0 0 20px;}

.book1 .da-thumbs li a {background:#ff4e50; height:130px;}
.book1 .da-thumbs li a .type{display:bolck;background:#ff4e50;height:130px; width:220px;}
.book1 .da-thumbs li a b {font-size:50px;}
.book1 .da-thumbs li a span {border:0px;}

.da-thumbs {
	list-style: none;
	width: 100%;
	
	padding:0 ;
	
	position: relative;
	margin: auto auto;
	
}
/* .thumbs1{height: 560px !important;}
 */
.da-thumbs li {
	/*float: left;*/
	display:inline-block;
	margin: 5px;
	background: #000;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
width:220px;
background:#ccc;
	display: block;
	position: relative;
}
.da-thumbs li a {
height:165px;
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: rgba(0,0,0,0.8);
	width: 101%;
	height: 101%;
}
.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 20px 20px 20px 20px;

	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -2px 0 rgba(255,255,255,0.3);
}


/******************** détail page book ****************************/



.client h2{ color:#fff; text-align:center; padding: 15px 0 0;}
.client h2 span{ font-weight:600;}
.client p{ color:#fff; text-align:center; margin-top:-8px}

.nav-portfolio{background:#000; padding:20px 3% 5px; font-size: 18px; min-height:60px;}
.nav-portfolio p{max-width:800px; letter-spacing:0px; margin: 0 auto;}
.nav-portfolio .soustitre{margin-bottom:20px !important;}
.client-precedent{display:inline-block; text-align:left; padding:3px 10px 5px 0px; }
.client-suivant{display:inline-block; float:right;text-align:right; padding:3px 0px 5px 10px;}
.nav-titre{padding:20px 0 10px;margin:0 auto;text-align:center;}

.client-precedent ,
.client-suivant {
margin-top:13px;
background:#000;
color:#fff;
font-size:15px; 
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	
	
/*text-transform:uppercase;*/}


.client-precedent span{
width:20px; height:10px; display:inline-block;
background: url(images/images_rebk/gflech.png) center center no-repeat;}

.client-suivant span{
width:20px; height:10px; display:inline-block;
background: url(images/images_rebk/dflech.png) center center no-repeat;
}

.client-precedent:hover ,
.client-suivant:hover {
background:#ff4e50;
color:#fff;

}

.retour{text-align:center; padding:15px 0 30px;}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 479px) {
.retour-portfolio{
display:inline-block;
margin-right:20px;
}
}

.retour-portfolio{
padding:5px 10px 5px;
background:#000;
color:#fff;
font-size:15px; 
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	
	
/*text-transform:uppercase;*/}
.retour-portfolio:hover {
background:#ff4e50;
color:#fff;

}

.description-book p,
.description-book2 p{font-size:15px; line-height:16px;}
.description-book h2,
.description-book2 h2{line-height: 25px !important;}

/*************** sites web v.2016 ***************/

.animations2016,
.animations2016 p{ color:#fff !important;}
.sitesweb{ color:#000 !important;}

.animations2016 .description-book,
.sitesweb .description-book {width:22%; margin-bottom:15px;}


.sitesweb .description-book h2,
.sitesweb .description-book2 h2{line-height: 15px !important;margin-bottom:10px; display: inline-block;}
.sitesweb .description-book h2 span,
.sitesweb .description-book2 h2 span{display:block; margin-bottom:10px:}



.sitesweb .slide_inside_xlarge .da-video, 
.sitesweb .slide_inside_xlarge .da-video2,
.sitesweb .slide_inside_xlarge .da-video3,  
.sitesweb .slide_inside_xlarge .da-img {width:72%; display:inline-block; margin: 0 3% 0 0;}

.animations2016 h2
.sitesweb h2{margin-bottom:0; font-weight:bold;}


.divmission{
	background:rgba(255,255,255,0.4);
box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
padding:5px 15px; 
margin:10px 0 20px;
}
.animations2016 .divmission{
	color:#fff;
	background:rgba(255,255,255,0.2);
box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
padding:5px 15px; 
margin:10px 0 20px;
}
.divmission ul {list-style: square inside !important;}

.mission {margin:0px 0 10px;}

.client{/* margin-bottom:0; font-size:10px; letter-spacing:2px; */}
.blanc-noir{ background:#000; color: #fff; border: 1px solid #000; padding:5px 10px; font-size:15px;}
.blanc-noir:hover{background:#fff; color: #000; border: 1px solid #000;}
.jaune-noir{ background:#ffbe32; color: #000; border: 1px solid #000; padding:5px 10px; font-size:15px;}
.jaune-noir:hover{background:#000; color: #ffbe32; border: 1px solid #000;}
.white-slide{background:#fff; padding: 40px 0;}
.happy-slide{background:#ffbe32; padding: 40px 0;}
.eyt-slide{background:#eee; padding: 40px 0;}
.serval-slide{background:#666; color: #fff; padding: 40px 0;}
.harmony-slide p,
.harmony-slide h2,
.serval-slide p,
.serval-slide h2{color: #fff;}
.harmony-slide{background:#79c0b2; color: #fff; padding: 40px 0;}
.immo-slide{background:#4dc7ec;  padding: 40px 0;}

/*************** fin sites responsives ***************/


@media only screen and (min-width: 768px) {
	.slide_inside_xlarge{width:100%; margin:0 auto; text-align:center;}
		.animations2016 .description-book,
.sitesweb .description-book,
	.description-book{float:left; width:12%; margin:0 0;text-align:left; margin-left:3%;}
	.description-book2{float:right; width:12%; margin:0 0;text-align:right;  margin-right:3%;}
	.slide_inside_xlarge .da-img {width:70%; margin:0 auto;}
	.slide_inside_xlarge .da-img img{width:auto; max-width:100%;}

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 959px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.slide_inside_xlarge{width:100%; margin:0 auto; text-align:center;}
		.animations2016 .description-book,
.sitesweb .description-book,
	.description-book{width:70%; margin:0 auto;text-align:center; }
	.description-book2{ width:70%; margin:0 auto;text-align:center; }
	.slide_inside_xlarge .da-img {width:80%; margin:0 auto;}
	.slide_inside_xlarge .da-img img{width:auto; max-width:100%;}

  
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.slide_inside_xlarge{width:100%; margin:0 auto; text-align:center;}
		.animations2016 .description-book,
.sitesweb .description-book,
	.description-book{width:70%; margin:0 auto;text-align:center; }
	.description-book2{ width:70%; margin:0 auto;text-align:center; }
	.slide_inside_xlarge .da-img {width:90%; margin:0 auto;}
	.slide_inside_xlarge .da-img img{width:auto; max-width:100%;}
	.client{clear:both;}
	.client-precedent,
	.client-suivant{
	font-size:12px;
	margin-bottom:10px;
	}


}


.description-book .da-link,
.description-book2 .da-link{
padding:0 3px;
margin-top:13px;
background:#ff4e50;
color:#fff;
font-size:15px;
font-weight:600;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.9);
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.description-book .da-link:hover,
.description-book2 .da-link:hover{
background:#5fb0df;}


h2{line-height:32px !important;}

.da-video{position: relative; padding-bottom: 39.4%;width:70%; max-width:1080px; margin:0 auto; background:none; padding-top: 0px; height: 0; overflow: hidden;}
.da-video2{position: relative; padding-bottom: 39.4%;width:70%; max-width:1080px; margin:0 auto; background:none; padding-top: 0px; height: 0; overflow: hidden;}
.da-video3{position: relative; padding-bottom: 39.4%;width:70%; max-width:400px; margin:0 auto; background:none; padding-top: 0px; height: 0; overflow: hidden;}

.da-video3 iframe,
.da-video2 iframe,
.da-video iframe{width:100%; height:100%; position: absolute; top: 0; left: 0; background:none; }
#animation-slide0,
#animation-slide1,
#animation-slide2,
#animation-slide3,
#animation-slide4,
#animation-slide5,
#animation-slide6,
#animation-slide7,
#animation-slide8,
#animation-slide9,
#animation-slide10,
#animation-slide11,
#animation-slide12,
#animation-slide13
{background:#000; border-bottom:dashed 1px #fff; padding:20px 0;}

#origano-slide1 {
   background: url(images/images_rebk/origano-fond.jpg) 0 0 repeat;
     padding-top:20px;
}

#origano-slide2 {
   background: url(images/images_rebk/origano-restaurant.jpg) center center repeat-x fixed;
   background-size:cover;
   height:300px;
}
#origano-slide3 {
   background: #fff;
    padding-top:20px;
}

#confortime-slidefond {
  background: url(images/images_rebk/confortime-shop.jpg) center 100px repeat-x fixed;
  background-size:cover;
   height:300px;
}

#confortime-slide1 {
   background: #fff;
    padding-top:20px;
}
#confortime-slide1 .da-img {
   background: #fff;
   padding:20px 0;
}


#confortime-slide2 {
   background: #000;
    padding-top:20px;
}
#confortime-slide3 {
   background: #9a8477;
    padding-top:20px;
}
#confortime-slide4 {
   background: #9a8477;
    padding-top:20px;
}




#alcan-slide1 {
   background: url(images/images_rebk/fond-maestro.jpg) center 10px no-repeat fixed;
   height:500px; padding-top:20px;
   background-size:cover;
}
#alcan-slide2 .da-img{ padding-top:80px;}
#alcan-slide2 {
  background: #000 url(images/images_rebk/fond-stelvin.jpg) center bottom no-repeat fixed;
   height:500px; padding-top:20px;
   background-size:cover;
}
#alcan-slide2 .da-img{ padding-top:80px;}
#alcan-slide3 {
   background: #fff;
   height:620px; padding-top:20px;
   background-size:cover;
}
#alcan-slide4 {
   background: url(images/images_rebk/fond-cocoon.jpg) center bottom no-repeat fixed;
   height:500px; padding-top:20px;
   background-size:cover;
}
#alcan-slide4 .da-img{ padding-top:160px;}
#alcan-slide5 {
   background: #000;
   height:500px; padding-top:20px;
   background-size:cover;
}
#alcan-slide6 {
   background: #fff;
   height:700px; padding-top:20px;
   background-size:cover;
}


#dominicana-slide {
   background: url(images/images_rebk/creation-pub-club-dominicana.jpg) center center no-repeat fixed;
   background-size:cover;
}
#dominicana-slide1 {
   background: url(images/images_rebk/fond-dominicana3.jpg) center 10px no-repeat fixed;
   height:700px; padding-top:20px;
   background-size:cover;
}

#dominicana-slide2 {
   background: url(images/images_rebk/fond-dominicana1.jpg) center 10px no-repeat fixed;
   height:700px; padding-top:20px;
   background-size:cover;
}
#dominicana-slide3 {
     background: url(images/images_rebk/fond-dominicana4.jpg) center 10px no-repeat fixed;
   height:700px; padding-top:20px;
   background-size:cover;
}
#dominicana-slide4 {
   background: url(images/images_rebk/fond-dominicana2.jpg) center 10px no-repeat fixed;
   height:700px; padding-top:20px;
   background-size:cover;
}
#dominicana-slide5 {
   background: url(images/images_rebk/fond-dominicana3.jpg) center 10px no-repeat fixed;
   height:700px; padding-top:20px;
   background-size:cover;
}

#dominicana-slide1 .da-img,
#dominicana-slide2 .da-img,
#dominicana-slide3 .da-img,
#dominicana-slide4 .da-img,
#dominicana-slide5 .da-img
{ padding-top:40px;}



.pub_dafrica{
   background: url(images/images_rebk/fond-dafrica.jpg) center bottom no-repeat fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  padding:20px 0;
}
#dafrica-slide1 {
   background:transparent;
    padding:20px 0;
}
#dafrica-slide1 .da-img
{ padding-top:40px;}
#dafrica-slide2 {

   background:transparent;
    padding:20px 0;
   
}
#dafrica-slide2 .da-img
{ padding-top:40px;}


#dki-slide1 {background:#000;padding:20px 0;}

#dki-slide3 {background:#000;}
#dki-slide3 .da-img
{ padding:40px 0;}
#dki-slide2 {
   background: url(images/images_rebk/dkishop.jpg) center bottom no-repeat fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
   height:800px; padding-top:20px;
}

#dki-slide5{
   background: #000 url(images/images_rebk/fond-dki.jpg) center bottom no-repeat fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
   height:4500px; padding-top:20px;
}
.img-cent{width:100%;}

#eden-slide,
#eden-slide1,
#eden-slide2,
#eden-slide3,
#eden-slide4{
   background: #bdbdbd /*url(images/images_rebk/fond-dki.jpg) center bottom no-repeat fixed*/;
 
   /*height:7800px; */padding-top:20px;
}
#eurythmique-slide1 {background: #fff url(images/images_rebk/fond-eurythmique.jpg) right center no-repeat fixed; padding-top:20px; }
#eurythmique-slide1 .da-img{padding-bottom:130px;}

#edf-slide1 {background: #fff; padding-top:20px; }
#edf-slide2 .da-img,
#edf-slide1 .da-img
{ padding:40px 0;}

#edf-slide {background: #fff url(images/images_rebk/fond-edf.jpg) center center no-repeat fixed;background-size:cover;}
#edf-slide2 {background: #fff url(images/images_rebk/fond-edf.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }

#ferrari-slide {background: #fff url(images/images_rebk/fond-creation-pub-ferrari.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#ferrari-slide1 {background: #8c0000; padding-top:20px; }
#ferrari-slide2 {background: #8c0000; padding-top:20px; }
#ferrari-slide3 {background: #8c0000; padding-top:20px; }
#ferrari-slide2 .da-img,
#ferrari-slide1 .da-img
{ padding:40px 0;}

#gpoint-slide1 {background: #fff url(images/images_rebk/fond-gpoint2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#gpoint-slide2 {background: #fff url(images/images_rebk/fond-gpoint.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#gpoint-slide1  .da-img {}
#gpoint-slide2  .da-img {padding:40px 0;}
#gpoint-slide2  .da-img img{ border: 1px solid #ccc;
-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    box-shadow: 3px 3px 20px rgba(0,0,0,0.9);}
	
#makila-slide1 {background: #fff url(images/images_rebk/fond-makila2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#makila-slide2 {background: #fff url(images/images_rebk/fond-makila.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#makila-slide3 {background: #ccc; }
#makila-slide1,
#makila-slide2,
#makila-slide3  .da-img{ padding:40px 0;}
#makila-slide3  .da-img img{
-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    box-shadow: 3px 3px 20px rgba(0,0,0,0.9);}

#juliette-slide1 {background: #fff url(images/images_rebk/fond-makila2.jpg) center center no-repeat fixed;  background-size:cover; }
#juliette-slide2 {background: #000;  padding-top:20px; }
#juliette-slide3 {background: #ccc;  padding-top:20px; }

#juliette-slide3  .da-img img{
-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    box-shadow: 3px 3px 20px rgba(0,0,0,0.9);}

#klh-slide1 {background: #fff url(images/images_rebk/fond-klh.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#klh-slide2 {background: #fff url(images/images_rebk/fond-klh2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#klh-slide3 {background: #000;  padding-top:20px; }
#klh-slide4 {background: #ddd;  padding-top:20px; }
#klh-slide5 {background: #fff url(images/images_rebk/fond-klh2.jpg) center center no-repeat fixed;background-size:cover;  padding-top:20px; }
#klh-slide6 {background: #fff url(images/images_rebk/fond-klh.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }



#self-slide1 {background: #000;  padding-top:20px; }
#self-slide2 {background: #fff url(images/images_rebk/fond-self2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#self-slide3 {background: #fff url(images/images_rebk/fond-self3.jpg) center center no-repeat fixed;background-size:cover;  padding-top:20px; }
#self-slide4 {background: #fff url(images/images_rebk/fond-self2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#self-slide5 {background: #fff url(images/images_rebk/fond-self3.jpg) center center no-repeat fixed;  background-size:cover;padding-top:20px; }
#self-slide6 {background: #000;  padding-top:20px; }
#self-slide7 {background: #fff url(images/images_rebk/fond-self2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#self-slide8 {background: #fff url(images/images_rebk/fond-self3.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#self-slide9 {background: #fff url(images/images_rebk/fond-self2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#self-slide10 {background: #fff url(images/images_rebk/fond-self.jpg) center center no-repeat fixed;background-size:cover;  padding-top:20px; }

#self-slide1 .da-img,
#self-slide2 .da-img,
#self-slide3 .da-img,
#self-slide4 .da-img,
#self-slide5 .da-img,
#self-slide6 .da-img,
#self-slide7 .da-img,
#self-slide8 .da-img,
#self-slide9 .da-img,
#self-slide10 .da-img{ padding:40px 0;
}
.ombre {
-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.9);
    box-shadow: 3px 3px 20px rgba(0,0,0,0.9);}
	
	
#cgy-slide1 {background: #000;  padding-top:20px; }
#cgy-slide2 {background: #000;  min-height:500px; padding-top:20px; }
#cgy-slide3 {background: #000;  padding-top:20px; }
#cgy-slide4 {background: #333;  padding-top:20px; }

#cgy-slide1 .da-img,
#cgy-slide2 .da-img,
#cgy-slide3 .da-img,
#cgy-slide4 .da-img
{ padding:40px 0 60px;
}

#up-event-slide1 .da-img{ padding:40px 0 0px;
}
#up-event-slide2 .da-img,
#up-event-slide3 .da-img,
#up-event-slide4 .da-img,
#up-event-slide5 .da-img,
#up-event-slide6 .da-img,
#up-event-slide7 .da-img,
#up-event-slide8 .da-img
{ padding:40px 0 60px;
}


#up-event-slide1 {background: #fff url(images/images_rebk/fond-up1.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#up-event-slide2 {background: #fff;  padding-top:20px; }


#up-event-slide4 {background: #fff;  padding-top:20px; }

#up-event-slide5 {background: #ccc url(images/images_rebk/fond-up2.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }
#up-event-slide6 {background: #ccc url(images/images_rebk/fond-up2.jpg) center center no-repeat fixed; background-size:cover;}
#up-event-slide6 .slide_inside_xlarge{background: rgba(0,0,0,0.5);  padding-top:20px; }

#up-event-slide7 {background: #fff; padding-top:20px;}
#up-event-slide8 {background: #ccc url(images/images_rebk/fond-up2.jpg) center center no-repeat fixed; background-size:cover;}
#up-event-slide8 .slide_inside_xlarge{background: rgba(124,157,207,0.1);  padding-top:20px; }


#vv-slide1{background: #fff url(images/images_rebk/fond-vv1.jpg) bottom right no-repeat fixed; padding-top:20px; }
#vv-slide2{background: #fff url(images/images_rebk/fond-vv2.jpg) bottom right no-repeat fixed; padding-top:20px; }
#vv-slide3{background: #fff url(images/images_rebk/fond-vv3.jpg) bottom right no-repeat fixed; padding-top:20px; }

#moyato-slide1{background:  #fff url(images/images_rebk/fond-self3.jpg) center center no-repeat fixed;  background-size:cover; padding-top:20px; }
#moyato-slide2{background:  #000 ;  padding-top:20px; }

#moyato-slide2 .da-img{ padding:60px 0; }



.pub_laclef{background: url(images/images_rebk/creation-pub-association-laclef.jpg) center center no-repeat fixed; background-size:cover; padding-bottom:150px;}
#laclef-slide{background:transparent; padding:20px 0;}
#laclef-slide1,
#laclef-slide3,
#laclef-slide2,
#laclef-slide4{background: transparent;  padding:20px 0; }

.logo-slide{padding-top: 20px;}
.logo-slide div .da-img{
padding: 150px 0 200px;
}
.logos .slide_inside_xlarge .da-img{
padding: 150px 0 200px;
}


#happy-slide{background: #fbbd37;  padding:60px 0; }
.description-book2,
.description-book{margin-top:20px;}
#logos-slide1 {background: #fff;  padding-top:20px; }
#logos-slide2{background: #fff url(images/images_rebk/fond-self.jpg) center center no-repeat fixed;  background-size:cover; padding-top:20px; }
#logos-slide3{background: #fff;  padding-top:20px; }
#logos-slide4{background: #fff url(images/images_rebk/fond-self3.jpg) center center no-repeat fixed;  background-size:cover; padding-top:20px; }
#logos-slide5{background: #383c4e;  padding-top:20px; }
#logos-slide6{background: #fff;  padding-top:20px; }
#logos-slide7{background: #fff;  padding-top:20px; }
#logos-slide8{background: #fff url(images/images_rebk/fond-self.jpg) center center no-repeat fixed; background-size:cover;  padding-top:20px; }
#logos-slide9{background: #000;  padding-top:20px; }
#logos-slide10{background: #fff;  padding-top:20px; }

#logos-slide11{color:#fff; background: url(images/images_rebk/fond-edf.jpg) center center no-repeat fixed; background-size:cover; padding-top:20px; }

#logos-slide12{background: url(images/images_rebk/fond-maintenance.jpg) center center no-repeat fixed; background-size:cover;padding-top:20px; }
#logos-slide13{background: #fff;  padding-top:20px; }
#logos-slide14{background: #fff;  padding-top:20px; }
#logos-slide15{background: #fff;  padding-top:20px; }
#logos-slide16{background: #000;  padding-top:20px; color:#fff;}
#logos-slide11 h2,
#logos-slide11 p,
#logos-slide12 h2,
#logos-slide12 p,
#logos-slide16 p,
#logos-slide16 h2,
#logos-slide18 p,
#logos-slide18 h2
{color:#fff !important;}
#logos-slide17{background: #fff;  padding-top:20px; }
#logos-slide18{background:#000; padding-top:20px; }

#illus-slide3{background:  #fff;  padding-top:0px; }
#illus-slide4{background:  #fff url(images/images_rebk/fond-laclef.jpg) center center repeat fixed;  background-size:cover;padding-top:20px; }
#illus-slide5{background:  #ffdf00;  padding-top:0px; }
#illus-slide6{background:  #fee067;  padding-top:0px; }
#illus-slide7{background:  #fff;  padding-top:0px; }
#illus-slide8{background:  url(images/images_rebk/fond-craft.jpg) top left repeat ; padding-top:0px; }
#illus-slideimmersive,
#illus-slide9{background:  #000;  padding-top:0px; }
#illus-slideharmony{background:  #3d3d3c;  padding-top:0px; }
#illus-slideharmony .da-img img{  padding:10px; }

/************ publicité ***********/
.publicites .slider-eden{max-width: 840px; margin:0 auto; padding:40px 0px 100px;}
.publicites .slider-confortime{max-width: 1000px; margin:0 auto; padding:40px 0px 100px;}

.pub-inrae{background:#02A2A5 !important;padding: 40px 0;}
.publicites h2.h1{margin-bottom:100px;}
.parallaxdiv{min-height:400px;}
.parallaxclient{min-height:70vh;}
.parallaxclient .client{text-align:center;}
.publicites .client h2{
font-size: 34px !important;
text-shadow: 0px 0px 10px rgba(0,0,0,0.9)!important;
margin: 40px auto 20px;
}
.publicites .parallaxclient h2{
display: inline-block;
margin: 30vh auto 0 !important;
background: rgba(0,0,0,0.5);
padding: 15px;
line-height: 45px !important;
}
.

/************** accueil ******************/



/************** slider accueil ******************/

.slider-communication{display:block ; width:100% !important;}
.slider-communication h2{
	font-size: 66px;
	font-weight:300;
}
.slider-communication h2 span{font-weight:700;}
.slider-communication p {line-height:1.3em !important;} 
.slider-communication p span{ 
padding-left:10px;
background: transparent url(images/images_rebk/puce-fleche-blanche.png) no-repeat left center;
	font-weight:600;
	font-size: 20px;
	line-height: 22px;
}
.slider-communication-res {display:none ;}

@media only screen and (max-width:600px){
	.slider-communication {display:none ;}
	.slider-communication-res {display:block ;width:100%;}
	
}
#da-slide-logo{width:100%; height:400px; background: #5fb0df url(images/images_rebk/creation-logo-avignon.jpg)  center center repeat-x; background-size:cover;}
#da-slide-site{width:100%; height:400px; background: #5fb0df url(images/images_rebk/creation-site-web-avignon.jpg)  center center repeat-x; background-size:cover;}
#da-slide-publicite{width:100%; height:400px; background: #5fb0df url(images/images_rebk/creation-publicite-avignon.jpg)  center center repeat-x; background-size:cover;}

/***** vieux slider : Screen >879px *******/
@media only screen and (min-width: 960px) {
#passe-accueil{ width:100%; margin-top:0px;background: #5fb0df  url(images/images_rebk/graphiste-freelance-paris.jpg)  center center repeat-x;}
#passe-accueil-fond{width:100%; background: url(images/images_rebk/paris-graphiste-independant.png)  center center repeat-x;}
#passe-accueil2{width:100%; padding:140px 10% 200px;background:  url(images/images_rebk/directrice-artistique-freelance.png)  center center no-repeat;}

#accueil-freelance{margin-left:25%;}
#accueil-creative{margin-left:50%;margin-top:200px;}
#accueil-reactive{margin-left:0%;margin-top:200px;}
#accueil-contact{margin-left:28%;margin-top:200px; }
	
#passe-accueil2 h2{font-size:60px; line-height:60px !important; font-weight:600; color:#fff;}
#passe-accueil2 h2 span{font-weight:200; letter-spacing:-3px;}
}
@media only screen and (max-width: 959px) {
#passe-accueil{ width:100%; margin-top:-60px;background: #5fb0df  url(images/images_rebk/graphiste-freelance-paris2.jpg)  center -200px repeat-x;}
#passe-accueil-fond{width:100%; background: url(images/images_rebk/paris-graphiste-independant2.png)  center center repeat-x;}
#passe-accueil2{width:80%; padding:140px 10%;background:  url(images/images_rebk/directrice-artistique-freelance2.png)  center center no-repeat;}

#accueil-freelance{margin:0 auto;text-align:center;}
#accueil-creative{margin:200px auto 0px;text-align:center;}
#accueil-reactive{margin:200px auto 0px;text-align:center;}
#accueil-contact{margin:200px auto 0px; text-align:center;}

#passe-accueil2 h2{font-size:40px; line-height:40px !important; font-weight:600; color:#fff;}
#passe-accueil2 h2 span{font-weight:200; letter-spacing:-3px;}
}





.btn-fb{

 text-align:left; 
 padding:3px 10px 5px 0px;
background:#ff4e50;
font-weight:600;
color:#fff;
font-size:17px;
letter-spacing:1px; 
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5) ;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5) ;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);

	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	
}


.btn-fb span{
width:20px; height:10px; display:inline-block;
background: url(images/images_rebk/dflech.png) center center no-repeat;}


.btn-fb:focus,
.btn-fb:hover{
font-size:20px;
color:#fff;
background:#000;
-webkit-box-shadow: 1px 1px 0px rgba(14,89,149,0.9) ;
    -moz-box-shadow: 1px 1px 0px rgba(14,89,149,0.9) ;
    box-shadow: 1px 1px 0px rgba(14,89,149,0.9);
	
}
.btn-trans{

 text-align:left; 
 padding:3px 10px 5px 0px;
background:rgba(255,255,255,0.05);
font-weight:600;
color:#fff;
font-size:15px;
letter-spacing:1px; 
-webkit-box-shadow: 0px 0px 8px rgba(255,255,255,0.9) inset;
    -moz-box-shadow: 0px 0px 8px rgba(255,255,255,0.9) inset;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.9) inset;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	
}


.btn-trans span{
width:20px; height:10px; display:inline-block;
background: url(images/images_rebk/dflech.png) center center no-repeat;}



.btn-trans:hover{
color:#fff;
background:#ff4e50;
-webkit-box-shadow: 1px 1px 5px rgba(14,89,149,0.9) ;
    -moz-box-shadow: 1px 1px 5px rgba(14,89,149,0.9) ;
    box-shadow: 1px 1px 5px rgba(14,89,149,0.9);
	
}





.accueil-slide{margin:0;}
.da-slider{
	width: 100%;
	height: 400px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(images/images_rebk/creation-logo-avignon.jpg) center center no-repeat;
	background-size:cover;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;

}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slide .fond-slider{
	position: absolute;
	opacity: 0;
	left: 0;
	width:100%;
}
.da-slide h2,
.da-slide p,
.da-slide ul,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}

.da-slide h2{
	color: #fff;
	font-size: 66px;
	width: 60%;
	top: 40px;
	/*white-space: nowrap;*/
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	line-height:55px !important;
	
}

.da-slide p{
	width: 45%;
	top: 170px;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	/*height: 80px;*/
	overflow: hidden;
	
}
.da-slide p span{
padding-left:10px;
background: transparent url(images/images_rebk/puce-fleche-blanche.png) no-repeat left center;
	font-weight:600;
	font-size: 20px;
	line-height: 22px;
	/*height: 80px;*/
	
	
}
.da-slide .da-img{
		text-align: center;
		width: 50%;
		top: 30px;
		height: 360px;
		line-height: 320px;
		left: 0%; /*60%*/
	}

.da-slide .da-img img{ width:100%; max-width:500px;}
.da-slide .da-link{
	top: 340px; /*depends on p height*/
	width:auto;
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	font-weight:600;
	letter-spacing:1px;
	text-align: center;
	background:#ff4e50;
	color:#fff;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.da-slide .da-link:hover{
	background: #fff;
	color:#ff4e50;
}





.da-dots{
	
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 10px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #000;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
	
}
.da-slide-current .da-img{
	left: 55%;
	
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright .fond-slider{
	-webkit-animation: fromRightAnim0 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim0 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim0 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim0 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim0 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim0{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
@-moz-keyframes fromRightAnim0{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-o-keyframes fromRightAnim0{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
@-ms-keyframes fromRightAnim0{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim1{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
@keyframes fromRightAnim0{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

/* Slide out to the left*/
.da-slide-toleft .fond-slider{
	-webkit-animation: toLeftAnim0 0.6s ease-in-out both;
	-moz-animation: toLeftAnim0 0.6s ease-in-out both;
	-o-animation: toLeftAnim0 0.6s ease-in-out both;
	-ms-animation: toLeftAnim0 0.6s ease-in-out both;
	animation: toLeftAnim0 0.6s ease-in-out both;
}
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}

@-webkit-keyframes toLeftAnim0{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim0{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim0{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim0{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim0{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}




@media only screen and (max-width: 959px) {
	.da-slide h2{
		font-size: 40px;
		/* width: 50%; */
		
		z-index: 10;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		line-height:40px !important;
		
	}
	.da-slide p{
	top:110px ;
	}
	.da-slide .da-link{
	top:320px ;
	}
}

@media only screen and (max-width: 318px) {
	.da-slider{
	width: 100%;
	height: 500px;
	}
	.da-slide{
	text-align:center;
	}
	.da-slide h2{
	text-align:center;
		font-size: 30px;
		width: 80%;
		top: 10px;
		/*white-space: nowrap;*/
		z-index: 10;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		line-height:30px !important;
		
	}
	
	.da-slide .da-img{
	display:none;
	text-align: center;
	width: 90% !important;
	top: 50px !important;
	left: 5% !important;
	}
	.da-slide-current .da-img{
		text-align: center;
	width: 90% !important;
	top: 50px !important;
	left: 5% !important;
		opacity: 1;
	}
	.da-slide-current .da-img img{
	
	width: 90% !important;

	}
	.da-slide p{
	width:80%;
	top:215px ;
	text-align:center;
	font-size:16px;
	line-height:17px;
	}
	.da-slide .da-link{
	top:400px ;
	font-size:14px;
	margin:0 auto;
	
	
	}
	
	.da-slide-current h2,
	.da-slide-current p{
		
		opacity: 1;
		
	}
	.da-slide-current .da-link{
		
		opacity: 1;
		
	}
/*
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}

@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}

@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}

@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
	
	*/
	
	

	
	
	
	

}





/************ fin slider accueil ***********/

.pied{ width:100%; text-align:center;vertical-align: top; padding-left:0; list-style: none;
margin: 0;}
.pied h3{ line-height:1.3em; margin-bottom:20px;}
.pied li{display:inline-block; vertical-align: top; width:32%; min-width:320px; margin-bottom:15px;}

.trose{color:#ff4e50;}
.slider-client img{max-width:200px; margin :0 auto;}
.accueil_dernierescreations{
padding:20px 0;
background: #fff;
color:#bbb;
/*border-top:dashed 1px #000;
border-bottom:dashed 1px #000;*/
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) inset;
}
.accueil2{
background: #fff;
padding:20px 0;
}


/*********** prestation ************/

.titreetintro{padding:50px 0 20px;}
.titreetintro h1{line-height:45px;}
.description-prestation{
width:96%; 
margin:0 auto; 
padding:100px 0; 
border-top:dashed #fff 1px;
}
.description-texte{width:100%; text-align:center; }
#p1{}
#p2{}
.h1{font-size:45px;}

.prestas{margin:0 auto; }
.presta{
display:inline-block; 
width:300px; 
height:350px; 
padding:15px; margin:20px;
/*background:rgba(255,255,255,0.7); 
 -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;*/
  }
.presta-img{width:90%; }
#prestation-slide1 {
   background: #fff url(images/images_rebk/graphiste-freelance.jpg) center top repeat-x fixed;
  
}
#prestation-slide2 {
   background: transparent url(images/images_rebk/prestation-graphisme.png) center top repeat fixed;
   padding-top:20px;
}

@media only screen and (max-width: 318px) {
.presta{
display:inline-block; 
width:90%; 
max-width:300px;
height:350px; 
padding: 0; margin:0;
/*background:rgba(255,255,255,0.7); 
 -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;*/
  }
}

/****** fin prestation *****************/


/****** contact *****************/
.contact-direct{background:#ff4e50; padding:40px; text-align:center;}
.contact-direct h1, .contact-direct h2, .contact-direct p{color:#fff; }


.contact{background:#000 url(images/images_rebk/contact-agence-communication-avignon.jpg) center top repeat fixed; text-align:center; padding:40px 0;}

.contact .formulaire{background:rgba(0,0,0,0.5); color:#fff; display:inline-block; max-width:600px;  border:1px solid #fff; margin:40px auto; padding:15px;}
.contact .formulaire p{ color:#fff;}


/**************** A propos ****************************/
.mon_cv{display:inline-block; padding:1px 10px; margin:10px; background:#fff; border:1px solid #fff; color:#5fb0df; box-shadow: -2px 2px 5px rgba(0,0,0,0.3);
-webkit-border-radius:15px; 
border-radius:15px; 
}
.mon_cv:hover{background:#5fb0df; color:#fff;}
.apropos{background:#5fb0df;text-align: center;}
.apropos h1{margin-bottom:40px;}

h2.ss-subtitle{
    padding: 10px 10px 40px;
    font-size: 52px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
h2.ss-subtitle:before{
	width: 4px;
	height: 40px;
	/*background:rgba(17,17,22,0.8);*/
	content: '';
	position: absolute;
	right: 75%;
	margin-right: -4px;
	bottom: -4px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}
h2.ss-subtitle:after{
	width: 25%;
	height: 0px;
	border-bottom: 4px dotted rgba(17,17,22,0.8);
	content: '';
	position: absolute;
	right: 50%;
	margin-right: -1px;
	bottom: -4px;
}
.ss-links{
	position: fixed;
	left: 10px;
	top: 166px;
	width: 25%;
	z-index: 100;
}
.ss-links a{
	background: rgba(0,0,0,0.2);
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 5px;
	float: left;
	border-radius: 50%;
	display: block;
	text-align: center;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.ss-links a:hover{
	background: rgba(0,0,0,0.4);
}

.ss-container{
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
	overflow: hidden;
	padding: 350px 0 350px;

}
#ss-container{background:#5fb0df url(images/images_rebk/graphisme-freelance.jpg) top center repeat fixed;}
.ss-container h2{
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
	text-shadow: 0px 1px 1px #fff;
	padding: 20px 0px;
}
.ss-container:before{
    position: absolute;
    width: 4px;
    /*background: rgba(17,17,22,0.8);*/
    top: 0px;
    left: 50%;
	margin-left: -2px;
    content: '';
    height: 100%;
}
.ss-row{
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 30px 0;
}
.ss-left, .ss-right{
    float: left;
    width: 49%;
    position: relative;
}
.ss-right{
    margin-left: 1%;
}
.ss-left{
    text-align: right;
    float: left;
    margin-right: 1%;
}
.ss-circle{
    border-radius: 50%;
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;
    -webkit-box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 12px 12px rgba(255,255,255,0.6);
    -moz-box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 12px 12px rgba(255,255,255,0.6);
    box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 12px 12px rgba(255,255,255,0.6);
	background-size: cover;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: center center;
	position: static;
}
.ss-small .ss-circle{
	width: 100px;
	height: 100px;
}
.ss-medium .ss-circle{
	width: 200px;
	height: 200px;
}
.ss-large .ss-circle{
	width: 300px;
	height: 300px;
}
.ss-circle-deco:before{
	width: 29%;
	height: 0px;
	border-bottom: 2px dashed #fff;
	/*border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;*/
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -3px;
}
.ss-circle-deco:after{
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.ss-left .ss-circle-deco:before{
    right: 0.3%;   
}
.ss-right .ss-circle-deco:before{
    left: 0.3%;   
}
.ss-left .ss-circle-deco:after{
	right: 0;
	
}
.ss-right .ss-circle-deco:after{
	left: 0;

}
.ss-left .ss-circle{
    float: right;
    margin-right: 30%;
}
.ss-right .ss-circle{
    float: left;
    margin-left: 30%;
}
.ss-container h3{
    margin-top: 0px;
	padding: 5px 15px;
	/*background: rgba(255, 255, 255, 0.6);
	text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8);*/
}
.ss-container .ss-left p{width:100%; max-width:450px; float:right;}
.ss-container .ss-right p{width:100%; max-width:450px; float:left;}
.ss-container .ss-medium h3{
	margin-top: 42px;
}
.ss-container .ss-large h3{
	margin-top: 93px;
}
.ss-container .ss-left h3{
	/*border-right: 5px solid rgba(164,166,181,0.8);*/
}
.ss-container .ss-right h3{
	/*border-left: 5px solid rgba(164,166,181,0.8);*/
}
.ss-container h3 span{
    color: rgba(255,255,255,0.8);
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}
.ss-container h3 a{
    font-size: 28px;
    color: rgba(255,255,255,0.9);
    display: block;
}
.ss-container h3 a:hover{
	color: rgba(255,255,255,1);
}
.ss-circle-1{
    background-image:url(images/images_rebk/coopetic.jpg);
}
.ss-circle-2{
    background-image: url(images/images_rebk/yves-rocher.jpg);
}
.ss-circle-3{
    background-image: url(images/images_rebk/magento.jpg);
}
.ss-circle-4{
    background-image: url(images/images_rebk/video.jpg);
}
.ss-circle-5{
    background-image: url(images/images_rebk/bts.jpg);
}
.ss-circle-6{
    background-image: url(images/images_rebk/laruche.jpg);
}
.ss-circle-7{
    background-image: url(images/images_rebk/bac.jpg);
}
.ss-circle-8{
    background-image: url(images/images_rebk/louvre.jpg);
}
.ss-circle-9{
    background-image: url(images/images_rebk/mda.jpg);
}
.ss-circle-10{
    background-image: url(images/images_rebk/etam.jpg);
}


/************* fin a propos ******************/





/**************footer ****************/
.site-footer{clear: both;
display: block;
}
.main_footer{background:#ff4e50 !important;}
.site-info{margin:0; padding:10px; text-align:center; width:100%;}
footer .custom-logo-link{max-width:220px;margin:10px auto; }
footer .custom-logo-link img{width:100%;}
.droits {}
.droits address, .droits p{margin:10px auto; font-size:16px !important;}

.droits span{font-weight:600;}
.itop{
margin-top:3px;
float:right;
 padding-right:50px;
  padding-left:10px;
  height: 27px;
  display: inline-block;
  text-align: center;
 
  margin-left: 10px;
  font-family: 'Raleway', sans-serif;
  line-height: 28px;
  font-size: 17px;
  font-weight: 600;
  color: #ff4e50;
 
background: #ff4e50 url(images/images_rebk/itop-blanc.png) 115px center no-repeat;
 /* background: #ff4e50 url(images/images_rebk/itop-blanc@2x.png) 115px center no-repeat;
  -webkit-background-size: 40px;
  -moz-background-size: 40px;
  background-size: 40px;*/
  
   -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  }


.itop:hover{

  color: #FFF;

 
}

/*************générique*********/

.bouton{
background:#333;
color:#fff;
padding:15px;
font-size:18px;
margin-bottom:60px;
-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	
	}
.bouton:hover{
background:#ff4e50;
color:#fff;
padding:20px;
font-size:25px;
margin-bottom:0px;
}

 .main_footer .container .six.columns  { float:right;}
section.header_nav.sticky,
section.header_nav {
 
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
 
}

body{font-family: 'Raleway', sans-serif !important;}
h1{font-weight: 200; }
h1 span {font-weight: 600; }
h2{font-weight: 200; }
h2 span {font-weight: 600; }
p{font-weight: 400; font-size:16px; line-height:22px;}

h1, h2, h3, h4, h5, p{color:#000;}

.caps{text-transform:uppercase;}
.corps{width:100%; height:auto; padding:0 10%;}
@media screen and (max-size:600px){
	.corps{width:100%; height:auto; padding:0 10px;}
	}
.intro{font-size:22px; width:90%; max-width:800px; margin : 0 auto;}
.intro a {color:#fff; font-size:16px;}
.pcentre{width:90%; max-width:800px;margin : 0 auto;}

.clr{clear:both; width:100%;}
.center {text-align:center;}
.justify{text-align:justify;}
.blanc{color:#fff !important}
.fondblanc{background:#fff !important}

.bold{font-weight:600;}

.col3-set{width:100%;}
.col3-set .col-1{float:left; width:30%; margin:0 5% 0 0;}
.col3-set .col-2{float:left; width:30%; margin:0 5% 0 0;}
.col3-set .col-3{float:left; width:30%; margin:0 0 0 0;}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 959px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}



@media screen and (min-width: 48.9375em) {
	
	.site-footer{padding:0;}
}

.introoffres{text-align:center; background:#ebe5db; padding:40px 10px;}
.introoffres .soustitre{max-width:600px; margin:0 auto 20px;}
.introoffres h2{}
.offres {text-align:center;}
.offres .offre{display:inline-block; background:#25c6b1; border:8px solid #fff; vertical-align:top; width:300px; margin:20px; 
padding:10px 10px 0;color:#fff;
-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.15);
box-shadow:5px 5px 10px rgba(0,0,0,0.15);
}
.offres .offre h2{color:#fff; font-weight:700; text-transform:uppercase;}
.offres .offre p{color:#fff; margin-bottom:10px;}
.offres .offre .tarif{color:#25c6b1; background:#fff;}

.btndevis{color:#fff; background:#ff4e50; padding:5px 10px; margin:0 10px; font-weight:700; display:inline-block; vertical-align:top;}
.btndevis:hover{color:#ff4e50 ; background:#fff; }
.btnexemple{color:#fff; background:#333; padding:5px 10px; margin:0 10px; font-weight:700; display:inline-block; vertical-align:top;}
.btnexemple:hover{color:#333; background:#fff; padding:5px 10px; margin:0 10px; font-weight:700; display:inline-block; vertical-align:top;}


.cms {display:flex; justify-content: center;padding:20px; }
.cms .cms1,
.cms .cms2{margin:0 20px;}
.cms h3{font-weight:300; font-size:16px;}



/*.intrologo .arguments{ display: flex; justify-content: space-around; margin-top:30px;}
.intrologo .argument{  background:#25c6b1; color:#fff;  border:8px solid #fff; padding:10px 10px 0;
-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.15);
box-shadow:5px 5px 10px rgba(0,0,0,0.15);}
.intrologo .argument h2{font-weight: 700 !important; color:#fff; }
.intrologo .argument p{color:#fff; }*/

.intrologo .arguments{margin:50px 0 0;}
.argument{max-width:300px; display:inline-block; margin:10px; vertical-align:top;}
.argument h3{line-height:1.2em; margin-bottom:15px;}
.seo{}
#devis-site{background:#ebe5db; padding:60px 10px;}
.devis{max-width:600px; margin:0 auto;}
.devis h2{text-align:center;}

.intro-projet{border: 1px solid #fff;  background: rgba(0,0,0,0.6); margin:10px 0 1.75em;color:#fff; padding:20px 20px 0;  
display: flex;
    flex-wrap: wrap;
    justify-content: space-around;}
.intro-projet p{ color:#fff; font-weight:700; text-align:center;}
.intro-projet span{margin-top: 10px; display: block;}
.intro-projet span select,
.intro-projet span input{ box-shadow:2px 2px 5px #777 inset; padding:8px; border:none;}


.typesite,
.typelogo{ font-size:15px; line-height:15px;}



.titredevis{ color:#fff; font-weight:700; font-size:20px;}

.devis .accompagnement{border: 1px solid #fff;  background: rgba(0,0,0,0.6) ; color:#fff; padding:20px;  text-align:center;}
.devis .accompagnement .wpcf7-form-control-wrap { text-align:left;}
.devis .accompagnement .wpcf7-list-item{display:block;background:#fff; color:#000; padding:10px;margin:10px 0;}

.devis p.backoffice{border: 1px solid #fff; background: rgba(0,0,0,0.6); color:#fff; padding:20px;}
.devis p.backoffice label{}

.projet{border: 1px solid #fff;  background: rgba(0,0,0,0.6); padding:20px; margin-bottom:1.75em;}
.projet p{color:#fff; margin-bottom:10px;}



.vosinfos{border: 1px dashed #fff;  background: rgba(0,0,0,0.6); color:#fff; padding:20px 20px 0px; margin-bottom:1.75em;}
.infosdiv p{ max-width:220px;}
.infosdiv {display: flex;
    flex-wrap: wrap;
    justify-content: space-around;}
.send{text-align:center;}

.devis-publicite{
	background: #000 url(images/images_rebk/creation-site-internet-avignon.jpg) center center no-repeat fixed;
	background-size:cover;
	padding:150px 0;
}
.devis-site-internet{
	background: #000 url(images/images_rebk/creation-site-internet-avignon.jpg) center center no-repeat fixed;
	background-size:cover;
	padding:150px 0;
}
.devis-logo{
	background: #000 url(images/images_rebk/creation-logo-avignon-devis.jpg) center center no-repeat fixed;
	background-size:cover;
	padding:150px 0;
}
.devis-publicite h2,
.devis-logo h2,
.devis-site-internet h2{
	color:#fff;font-size:40px;
 line-height:0.8em;}
 
.devis-publicite h3,
.devis-logo h3,
.devis-site-internet h3{
	font-weight:200;
	text-align:center;
	margin:0 auto;
	color:#fff;
}
.wpcf7-submit{background:#fff !important; color:#000 !important;}
.devis-logo{}