/* page layout styles */
*{
    margin:0;
    padding:0;
}
body {
    color:#fff;
    font:14px/1.3 Arial,sans-serif;
}
header {
    background-color:#212121;
    box-shadow: 0 -1px 2px #111111;
    display:block;
    height:0px;
    position:relative;
    width:100%;
    z-index:100;
}




header a.stuts,a.stuts:visited{
    border:none;
    text-decoration:none;
    color:#fcfcfc;
    font-size:14px;
    left:50%;
    line-height:31px;
    margin:23px 0 0 110px;
    position:absolute;
    top:0;
}
header .stuts span {
    font-size:22px;
    font-weight:bold;
    margin-left:5px;
}

/* fade slider */

.slides ul {
    list-style:none;
    position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;
width: 100% !important;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
   
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
 
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}


/* css3 delays */
.slides ul  li:nth-child(1), .slides ul  li:nth-child(1) div {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 8.0s;
    -moz-animation-delay: 8.0s;
}

.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 16.0s;
    -moz-animation-delay: 16.0s;
	
}

.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;

}

.slides ul li img {
    display:block;
}


/*.slides ul li .imgslider {
display:none !important;
}
*/

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
/*    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }*/
}
@-moz-keyframes anim_titles {
/*    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }*/
}



.slides {
    height:500px;
    margin:50px auto;
    overflow:hidden;
    position:relative;
    width:900px;
}

.slides ul li div {
/*    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;*/
    color:#FFFFFF;
    font-size:26px;
    
    margin:0 auto;
    padding:20px;
     position:absolute !important;
    top:40%;
    width:100%;
	text-align: center !important;
	z-index: 999 !important;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}


h1.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0.2px;
	font-size: 48px !important;
	margin-bottom: 12px;
}



h2.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0.2px;
	font-size: 48px !important;
	margin-bottom: 12px;
}


h3.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0.2px;
	font-size: 48px !important;
	margin-bottom: 12px;
}

p.animated {

    font-weight: normal !important;
    line-height: 26px !important;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0.7px;
	font-size: 17px !important;
	
}

@media (max-width:1100px) {
.slides ul li div{
/*left:10% !important;*/
top:50%;
width:700px;
}

}

	
.slides{
  background: url("../../images/slider/bg-start.gif") !important;
 background-size: 50% !important;
background-position: 0% !important;
background-repeat: repeat !important;
    height:780px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    width:100%;
}



/*.interne .slides{
  background: url("../../images/slider/bandeau-types-site-web.jpg") !important;
 background-size: 50% !important;
background-position: 0% !important;
background-repeat: repeat !important;
    height:2000px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    width:100%;
	}*/


	.slides ul li .imgslider {
display:block !important;
}
	
.slides ul li div {

    color:#FFFFFF;
    font-size:26px;
  /*  left:2% !important;*/
    margin:50px auto;
    padding:20px;
    position:initial !important;
    top:58%;
    width:100%;
	}
	

	
.imgslider{
width: 100% !important;
height: 100% !important;	
background-size: cover !important;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0%;
opacity: 1 !important;

	
/*/* background-size: cover !important;
 min-width: 1024px;
 /* On indique un redimensionnement proportionnel */
 /* width: 100%;
 height: auto;
 /* L'image est positionnée en haut à gauche */
 /* position: fixed;
 top: 0;
 left: 0;
opacity: 1 !important;
 left: 50%;
 margin-left: -512px; /* 50% */
}
	










	
	
@media (max-width:768px) {
	

	
	
.slides ul li {
    opacity:0;
    position:absolute;
    top:0;
width: 100% !important;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
   
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
 
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}


/* css3 delays */
.slides ul  li:nth-child(1), .slides ul  li:nth-child(1) div {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 8.0s;
    -moz-animation-delay: 8.0s;
}

.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 16.0s;
    -moz-animation-delay: 16.0s;
	
}

.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;

}
	

	
.slides{
  background: url("../../images/slider/bg-start.gif") !important;
 background-size: cover !important;
background-position: 0% !important;
background-repeat: repeat !important;
}
	
/*.interne .slides{
  background: url("../../images/slider/bandeau-types-site-web.jpg") !important;
 background-size: cover !important;
background-position: 0% !important;
background-repeat: repeat !important;	

	}

*/
	
.slides {
    height:310px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    width:100%;
}

	.slides ul li .imgslider {
display:block !important;
}
	
.slides ul li div {

    color:#FFFFFF;
    font-size:26px;
  /*  left:2% !important;*/
    margin:50px auto;
    padding:20px;
    position:initial !important;
    top:58%;
    width:100%;
	}
	

	
	
.imgslider{
	
background-size: cover !important;
width: 290% !important;
height: 125% !important;
position: fixed;
top: 0;
left: -96%;
opacity: 1 !important;

	
/*/* background-size: cover !important;
 min-width: 1024px;
 /* On indique un redimensionnement proportionnel */
 /* width: 100%;
 height: auto;
 /* L'image est positionnée en haut à gauche */
 /* position: fixed;
 top: 0;
 left: 0;
opacity: 1 !important;
 left: 50%;
 margin-left: -512px; /* 50% */
}
	

	
	
	
h1.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0px;
	font-size: 28px !important;
	margin-bottom: 12px !important;
}
	
	
	
h2.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0px;
	font-size: 28px !important;
	margin-bottom: 12px !important;
}

	
	
h3.animated{
    font-weight: unset;
    line-height: 1.1;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0px;
	font-size: 28px !important;
	margin-bottom: 12px !important;
}


p.animated {

    font-weight:  normal !important;
    line-height: 1.5;
    font-family: 'HelveticaLTStd-Cond';
    letter-spacing: 0.1px;
	font-size: 14px !important;
padding-left: 15px !important;
padding-right: 15px !important;
	
}
	
}
	
#twitter-carousel .item{
width: 400px;
margin: 0 auto !important;
}
	
	
@media (max-width:580px) {
	
.get-started-box p {
 background: rgba(0, 0, 0, 0) url("../../images/strart-pro-arrow-down.png") no-repeat scroll 544px 15px / 207px 33px;	
}
.content-area-bottom.looking-to .get-started-box p {
background-position: 38% 119px;
text-align: left;
background-size: 37% !important;
}	
#twitter-carousel .item{
width: 216px;
margin: 0 auto !important;
}
	
.slides ul li div{
/*left:-5% !important;*/
top:50%;
width:100%;
}		
	
}