/*

Kirby Starterkit

Author: Bastian Allgeier / Sascha Lack
URL:    http://getkirby.com
Email:  support@getkirby.com

*/


/* Source Sans Pro
-------------------------------------------------- */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/sourcesanspro-300.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/sourcesanspro-400.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/sourcesanspro-600.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/sourcesanspro-400-italic.woff) format('woff');
}


/* Reset
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}


/* Pix
-------------------------------------------------- */
img {
  display: block;
  max-width: 100%;
}


/* Links
-------------------------------------------------- */
a {
  color: #333;
  text-decoration: none;
  transition: color .3s, background .3s, border .3s;
}
a:hover {
  color: red;
}


/* Clearfix
-------------------------------------------------- */
.cf:after {
  content: "";
  display: table;
  clear: both;
}


/* Site
-------------------------------------------------- */
html {
  height: 101%;
  font-family: "Raleway", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  line-height: 1.5em;
  width: 100%;
  color: #222;
  border: 0px solid black;
  letter-spacing: normal;
}


/* Header
-------------------------------------------------- */
.header {
  margin-bottom: 1.5em;
}
.logo {
  display: block;
  margin-bottom: 1.5em;
  margin-right: 5px;
  border: 0px solid red;
  list-style: none;
}
.logo img {
  widh: 2em;
}


/* Navigation
-------------------------------------------------- */
nav input[type="checkbox"],
input[type="radio"] {
  display: none; }
  
.menu a {
  display: block;
  color: #222;
}
.menu a:hover {
  color: yellowgreen;
  text-decoration: none;
}
.menu .active {
  color: yellow;
}
.menu li {
  list-style: none;
}
.menu > li {
  position: relative;
}
.menu > li > a {
  padding: .12rem 0;
  font-weight: 600;
}

.submenu {
  position: absolute;
  z-index: 999;
  display: none;
  left: 1em;
  border: 0px solid green;
}
.submenu:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: -.5em;
  left: 0;
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-left: .5em solid #222;
}
.submenu li {
  border-bottom: 1px solid #444;
}
.submenu a {
  padding: .5em 1.5em;
  font-size: .9em;
  font-weight: 300;
  color: #fff;
  background: #222;
  white-space: nowrap;
}
.submenu a:hover {
  background: #333;
  color: #fff;
}
footer {
	border-top: 6px solid #1eaedb;
}


/* Mobile */
@media (min-width: 318px) {
	
.zone{
    	box-sizing: border-box;
    	width: 100%;
        padding: 0;
        margin: 0;
        border: 0px solid blue;
    }
    #top{
    	margin: 0 auto;
    	background-color: #04ade8;
    	backgr
    }
  	.header {
  		width: 100%;
        padding: 0;
        margin: 0;
        background-color: none;
    }
	.header .tp{
      width: 100%;
        height: 102px;
        box-sizing: border-box;
        padding: 1rem;
        margin: 0;
        border: 0px solid red;
    }
    .logo {
    display: block;
    float: left;
    margin: .5rem;
    height: 40px;
    border: 0px solid red;
    list-style: none;
}
    .logo img{
        position: absolute;
        float: left;
        border: none;
        
    }
    .head-text h1{
        position: absolute;
        width: 400px;
        margin: 0 0 0 80px;
        line-height: normal;
        font-size: 3.7rem;
        font-weight: 900;
        text-transform: uppercase;
        color: #008c36;
    }
    .top-menu{
        position: relative;
        height: 30px;
        margin: 0 1.5rem;
        border: 0px solid red;
    }
    
    .eight.columns {
    width: 100%;
	}
	
	.menu > li > a {
    padding: .12rem 0;
    font-weight: 600;
    text-align: right;
    color: #fff;
	}
	label span {
    display: none;
	}
    
    .rsx {
		margin: 0rem;
		padding: .1rem .6.5rem;
		list-style: none;
		border: 0px solid blue;
		float: right;
	}
	
	.rsx ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		border: 0px solid red;
		width: 100%;
		float: right;
	}
	
	.rsx li {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 0px solid blue;
		display: inline;
		padding: 0;
        float: left;
	}
	
	.rsx a {
        font-size: 1.9rem;
        font-weight: 600;
        display: inline;
		padding: .25em 0.2em;
		color: #011944;
		background: none;
		text-decoration: none;
		margin:0;
		border: 0px solid green;
	}
	
	.rsx a:hover{
	color: red;
	text-decoration:underline;
    transition: .6s;
	}
	#hero {
		display: block;
        height: 0px;
        z-index: 999;
    }
    #hero h1{
    	display: block;
    width: 100%;
    float: right;
    padding: .4rem .9rem .4rem .6rem;
    bottom: 0%;
    margin: 4% auto 0;
    height: auto;
    font-size: 2rem;
    font-weight: 800;
    background-color: none;
    color: #fff;
    text-shadow: 3px 3px 0px #0086b5;
    letter-spacing: .1rem;
    line-height: normal;
    opacity: 1;
    }

 /* home styles
-------------------------------------------------- */
    .content{
        position: relative;
        display: block;
        height: auto;
        max-width: 100%;
        padding: 0;
        margin: 0;
        border: 0px solid green;
        background-color: #fff;
        z-index: 1;
    }
    #lft{
    	width: 100%;
    	float: left;
    	margin: 0;
    	box-sizing: content-box;
    	border: 0px solid green;
    }
    #lft h3{
    width: 90%;
    padding: .5rem;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 800;
    color: #0086b5;
    text-shadow: 3px 3px 0px #ddd;
    letter-spacing: .1rem;
    line-height: normal;
    border-bottom: 2px solid #0098ce;
    }
    
    #slider-blk{
        position: relative;
        float: right;
        margin: 0;
    }
    #slider-blk{
        width: 100%;
    }
    
    
    /* service blocks
-------------------------------------------------- */
	#home-blk {
        display: block;
        position: relative;
        padding: 0;
        border: 0px solid red;
    }
	#home-blk ul {
        margin: 0;
    }
    #home-blk ul #txt{
    	width: 100%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 600;
    }
    #home-blk ul li{
        width: 50%;
        padding: 1rem;
        margin: 1rem 0;
        float: left;
        list-style: none;  
    }
    #home-blk ul li h3{
    	width: 90%;
        float: left;
        margin: 0;
        font-size: 3rem;
        font-weight: 800;
        line-height: normal;
    }
    #home-blk ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#home-blk ul li p{
    	clear: both;
    }
    
    #home-blk ul li img{
        width: 100%;
        margin: 1rem 0;
        float: left;
    }
	
	#home-blk ul li .more a {
    padding: .5rem;
    margin-top: 0rem;
    float: left;
    background-color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    list-style: disc;
    list-style-position: inside;
    line-height: normal;
    color: #333;
    box-sizing: border-box;
    cursor: pointer;
	}
	#home-blk ul li .more a:hover {
    background-color: #04ade8;
    color: #fff;
    transition: .8s;
	}
	
    #home-blk h4{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 600;
    }
    
    
    
       
 	/* page content styles
	-------------------------------------------------- */
	#page-title{
        margin: 1rem 1rem 2rem;
    }
    #page-title h2{
        float: left;
        margin-bottom: 0;
        padding: .3rem .8rem;
        font-size: 2.5rem;
        font-weight: 600;
        color: #fff;
        background-color: #073616;
    }
    hr {
    width: 5%;
    margin-top: .7rem;
    margin-bottom: .7rem;
    margin-left: 0;
    border-width: 0;
    border-top: 3px solid #c9f386;
        clear: both;
    }
    #page-title p{
        margin: 1rem 0;
        font-size: 2rem;
        font-weight: 600;
        color: #888;
    }
    
 /* igs styles
-------------------------------------------------- */
	#svc .ngmt {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin: 2rem 0;
    }
    #svc .ngmt #txt {
        position: relative;
    	margin: 0;
    }
    #svc .ngmt h3{
        display: block;
	    position: relative;
	    padding: 1.2rem 0;
	    margin: .5rem 2rem 0;
	    font-size: 2.3rem;
	    font-weight: 600;
	    line-height: normal;
	    border-top: 0px solid #eee;
    }
    #svc .ngmt-list{
        display: block;
	    position: relative;
	    padding: 4.5rem 2rem;
	    width: 50%;
	    height: 200px;
	    margin: 0;
	    float: left;
	    font-size: 4rem;
	    color: #0086b5;
	    font-weight: 800;
	    text-align: center;
	    line-height: normal;
	    background-color: #e0eff6;
	    border: 10px solid #fff;
	    box-sizing: border-box;
    }

/* expertises blocks
-------------------------------------------------- */
	#rub-img {
		width: 150%;
    	margin-left: -5rem;
        margin-bottom: -6rem;
        border: 0px solid red;
        z-index: 2;
    }
    
    /* service blocks
-------------------------------------------------- */
	#svc {
        display: block;
        position: relative;
        padding: 0;
        border: 0px solid red;
    }
	#svc ul {
        margin: 0;
    }
    #svc #txt{
    	z-index: 99;
	    position: absolute;
	    margin: 0;
    }
    #svc ul li{
        padding: .5rem;
        margin-bottom: 1.5rem;
        float: left;
        list-style: none;  
    }
    #svc ul li:hover{
        background-color: aliceblue;  
    }
    #theblk {
    	display: block;
    	position: relative;
    	padding: 0;
    	margin-bottom: 1rem;
    	height: auto;
    }
    #svc ul li h3{
    	display: block;
    	width: 70%;
        float: right;
        margin: 0;
        font-size: 2.3rem;
        font-weight: 800;
        line-height: normal;
    }
    #svc ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#svc ul li p{
		display: block;
		font-size: 1.6rem;
		font-weight: 500;
    	clear: both;
    }
    
    #svc ul li img{
    	display: block;
        width: 20%;
        margin: 0;
        float: left;
        cursor: pointer;
    }
	
	#svc ul li .more a {
    padding: .5rem;
    margin-top: 0rem;
    float: left;
    background-color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    list-style: disc;
    list-style-position: inside;
    line-height: normal;
    color: #333;
    box-sizing: border-box;
    cursor: pointer;
	}
	#svc ul li .more a:hover {
    background-color: #04ade8;
    color: #fff;
    transition: .8s;
	}
	
    #svc h4{
    width: 90%;
    padding-bottom: 2rem;
    margin-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 2px solid #e3ecef;
    }
	
	
	
	/* bk styles 
	-------------------------------------------------- */
	.bk{
        display: block;
        position: relative;
        width: 33.33%;
        height: 300px;
        float: left;
        background-color: #0076a3;
        border: 3px solid #fff;
        overflow: hidden;
        background-image: url(../images/bk-bg.jpg); 
        background-repeat:no-repeat;
        background-position:right bottom;
    }
    .bk h3{
        position: absolute;
        top: 0;
        margin: 1rem;
        font-size: 2.5rem;
        font-weight: 800;
        color: #fff;
    }
    .bk img{
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: .6;
    }
	
	
	
	#svc .xpl {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin: 2rem 0;
    }
    #svc .xpl h3{
        display: block;
        position: relative;
        padding: 1.2rem 0;
        font-size: 2.3rem;
        font-weight: 600;
        line-height: normal;
        border-top: 2px solid #eee;
    }
    #svc .xpl h5{
        display: block;
        position: relative;
        padding: 1rem 0;
        margin: 0 1rem;
        font-size: 2.1rem;
        font-weight: 400;
        line-height: normal;
    }
    
	/* Portfolio styles 
	-------------------------------------------------- */
	
	#pfl {
        display: block;
        position: relative;
        padding: 5rem 0;
        border: 0px solid red;
    }
	#pfl h4{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 400;
    
    }
	
	#portfolio h3{
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
	background: none;
	width: 100%;
	height: auto;
	padding: 0px;
	margin-bottom: 1rem;
	border-bottom: 2px solid #fff;
	list-style: none;
	}
	
	#portfolio p{
	font-size: 1.4rem;
	font-weight: normal;
	color: #fff;
	font-weight: 500;
	background: none;
	padding: 0px;
	margin-bottom: 0;
	}
	
	/* Clients & Partenaires styles 
	-------------------------------------------------- */
	#boxes {
        display: block;
        position: relative;
        padding: 5rem 0;
        border: 0px solid red;
    }
	#boxes ul {
        margin: 0;
    }
    #boxes ul #txt{
    	width: 90%;
	    margin-left: 2rem;
	    font-size: 1.6rem;
	    font-weight: 500;
    }
    #boxes ul li{
        width: 50%;
        padding: 1rem;
        margin: 1rem 0;
        float: left;
        list-style: none;  
    }
    #boxes ul li h3{
    	width: 90%;
        margin: 0;
        font-size: 1.5rem;
        font-weight: 800;
        line-height: normal;
        text-align: center;
    }
    #boxes ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#boxes ul li p{
    	clear: both;
    	text-align: center;
    }
    
    #boxes ul li img{
        width: 100%;
        margin: 0;
    }
	
	
	
	
.head .tags .name{
display: inline;
list-style: none;
margin-right: .5rem;
color: red;
font-size: 1.2rem;
font-weight: 500;
border: 0px solid green;
}
    
.meta .tags .name b {
  font-weight: 400;
  color: #555;
  padding-right: .25em;
}

	.lire { 
	color: blue;
	font-weight: 600;
	}
	
	/* Carousel styles 
	-------------------------------------------------- */
	#carousel {
		position: relative;
		display: block;
		top: 1%; 
		width: 100%;
	}
	#carousel .tet h5{
		float: left;
		width: auto;
		padding: .1rem 1rem;
		margin-bottom: 0;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: .01rem;
		background-color: #c9f386;
		color: #111;
	}
	#carousel .tet a{
		float: right;
		width: auto;
		padding: .1rem 1rem;
		margin-bottom: 0;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: .01rem;
		color: red;
		z-index: 999;
	}
	#carousel .tet a:hover{
		color: #053516;
	}
	

/* Main
-------------------------------------------------- */
.main {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
  margin: 0 auto;
  border: 0px solid green;
  min-height: 820px;
  overflow: hidden;
  background: #fff;
}

.chapeau p {
    font-size: 30px;
    line-height: 3.6rem;
    font-weight: 900; 
    color: forestgreen;
    text-align: right;
    margin: 2rem 3rem 0;
}

/* top-menu */

.sidebar {
  
  background: none;
}

/* Text blocks */
.text ul,
.text ol {
  margin-left: 1em;
}


/* Project teaser
-------------------------------------------------- */
.teaser {
  list-style: none;
  border: 0px solid red;
}
.teaser li {
  margin-bottom: 1.5em;
  list-style: none;
}



/* Next/Prev nav
-------------------------------------------------- */
/* Next/Prev nav
-------------------------------------------------- */
#svc nav {
	position: relative;
  width: 100%;
  margin: 0;
  background-color: white;
}
.nextprev {
    padding: 2rem 0;
    max-height: 40px;
	margin: auto 0;
    padding: 0 4%;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.nextprev .next {
	float: right;
	width: 47%;
	text-align: right;
}
.nextprev .prev {
	float: left;
	width: 47%;
	text-align: left;
}
.next i{
  	position: absolute;
    font-size: 3rem;
    font-weight: 200;
    float: right;
    top: 38%;
    right: -4%;
    color: red;
}
.prev i{
  	position: absolute;
    position: absolute;
    font-size: 3rem;
    font-weight: 200;
    float: left;
    top: 38%;
    left: -4%;
    color: red;
}

/* Footer
-------------------------------------------------- */
	footer{
        width: 100%;
  		margin: 0 auto;
  		padding: 1rem;
        height: 100px;
        clear: both;
    }
    footer h2{
        margin: 0;
	    font-size: 5rem;
	    font-weight: 800;
	    letter-spacing: .3rem;
	    text-align: center;
    }
    footer h2:hover{
        color: #04ade8;
	    text-shadow: 3px 3px 0px #333;
	    transition: .8s;
    }
    footer h5{
        width: 100%;
        margin-bottom: 1rem;
	    font-size: 1.2rem;
	    font-weight: 600;
	    text-align: center;
    }
    footer h6{
        font-size: 1rem;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        color: red;
    }
    footer h6 span{
    	font-size: 1.8rem;
        font-weight: 800;
        clear: both;
        cursor: pointer;
    }
    footer h7{
        width: 80%;
        float: right;
        padding-top: .8rem;
        margin: .8rem 0 0;
        font-size: 1.1rem;
        font-weight: 600;
        border-top: 2px solid #ddd
    }

.decla-site p{
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 1rem;
}
.copyright {
  float: left;
}
.colophon {
  float: right;
}
.colophon a b {
  color: red;
  padding-left: .25em;
}

	.footer .columns{
        padding: .5rem 1rem 0rem;
    }
    .footer{
        line-height: normal;
        color: #111;
    }
    .footer h5{
        font-size: 1.35rem;
        font-weight: 8OO;
    }
    footer .link{
        padding: 0;
    }
    footer .link li{
        display: inline;
        padding: .01rem .3rem;
        margin: 0;
        font-size: 1.2rem;
        cursor: pointer;
    }
    footer .link li:hover{
        color: red;
    }
    footer li a{
        color: #333;
    }
    footer li a:hover{
        color: red;
    }
    
    footer #s2r{
        margin-bottom: 1rem;
    }
    
    .footer .makers a{
        float: right;
        margin: -2% .8% 0 0;
        text-decoration: none;
        font-weight: 600;
        color: red;
    }
    .footer .makers a:hover{
        color: #000;
    }
    
    /* page-art
-------------------------------------------------- */
	.page-art{
		position: relative;
		display: block;
        width: 100%;
        padding: 1rem;
        margin-top: 0;
    }
    .page-art{
		margin: 1rem 0;
	    font-size: 1.8rem;
	    font-weight: 500;
	    color: #555;
	}
    .box{
        position: relative;
        height: auto;
        margin: 0;
        padding: 1rem;
        overflow: hidden;
    }
    .page-art .head{
    	position: absolute;
    	margin-bottom: 8%;
    	border: 0px solid blue;
    	z-index: 1;
    }
    .page-art .head time{
        position: absolute;
        float: right;
        right: 2%;
        padding: 0 .8rem;
        font-size: 1.2rem;
        font-weight: 600;
        color: #555;
    }
	.page-art .head .tags {
	float: right;
  	padding:0;
    margin: 0;
    bottom: 3%;
    border: 0px solid red;
  	background-color: none;
    clear: both;
	}
	.page-art .head .tag {
	position: absolute;
  	padding: .1rem 1rem;
    margin: 0;
    border: 0px solid gray;
  	background-color: #fff;
  	list-style: none;
    font-weight: 600;
    color: red;
	}
    .page-art img{
        position: relative;
        margin: 0;
        border: 0px solid red;
        clear: both;
        z-index: -1;
    }
    .page-art .intro{
        margin: 1rem 0;
	    font-size: 2rem;
	    font-weight: 600;
	    color: #888; 
    }
    .page-art h3{
    	margin: 1rem 0;
	    font-size: 3rem;
	    font-weight: 800;
	    line-height: normal;
	}
	#annonce h3{
    	margin: 3rem 0;
	    
	}
	.page-art h5{
    	color: #053516;
	}
	
    .box .cntnt{
        padding: 0 .3rem;
        margin: 0;
        z-index: 1;
        border: 0px solid red;
        clear: both;
    }
    .box h4{
        margin: 0 0 .4rem 0;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1rem;
    }
    .cntnt h3 a{
    	margin: .3rem 0 ;
    	font-size: 1.8rem;
    	color: #053516;
        text-decoration: none;
        font-weight: 800;
        line-height: normal;
    }
    .cntnt p{
        margin-bottom: .5rem;
        line-height: normal;
        font-weight: 600;
        color: #333;
    }
    .cntnt a:hover{
        color: red;
        transition: .6s;
        text-decoration: none;
    }
    .cntnt .more{
    	float: left;
        margin: 0;
        padding: .3rem .5em;
        background-color: #006400;
        font-size: 1.3rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
    }
    .cntnt .more a{
    	color: #fff;
    }
    .cntnt .more:hover{
        background-color: #666;
        color: #fff;
        transition: .6s;
        text-decoration: none;
    }


/* page-art
-------------------------------------------------- */
.contact-infos {
	padding: 2em 1.3rem;
}
.contact-infos h3{
	margin: 0;
    font-size: 5rem;
    font-weight: 800;
    letter-spacing: .3rem;
    text-align: center;
}
.contact-infos h5{
	margin-bottom: 1rem;
	font-size: 2rem;
  	font-weight: 700;
  	color: #555;
}
.contact-infos h6{
	font-size: 1.8rem;
    font-weight: 700;
    color: #021848;
    text-align: center;
}
.contact-infos placeholder {
	color: #000;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: #28F;
    border-radius: 0;
    border: 0px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
	
}


}


/* Larger than mobile */
@media (min-width: 400px) {
	
	
  
  .logo {
  border: 0px solid black;
  width: 250px;
	}
  
  .menu {
    border: none;
  }
  
  .four.columns { width: 50%; }
  
  .artbloc h3 {
  font-size: 1em;
  font-weight: 600;
  padding-top: .3em;
  margin-bottom: .2em;
  }

	.artbloc p {
	  font-size: .9em;
	  line-height: 1.4em;
	}
  
  .logo img {
  
	}
	
	.bloc h1 {
	  font-size: 1.7em;
	  font-weight: 600;
	  padding-top: .3em;
	  margin-bottom: .2em;
	  }
	  
	 .artbloc p {
	  font-size: .9em;
	  line-height: 1.6em;
		}
	
	.lire { 
	color: blue;
	font-weight: 600;
	}
	
	
	
	
}



@media screen and (min-width: 40em) {
  
  
  .logo {
    float: left;
  }
  .menu {
    height: 29px;
    width: auto;
    padding: .5rem 0 0 .5rem;
    border: 0px solid black;
    margin: 0;
  }
  .menu > li {
    float: left;
  }
  .menu > li > a {
   	padding: 0 .38rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #333;
  }
  
  .menu > li > a:hover {
    color: #ff0000;
    transition: .6s;
  }
  
  .submenu {
  position: absolute;
  z-index: 999;
  background-color: #005388;
  margin-top: .35rem;
	}
  .submenu ul{
  border: 2px solid yellow;
}
.submenu:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: -.3em;
  right: 0;
  border-top: .5em solid #222;
  border-bottom: .5em solid transparent;
  border-left: .3em solid #222;
  border-right: .3em solid #222;
  width: 7rem;
}
.submenu li {
	display: block;
  border-bottom: 0px solid #444;
  min-width: 121px;
}
.submenu a {
	padding: 8px 10px;
    font-size: .9em;
    font-weight: 700;
    color: #fff;
    background: #005388;
    white-space: nowrap;
    letter-spacing: .04rem;
    box-sizing: content-box;
}
.submenu a:hover {
  background: #333;
  color: #fff;
}

.menu > li:hover .submenu {
    display: block;
  }

}



@media screen and (min-width: 750px) {
  	
  	#container{
  		position: relative;
  		width: 1050px;
    	margin: 0 auto;
  		border: 0px solid green;
  	}
  	.zone{
    	box-sizing: border-box;
    	width: 100%;
        padding: 0;
        margin: 0;
        border: 0px solid blue;
    }
    #top{
    	margin: 0 auto;
    	background-color: #04ade8;
    	backgr
    }
  	.header {
  		width: 100%;
        padding: 0;
        margin: 0;
        background-color: none;
    }
	.header .tp{
      width: 100%;
        height: 102px;
        box-sizing: border-box;
        padding: 1rem;
        margin: 0;
        border: 0px solid red;
    }
    .language{
        width: 100%;
        height: 30px;
        ackground-image: url(../images/lang.jpg);
        background-repeat: no-repeat;
    	background-position: right;
    	cursor: pointer;
    }
    .banner{
        width: 100%;
        height: 233px;
        ox-shadow: 0px 5px 7px -1px rgba(0,0,0,0.13);
    }
    .head-text h1{
        position: absolute;
        width: 400px;
        margin: 0 0 0 80px;
        line-height: normal;
        font-size: 3.7rem;
        font-weight: 900;
        text-transform: uppercase;
        color: #008c36;
    }
    .top-menu{
        position: absolute;
        height: 30px;
        right: 0%;
        bottom: 0%;
        border: 0px solid red;
        z-index: 9999;
    }
    
    .eight.columns {
    width: 100%;
	}
	.top {
    position: relative;
    border: 0px solid red;
	}
    
    .rsx {
		margin: 0rem;
		padding: .1rem .6.5rem;
		list-style: none;
		border: 0px solid blue;
		float: right;
	}
	
	.rsx ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		border: 0px solid red;
		width: 100%;
		float: right;
	}
	
	.rsx li {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 0px solid blue;
		display: inline;
		padding: 0;
        float: left;
	}
	
	.rsx a {
        font-size: 1.9rem;
        font-weight: 600;
        display: inline;
		padding: .25em 0.2em;
		color: #1a1f12;
		background: none;
		text-decoration: none;
		margin:0;
		border: 0px solid green;
	}
	
	.rsx a:hover{
	color: red;
	text-decoration:underline;
    transition: .6s;
	}
	#hero {
		display: block;
        height: 0px;
        z-index: 999;
    }
    #hero h1{
    	display: block;
        width: 66%;
        float: right;
        padding: .4rem .9rem .4rem .6rem;
        bottom: 0%;
        margin: 4% auto 0;
        height: auto;
        font-size: 2.7rem;
        font-weight: 800;
        background-color: none;
        color: #fff;
        text-shadow: 3px 3px 0px #0086b5;
        letter-spacing: .1rem;
        opacity: 1;
    }

 /* home styles
-------------------------------------------------- */
    .content{
        position: relative;
        display: block;
        height: auto;
        max-width: 100%;
        padding: 0;
        margin: 0;
        border: 0px solid green;
        background-color: #fff;
        z-index: 1;
    }
    #lft{
    	width: 24%;
    float: left;
    margin: 0;
    box-sizing: content-box;
    border-right: 10px solid #e2e2e2;
    }
    #lft h3{
    	width: 90%;
    float: right;
    margin: 0 1rem 0 5rem;
    font-weight: 800;
    text-align: right;
    color: #0086b5;
    text-shadow: 3px 3px 0px #ddd;
    letter-spacing: .1rem;
    border-bottom: 0;
    }
    
    .main .block{
        position: relative;
        float: left;
        width: 50%;
        margin: 0;
        padding: 3rem;
        border: 0px solid red;
    }
    .main .hero{
	margin: 0 0 5rem;
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: justify;
    color: #000;
    }
    .block h2{
       font-size: 1.8rem;
       color: #0271b9;
    }
    .main .block .news{
       background-color: #eee;
    }
    
    .sliderkit-news-readmore{
    	color: #fff;
		font-weight: 700;
		padding: 1rem 1.5rem;
		background-color: #007bc8;
    }
    .sliderkit-news-readmore:hover{
    	color: #000;
	}
    
    /* service blocks
-------------------------------------------------- */
	#home-blk {
        display: block;
        position: relative;
        padding: 0;
        border: 0px solid red;
    }
	#home-blk ul {
        margin: 0;
    }
    #home-blk ul #txt{
    	width: 100%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 600;
    }
    #home-blk ul li{
        width: 33.33%;
        padding: 1rem;
        margin: 1rem 0;
        float: left;
        list-style: none;  
    }
    #home-blk ul li h3{
    	width: 90%;
        float: left;
        margin: 0;
        font-size: 3rem;
        font-weight: 800;
        line-height: normal;
    }
    #home-blk ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#home-blk ul li p{
    	clear: both;
    }
    
    #home-blk ul li img{
        width: 100%;
        margin: 1rem 0;
        float: left;
    }
	
	#home-blk ul li .more a {
    padding: .5rem;
    margin-top: 0rem;
    float: left;
    background-color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    list-style: disc;
    list-style-position: inside;
    line-height: normal;
    color: #333;
    box-sizing: border-box;
    cursor: pointer;
	}
	#home-blk ul li .more a:hover {
    background-color: #04ade8;
    color: #fff;
    transition: .8s;
	}
	
    #home-blk h4{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 600;
    }
    
    
    
       
 	/* page content styles
	-------------------------------------------------- */
	.nine.columns {
    width: 75.0%;
    border-left: 1px solid #e2e2e2;
    padding: 0 0 0 3rem;
	}
	.nine.columns p{
    font-size: 1.7rem;
	}
	#page-title{
        margin: 1rem 1rem 2rem;
    }
    #page-title h2{
        float: left;
        margin-bottom: 0;
        padding: .3rem .8rem;
        font-size: 2.5rem;
        font-weight: 600;
        color: #fff;
        background-color: #073616;
    }
    hr {
    width: 5%;
    margin-top: .7rem;
    margin-bottom: .7rem;
    margin-left: 0;
    border-width: 0;
    border-top: 3px solid #c9f386;
        clear: both;
    }
    #page-title p{
        margin: 1rem 0;
        font-size: 2rem;
        font-weight: 600;
        color: #888;
    }
    
 /* igs styles
-------------------------------------------------- */
	#svc .ngmt {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin: -2rem 0;
    }
    #svc .ngmt #txt {
        position: relative;
    	margin: 0;
    }
    #svc .ngmt h3{
        display: block;
        position: relative;
        padding: 1.2rem 0;
        font-size: 2.3rem;
        font-weight: 600;
        line-height: normal;
        border-top: 0px solid #eee;
    }
    #svc .ngmt-list{
        display: block;
	    position: relative;
	    padding: 4.5rem 2rem;
	    width: 50%;
	    height: 200px;
	    margin: 0;
	    float: left;
	    font-size: 4rem;
	    color: #0086b5;
	    font-weight: 800;
	    text-align: center;
	    line-height: normal;
	    background-color: #e0eff6;
	    border: 10px solid #fff;
	    box-sizing: border-box;
    }

/* expertises blocks
-------------------------------------------------- */
	.expert ul{
        border: 0px solid red;
    }
	.expert li{
    width: 31%;
    height: 170px;
    float: left;
    padding: 4rem 3rem;
    margin: 1% 1.1%;
    list-style: none;
    border: 4px solid #58beff;
    background-color: #ffffff;
    text-align: center;
    border-radius: 31px;
    }
    .expert li h3{
    color: #007bc6;
    font-size: 2rem;
    }
    
	.expert li p{
		margin: 1.5rem 0 1.5rem;
        color: #fff;
    }
	
	/* nos valeurs blocks
-------------------------------------------------- */
	#valeurs {
        height: 670px;
    }
    #valeurs ul{
        border: 0px solid red;
    }
	#valeurs li{
	position: relative;
    position: relative;
    width: 100%;
    height: 178px;
    float: left;
    padding: 2rem 4rem 4rem 0;
    margin: 0 0 3rem;
    list-style: none;
    border: 5px solid #207bc6;
    border-radius: 31px;
    background-color: #033344;
    text-align: center;
    }
    #valeurs li:hover{
    	background-color: #0a6a8c;
    	transition: .6s;
        color: #fff;
    }
    #valeurs li .title{
    	width: 43%;
    	float: left;
    	border: 0px solid green;
    }
    #valeurs li .cnt{
    width: 55%;
    float: right;
    border: 0px solid red;
    }
    
    #valeurs .title p {
    font-size: 3rem;
    font-weight: 700;
    width: 63%;
    float: right;
    margin-right: 5rem;
    margin-top: 2rem;
    line-height: normal;
    letter-spacing: .15rem;
    color: #008afb;
    }
    
    #valeurs li .cnt p{
    	text-align: justify;
    }
    
    #valeurs li h5{
    	position: absolute;
        top: -4.7rem;
    left: -1rem;
    font-size: 10rem;
    color: #ffffff;
    }
    
	#valeurs li h3 a{
        color: #fff;
    }
    #valeurs li h3 a{
        color: #fff;
    }
	#valeurs li .cnt p{
		margin: 1.5rem 0 1.5rem;
        color: #000;
    }
	#valeurs .more a{
       padding: .6rem 1rem;
    background-color: #fff;
    color: #033344;
    font-weight: 700;
    }
	#valeurs .more a:hover{
    background-color: red;
    color: #fff;
    font-weight: 700;
    }
	
	#valeurs .botline{
        border-bottom: 2px solid #e3ecef;
    }
	
	
	
	/* nos atouts blocks
-------------------------------------------------- */
	#atouts {
        height: 670px;
    }
    #atouts ul{
        border: 0px solid red;
    }
	#atouts li{
	width: 31%;
    height: 250px;
    float: left;
    padding: 2rem 1rem;
    margin: 1% 1.1%;
    list-style: none;
    border: 4px solid #58beff;
    background-color: #ffffff;
    text-align: center;
    border-radius: 31px;
    }
    
    #atouts li .title{
    	width: 43%;
    	float: left;
    	border: 0px solid green;
    }
    #atouts li .cnt{
    100%;
    margin: 1rem 1rem 2rem;
    padding: 0 1rem;
    border: 0px solid red;
    clear: both;
    }
    
    #atouts .title p {
    	font-size: 3rem;
    font-weight: 700;
    width: 63%;
    float: right;
    margin-right: 0;
    line-height: normal;
    letter-spacing: .15rem;
    }
    
    #atouts li .cnt p{
    	font-size: 1.7rem;
    	text-align: center;
    }
    
    #atouts li h5{
    position: relative;
    top: -4.7rem;
    font-size: 10rem;
    color: #ffffff;
    clear: both;
    }
    
	#atouts li h3 a{
        color: #fff;
    }
    #atouts li h3 a{
        color: #fff;
    }
	#atouts li p{
		color: #017bc6;
    }
	#atouts .more a{
       padding: .6rem 1rem;
    background-color: #fff;
    color: #033344;
    font-weight: 700;
    }
	
	
	 /* Rejoignez-nous
-------------------------------------------------- */
	.join {
        margin: 1.3rem 1.8rem 3rem;
    }
    .join li h4 {
        font-size: 1.7rem;
    }
	.post h5 a{
		float: left;
    background-color: #2fabf9;
    padding: .1rem 1.1rem;
    margin: .5rem 0;
    font-size: 2rem;
    }
	.post h5 a{
		color: #fff;
    }
    .post h5 a:hover{
		background-color: red;
		transition: .6s;
    }
	
	
	
	#rub-img {
        position: relative;
        margin: 0;
        border: 0px solid red;
        z-index: 2;
    }
    
    /* service blocks
-------------------------------------------------- */
	#svc {
        display: block;
        position: relative;
        padding: 0;
        border: 0px solid red;
    }
	#svc ul {
        margin: 0;
    }
    #svc #txt{
    	position: relative;
    	bottom: 0;
    	z-index: 99;
    	
    }
    #svc ul li{
        padding: .5rem;
        margin-bottom: .5rem;
        float: left;
        list-style: none;  
    }
    #svc ul li:hover{
        background-color: aliceblue;  
    }
    #theblk {
    	display: block;
    	position: relative;
    	padding: 0;
    	margin-bottom: 1rem;
    	height: auto;
    }
    #svc ul li h3{
    	display: block;
    	width: 70%;
        float: right;
        margin: 0;
        font-size: 1.5rem;
        font-weight: 800;
        line-height: normal;
    }
    #svc ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#svc ul li p{
		display: block;
		font-size: 1.3rem;
    	clear: both;
    }
    
    #svc ul li img{
    	display: block;
        width: 28%;
        margin: 0;
        float: left;
        cursor: pointer;
    }
	
	#svc ul li .more a {
    padding: .5rem;
    margin-top: 0rem;
    float: left;
    background-color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    list-style: disc;
    list-style-position: inside;
    line-height: normal;
    color: #333;
    box-sizing: border-box;
    cursor: pointer;
	}
	#svc ul li .more a:hover {
    background-color: #04ade8;
    color: #fff;
    transition: .8s;
	}
	
    #svc h4{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 1.7rem;
    font-weight: 400;
    text-align: justify;
    }
	
	
	
	/* bk styles 
	-------------------------------------------------- */
	.bk{
        display: block;
        position: relative;
        width: 33.33%;
        height: 300px;
        float: left;
        background-color: #0076a3;
        border: 3px solid #fff;
        overflow: hidden;
        background-image: url(../images/bk-bg.jpg); 
        background-repeat:no-repeat;
        background-position:right bottom;
    }
    .bk h3{
        position: absolute;
        top: 0;
        margin: 1rem;
        font-size: 2.5rem;
        font-weight: 800;
        color: #fff;
    }
    .bk img{
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: .6;
    }
	
	
	
	#svc .xpl {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin: 2rem 0;
    }
    #svc .xpl h3{
        display: block;
        position: relative;
        padding: 1.2rem 0;
        font-size: 2.3rem;
        font-weight: 600;
        line-height: normal;
        border-top: 2px solid #eee;
    }
    #svc .xpl h5{
        display: block;
        position: relative;
        padding: 1rem 0;
        margin: 0 1rem;
        font-size: 2.1rem;
        font-weight: 400;
        line-height: normal;
    }
    
	/* Portfolio styles 
	-------------------------------------------------- */
	
	#pfl {
        display: block;
        position: relative;
        padding: 5rem 0;
        border: 0px solid red;
    }
	#pfl h4{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 2rem;
    font-weight: 400;
    
    }
	
	#portfolio h3{
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
	background: none;
	width: 100%;
	height: auto;
	padding: 0px;
	margin-bottom: 1rem;
	border-bottom: 2px solid #fff;
	list-style: none;
	}
	
	#portfolio p{
	font-size: 1.4rem;
	font-weight: normal;
	color: #fff;
	font-weight: 500;
	background: none;
	padding: 0px;
	margin-bottom: 0;
	}
	
	/* Clients & Partenaires styles 
	-------------------------------------------------- */
	#boxes {
        display: block;
        position: relative;
        padding: 5rem 0;
        border: 0px solid red;
    }
	#boxes ul {
        margin: 0;
    }
    #boxes ul #txt{
    	width: 80%;
    margin-left: 2.5rem;
    font-size: 2rem;
    }
    #boxes ul li{
        width: 33.33%;
        padding: 1rem;
        margin: 1rem 0;
        float: left;
        list-style: none;  
    }
    #boxes ul li h3{
    	width: 90%;
        margin: 0;
        font-size: 3rem;
        font-weight: 800;
        line-height: normal;
        text-align: center;
    }
    #boxes ul li h3:hover {
    color: #04ade8;
    text-shadow: 3px 3px 0px #333;
    transition: .8s;
	}
	#boxes ul li p{
    	clear: both;
    	text-align: center;
    }
    
    #boxes ul li img{
        width: 100%;
        margin: 0;
    }
	
	.lire { 
	color: blue;
	font-weight: 600;
	}
	
	/* Carousel styles 
	-------------------------------------------------- */
	#carousel {
		position: relative;
		display: block;
		top: 1%; 
		width: 100%;
	}
	#carousel .tet h5{
		float: left;
		width: auto;
		padding: .1rem 1rem;
		margin-bottom: 0;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: .01rem;
		background-color: #c9f386;
		color: #111;
	}
	#carousel .tet a{
		float: right;
		width: auto;
		padding: .1rem 1rem;
		margin-bottom: 0;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: .01rem;
		color: red;
		z-index: 999;
	}
	#carousel .tet a:hover{
		color: #053516;
	}
	

/* Main
-------------------------------------------------- */
.main {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
  margin: 0 auto;
  border: 0px solid green;
  min-height: 480px;
  overflow: hidden;
  background: #fff;
}

.chapeau p {
    font-size: 30px;
    line-height: 3.6rem;
    font-weight: 900; 
    color: forestgreen;
    text-align: right;
    margin: 2rem 3rem 0;
}

/* top-menu */

.sidebar {
  
  background: none;
}

/* Text blocks */
.text ul,
.text ol {
  margin-left: 1em;
}


/* Project teaser
-------------------------------------------------- */
.teaser {
  list-style: none;
  border: 0px solid red;
}
.teaser li {
  margin-bottom: 1.5em;
  list-style: none;
}



/* Next/Prev nav
-------------------------------------------------- */
#svc nav {
  width: 80%;
  margin-left: 2.5rem;
}
.nextprev {
  padding: 2em 0;
}
.nextprev a {
	font-size: 1.6rem;
    font-weight: 800;
  border: 0;
      color: #003548;
}
.nextprev .prev {
  float: left;
}
.nextprev .next {
  float: right;
}


/* Footer
-------------------------------------------------- */
	footer{
        width: 100%;
  		margin: 0 auto;
  		padding: 1rem;
        height: 100px;
        border-top: 6px solid #ddd;
        clear: both;
    }
    footer h2{
        float: left;
        margin: 0;
        font-size: 3rem;
        font-weight: 800;
    }
    footer h2:hover{
        color: #04ade8;
	    text-shadow: 3px 3px 0px #333;
	    transition: .8s;
    }
    footer h5{
        width: 80%;
        float: right;
        margin: .8rem  0;
        font-size: 1.2rem;
        font-weight: 600;
        text-align: left;
    }
    footer h6{
        width: 60%;
        float: right;
        font-size: 1rem;
        font-weight: 600;
        line-height: normal;
        text-align: right;
    }
    footer h6 span{
    	float: right;
        font-size: 1.8rem;
        font-weight: 800;
        clear: both;
        cursor: pointer;
    }
    footer h7{
        width: 80%;
        float: right;
        padding-top: .8rem;
        margin: .8rem 0 0;
        font-size: 1.1rem;
        font-weight: 600;
        border-top: 2px solid #ddd
    }

.decla-site p{
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 1rem;
}
.copyright {
  float: left;
}
.colophon {
  float: right;
}
.colophon a b {
  color: red;
  padding-left: .25em;
}

	.footer .columns{
        padding: .5rem 1rem 0rem;
    }
    .footer{
        line-height: normal;
        color: #111;
    }
    .footer h5{
        font-size: 1.35rem;
        font-weight: 8OO;
    }
    footer .link li{
        display: inline;
        padding: .01rem .3rem;
        margin: 0;
        font-size: 1.3rem;
        cursor: pointer;
    }
    footer .link li:hover{
        color: red;
    }
    footer li a{
        color: #333;
    }
    footer li a:hover{
        color: red;
    }
    .footer .makers a{
        float: right;
        margin: -2% .8% 0 0;
        text-decoration: none;
        font-weight: 600;
        color: red;
    }
    .footer .makers a:hover{
        color: #000;
    }
    
    /* page-art
-------------------------------------------------- */
	.page-art{
		position: relative;
		display: block;
        width: 100%;
        padding: 1rem;
        margin-top: 0;
    }
    .page-art{
		margin: 1rem 0;
	    font-size: 1.8rem;
	    font-weight: 500;
	    color: #555;
	}
    .box{
        position: relative;
        height: auto;
        margin: 0;
        padding: 1rem;
        overflow: hidden;
    }
    .page-art .head{
    	position: absolute;
    	margin-bottom: 8%;
    	border: 0px solid blue;
    	z-index: 1;
    }
    .page-art .head time{
        position: absolute;
        float: right;
        right: 2%;
        padding: 0 .8rem;
        font-size: 1.2rem;
        font-weight: 600;
        color: #555;
    }
	.page-art .head .tags {
	float: right;
  	padding:0;
    margin: 0;
    bottom: 3%;
    border: 0px solid red;
  	background-color: none;
    clear: both;
	}
	.page-art .head .tag {
	position: absolute;
  	padding: .1rem 1rem;
    margin: 0;
    border: 0px solid gray;
  	background-color: #fff;
  	list-style: none;
    font-weight: 600;
    color: red;
	}
    .page-art img{
        position: relative;
        margin: 0;
        border: 0px solid red;
        clear: both;
        z-index: -1;
    }
    .page-art .intro{
        margin: 1rem 0;
	    font-size: 2rem;
	    font-weight: 600;
	    color: #888; 
    }
    .page-art h3{
    	margin: 1rem 0;
	    font-size: 3rem;
	    font-weight: 800;
	    line-height: normal;
	}
	#annonce h3{
    	margin: 3rem 0;
	    
	}
	.page-art h5{
    	color: #053516;
	}
	
    .box .cntnt{
        padding: 0 .3rem;
        margin: 0;
        z-index: 1;
        border: 0px solid red;
        clear: both;
    }
    .box h4{
        margin: 0 0 .4rem 0;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1rem;
    }
    .cntnt h3 a{
    	margin: .3rem 0 ;
    	font-size: 1.8rem;
    	color: #053516;
        text-decoration: none;
        font-weight: 800;
        line-height: normal;
    }
    .cntnt p{
        margin-bottom: .5rem;
        line-height: normal;
        font-weight: 600;
        color: #333;
    }
    .cntnt a:hover{
        color: red;
        transition: .6s;
        text-decoration: none;
    }
    .cntnt .more{
    	float: left;
        margin: 0;
        padding: .3rem .5em;
        background-color: #006400;
        font-size: 1.3rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
    }
    .cntnt .more a{
    	color: #fff;
    }
    .cntnt .more:hover{
        background-color: #666;
        color: #fff;
        transition: .6s;
        text-decoration: none;
    }


/* page-art
-------------------------------------------------- */
.thank {
	margin: 1.5rem 0;
}
.thank h3{
	color: #0086b5;
    font-size: 3rem;
    font-weight: 500;
}

.contact-infos {
	padding: 2em;
}
.contact-infos h5{
	margin-bottom: 1rem;
	font-size: 2rem;
  	font-weight: 700;
  	color: #555;
}
.contact-infos h3{
	text-align: left;
}
.contact-infos h6{
	font-size: 1.8rem;
    font-weight: 700;
    color: #021848;
    text-align: left;
}
.contact-infos placeholder {
	color: #000;
}

}

@media (min-width: 1000px) {
	.menu {
    margin: 0;
    }
	
	#hero h1{
    	font-size: 5rem;
    }
    
    .main {
    width: 100%;
    max-width: 1200px;
    }
    #lft h3 {
    font-size: 2.7rem;
    }
    #svc ul li {
    padding: .5rem 2rem;
    margin-bottom: 2rem;
    }
    #svc ul li img {
    width: 20%;
    }
    #svc ul li h3 {
    font-size: 2.3rem;
    }
    #svc ul li p {
    font-size: 1.7rem;
    }

    footer {
    width: 100%;
    max-width: 1200px;
    }
    
}