@import url("http://fonts.googleapis.com/css?family=Pacifico");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic");
*{
	padding:0;
	margin:0;
}

body {
	position: relative;
}

header.mainHeader{
	width: 100%;
	z-index: 1;
	background: url(img/bg_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 0;
	padding-bottom: 140px;
	display: block;
	height:800px;
	background-position:static;
	position: relative;

}
.buttons-inline{
	display:inline-block;
}
.findMe{
	color:#fff;
	margin-top:20px;
}
.findMe a{
	color:#fff;
	text-decoration: underline;
}
.findMe a:hover{
	color:#ccc;
	text-decoration: none;
}
.mainHeader .container{
	position:relative;
	top:50%;
	margin-top:-160px;
	text-align: center;
}
header h1{
	font-family: 'Lato', sans-serif;
	font-size: 72px;
    line-height: 1.5 !important;
	font-weight: 300;
	color:#fff;
	margin-bottom:0;
	text-shadow: 0.05em 0.05em 0.05em #333;
}

.av-checkbox {
	width: 30px;
	padding:0;
	margin: 0;
}

label.checkbox span {
	font-size: 13px;
	margin-right:  0 0 0 20px;
	padding:0;
}

header h2 {
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	margin-bottom:15px;
	clear: both;
	display: block;
}

.annonce{
	display: block;
	position:fixed;
	top: 60px;
	width: 263px;
	right: 0;
	background-color: #F37C00;
	overflow: hidden;
	z-index: 3;
}

.annonce button{
	position: absolute;
	display: block;
	top: 8px;
	right: 0;
	background: none;
	border:none;
	color: #000;
	z-index: 10;
	font-size: 12px;
}

.annonce img{
	display: block;
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.annonce p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
    line-height: 1.3rem ;
	font-weight: 200;
	color:#fff;
	padding: 15px 10px 15px 10px;
	margin: 0;
	text-align: left;
}

.offres{
	margin-bottom: 100px;
}

.offres img{
	max-width:130px;
	margin-top: 100px;
	height: auto;
}

.services img {
  max-width: 320px !important;
  margin-top: 10%;
}

.services {
    padding-bottom: 70px !important;
}

.offres h1{
	color:#813296;
	font-weight:300;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 10px;
}

.offres li{
	color:#813296;
	font-weight:300;
	font-size: 22px;
	font-weight: 200;
    line-height: 2.3rem;
}

.offres ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

.desktop {
	background-color: #EEEDEE;
	padding: 100px 0 150px 0;
}

.desktop h2 {
	color:#813296;
	font-weight:300;
	font-size: 28px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 100% !important;
}

.desktop p {
	color:#4A4A4A;
	font-weight:300;
	font-size: 20px;
	font-weight: 200;
	padding: 0 30px;
}

.desktopsec{
	position:relative;
	z-index: 2;
}

.mainHeader h2{
	color:#fff;
	font-weight:300;
	margin-bottom: 35px;
}
.greyBackground{
	background-color:#f3f3f3;
	margin-top:20px;
	padding-bottom:30px;
}
.padded{
	margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 5px;
}
.repeat{
	width: 80px;
	height: 40px;
	margin:auto;
	background:#1a8ec9;
}

body{
	overflow-x:hidden;
}
h3{
	margin-top:0px;
	margin-left:15px;
}
.blog_content a{
	text-decoration: underline;
}
footer{
	background: #2c3e50;
	padding: 20px 0;
	font-size: 12px;
	color:#fff;
}
footer p{
	margin-bottom:0px;
}
footer a{
	color:#fff;
	text-decoration: underline;
}
footer a:hover{
	color:#ccc;
	text-decoration: none;
}
hr{
	width: 90%;
	margin: 20px auto 30px auto;
	background-color: #fff;
	height: 2px;
}

.magg{
	margin: 15px 0 0 15px;
}

.bttop{
	margin: 15px 15px 0 0;
}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
.btn {
border-radius: 0;
border: none;
font-size: 16px;
font-weight: normal;
padding: 12px 24px;
line-height: 24px;
font-family: 'Open Sans', arial, sans-serif;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
text-decoration: none;
}

.btn2 {
border-radius: 0;
border: none;
font-size: 16px;
font-weight: normal;
margin: 15px 40px 0 0 !important;
padding: 12px 24px;
line-height: 24px;
font-family: 'Open Sans', arial, sans-serif;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
text-decoration: none;
display: block;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color: rgb(241, 124, 25);
position:fixed;
top:0;
right:200px;
width: 200px;
display: inline-block;
border:1px solid red;
}

.btn3 {
border-radius: 0;
border: none;
font-size: 16px;
font-weight: normal;
margin: 15px 15px 0 0;
padding: 12px 24px;
line-height: 24px;
font-family: 'Open Sans', arial, sans-serif;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
text-decoration: none;
display: block;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color: none;
position:fixed;
top:0;
right:200px;
width: 200px;
display: block;
}

.btn-primary {
	background-color: #d9534f;
}
.btn-primary:hover{
	background-color:#d2322d;
}
.highlighter{
	margin-bottom:-15px;
	background-color:rgba(9,255,0, 0.6);
}

.articleid {
	background-color: #f6f6f6;
}

.articleid h1{
	color:#813296;
	font-weight:300;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0;
	padding:80px 0 15px 0;
	width: 100%;
}

.articleid p{
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	padding-bottom:80px;
	margin: 0;
	font-size: 15px;
}

.articleid strong{
	display: block;
	margin-bottom:30px;
	font-size: 16px;
	color: #813296;
}

.articleid img{
	margin:30px 0;
	padding: 0;
}

@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
                transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
                transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
                transform-origin: center center; 
        -webkit-transform: rotate(0); 
                transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

@media (min-width:767px){

.desktopsec{
	top:50px ;
	margin-bottom: 20px;
}

.services ul{
	padding-left:50px ;
	background: none ;
}

.text2{
	display: block ;
}

.text1{
	display: none ;
}

}

@media (max-width:767px){

.desktopsec{
	top:50px ;
	margin-bottom: 20px;
}

.services ul{
	padding-left:50px ;
	background: none ;
}

.text2{
	display: none !important ;
}

.text1{
	display: block  !important ;
}

.annonce{
	display: none  !important ;
}

}

@media (max-width:991px){

.articleid img{
	display: none;
}

}