.height-wrap {
	height:50px;
	text-align:center;
}


.partners {
	margin-top: 30px;
	font-weight: bold;
}

.partners span {
	font-family:'robotobold';
}


.target {
	width:40%;
}
.team-list {
	color: #777373;
	font-family:'robotoRegular', arial, helvetica;
}

.team-list .mail {
	color: #777373;
}




.big-title
{
	position:absolute;
	text-align:center;
	font-size:35px;
	font-family:'Arvo';
	color:#FFFFFF;
	text-transform:uppercase;
}


/**GLOBAL**/
* {
	margin:0 auto;
	padding:0 auto;
}

body {
	font-size:14px;
	font-family:'robotoLight', helvetica, arial;
	outline:none;
	overflow-x:hidden;

}

.body-product, .body-contact {
	background-color: #f4f4f4;
}

h1 {
	font-family:'robotoThin', helvetica, arial;
	 font-size: 32px;
	 text-transform:uppercase;
	 font-weight:lighter;
	 color:#231f20;
	 letter-spacing:5px;

}

h2 {
	font-size:20px;
	font-weight:lighter;
}


a {
	text-decoration:none;
}

/**SOCIAL**/

.social-icons {
	top:15px;
	left:30px;
	display:block;
	position:relative;
}



.social {
	background-image:url(../images/social-icons.png);
	width:45px;
	height:40px;
	float:left;
	background-repeat:no-repeat;
	opacity:0.5;
}

.social:hover {
	opacity:1;
}

.facebook {
	background-position:0 0;
}

.linkedin {
	background-position:-104px 0;
}

.viadeo {
	background-position:-156px 0;
}

.twitter {
	background-position:-52px 0;
}


.icons-editors {
	background-image: url(../images/editors-icons.png);
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
	padding-left:10px;
	bottom-top:10px;
}

.icon-mail {
	background-position:0;
}

.icon-display {
	background-position:-70px;
}

.icon-coreg {
	background-position:-140px;
}

.icon-sponso {
	background-position:-210px;
}

.icon-phone {
	background-position:-344px;
}

.icon-adress {
	background-position:-277px;
}

.icon-adress {
	background-position:-277px;
}

.icon-object {
	background-position:-411px;
}




/**ASSETS**/
.pills {
	background-image:url(../images/mark-icons.png);
	background-repeat:no-repeat;
   margin:0 auto
}

.pills-item {
	width:100px;
	height:100px;
}

.second {
	background-position:-100px;
}

.third {
	background-position:-202px;
}

.fourth {
	background-position:-303px;
}

/**BTNS**/

.btn {
	width:276px;
	height:61px;
	cursor:pointer;
	display:block;
	background-repeat:no-repeat;
}


.btn-submit {
	background-image:url(../images/btn-submit.png);
    width:250px;
    border:0;
    font-size:0;
}

.btn-submit:hover {
    background-position: 0 -60px;
}

.btn-call-to-action {
	background-image:url(../images/btn-call.png);
}

.btn-call-to-action:hover {
	background-position:0 -60px;
}
.btn-call-to-action:active {
	background-position:0 -124px;
}

/**CONTAINER, GRIDS**/
.big-container {
	width:1620px;
	margin:auto;
}

.mid-container {
	width:1027px;
	text-align:center;
	margin:auto;
}

.product-container {
	width:1160px;
	background-color:#FFFFFF;
	margin:auto;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.container {
	width:960px;
	margin:auto;
	text-align:center;
}

.clear {
	clear: both;
}

.left {
	float:left;
}

.right {
	float:right;
}


/**HEADER**/

.header {
	width:100%;
	height:auto;
	background-color:#f2f2f2;
}

.header .logo {
	float:left;
	padding:10px;
}

.header .logo img {
	height:46px;
	width:160px;
}


.product-container {
width: 1160px;
background-color: #FFFFFF;
margin: auto;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
position: relative;
bottom: 30px;
border-radius: 2px;
border-top: #0d75b0 10px solid;
}
.push-wrap {
	float:left;
	height:100%;
	width:246px;
}

.top-content {
	background-color:#07a488;
}

.top-content img {
	height:100%;
}

.editors-top {
	height:280px;
	background-color:#000;
}

.editors-top .title-top {
	float:left;
	text-transform:uppercase;
	margin-top:120px;
	font-size:35px;
	color:#FFF;
	font-family:'arvo';
	font-weight:lighter;
}

.editors-top img {
	float:right;
	height:100%;
}

.editors-content {
	overflow:hidden;
}


.editors-part {
	height:200px;
	background-color:#0f7c91;
	margin-top:20px;
	border-radius:2px;
}


.bg-part{
	background-image:url(../images/right-img-editors.jpg);
	width:100%;
	height:100%;
	background-position:50% 50%;
}

.logo-top {
	width:100%;
	height:80px;
	background-color:#0d75b0;
}

.product-content {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}


.text-section {
padding-top: 40px;
font-size: 14px;
color: #9b9b9b;
border-left: 10px solid #07a488;
padding-left: 20px;
line-height: 2;
text-align: justify;
}



.main {
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}


.editor-info {
	padding-bottom:80px;
}

.editor-text {
	padding:50px;
	border-left: 10px solid #07a488;
}


.main .how , .main .subzero{
	text-align:center;
}

.editorsh2 {
	font-size:22px;
	font-family:'robotoLight';
	color:#0d75b0;
}

.editor-text {
	padding-top: 10px;
	font-size: 20px;
	font-family: 'robotoRegular';
	color: #595959;
	line-height: 1.7;
}

.editor-text ul {
	padding:30px;
}

.editor-text .main-list {
	padding:20px;
	font-family: 'arvo';
	width:auto;
}

.icons-editors {
	background-image: url(../images/editors-icons.png);
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
}

.sub-part {
	font-size:22px;
	font-family:'robotoLight';
	color:#0d75b0;
	margin-top:25px;
}

.main-list .icons-editors {
	padding-left:10px;
	bottom-top:10px;
}

.icon-mail {
	background-position:0;
}

.icon-display {
	background-position:-70px;
}

.icon-coreg {
	background-position:-140px;
}

.icon-sponso {
	background-position:-210px;
}


.editor-text .main-list ul li {
	font-size:16px;
	font-family:'robotoLight';
}

.round {
	font-size:14px;
   margin-bottom:10px;

}

.circles-orange {
	background-image: url(../images/circle-orange.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}




.strong-info {
	font-family: 'robotoRegular';
	color:#0d75b0;
	font-size:18px;
}

hr {
	color: #e9e9e9;
	background-color: #e9e9e9;
	height: 1px;
	border: 0;
	margin-top:30px;
}

.form-area {
	height:auto;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	height:auto;
}

.btn-send {
	text-align:right;
}

.product-text-top {
background-image: url(../images/rect.png);
position: absolute;
top: 50px;
font-family: 'robotoLight';
color: #FFFFFF;
padding: 10px;
}

.top-content-product {
width: 100%;
max-height: 300px;
background-color: #5db7e3;
overflow: hidden;
position: relative;
}

.top-content-product img {
width: 100%;
height: auto;
}


.form-title {
	font-family:'arvo';
	font-size:25px;
	text-transform: uppercase;
	font-weight:lighter;
	color:#2b2b2b;
	letter-spacing: 2.5px;
	padding:0 20px;
}

.title-section {
font-family: 'robotoRegular';
font-size: 25px;
color: #4D4D4D;
padding-left: 20px;
text-align: center;
margin-top: 30px;
}

.text-section {
margin-top: 50px;
font-size: 18px;
color: #5C5959;
border-left: 10px solid #F8FAFA;
padding-left: 20px;
line-height: 2;
text-align: justify;
}

.form-container {
	border:none;
}

.row-1, .row-2, .row-3 {
	float:left;
}



label {
	font-size:17px;
	font-family:'robotoThin';
}


input[type=text] {
	width:323px;
	height:30px;
	outline:none;
	font-size:16px;
	font-family:'robotoRegular';
	padding:10px;
	border-radius:2px;
	border:1px solid #eeeeee;
	background:#f7f7f7;
	margin-bottom:20px;
	color: #919191;
}

textarea {
	width:323px;
	height:125px;
	outline:none;
	font-size:14px;
	font-family:'robotoLight';
	padding:10px;
	border-radius:2px;
	border:1px solid #eeeeee;
	background:#f7f7f7;
	margin-bottom:20px;
	position:relative;
	color: #919191;
	margin-top:23px;
}

.objective {
font-size: 20px;
font-family: 'robotoRegular';
color: #595959;
}


.form-area .contact-info {
	width:222px;
	margin-top:20px;
	text-align:left;
}

.glyph-icons {
	background-image: url(../images/glyphs.png);
	background-repeat: no-repeat;
	width:21px;
	height:21px;
}

.inf .glyph-icons {
	float:left;
	padding-left:20px;
}

.inf p {

}

.adr {
	background-position: 0 -27px;
}

.mai {
	background-position: 0 -52px;
}

.inf {
	padding:10px;
}

.side-menu {
	color:#000000;
	margin-top:20px;
}

.mailto {
	font-family: 'robotoMedium';
	color:#54bae8;
}


.small {
	width:100%;
	height:190px;
	background:black;
	overflow:hidden;
}

.google-map img {
	width:100%;
	height:auto;
}

.list-heading {
	margin-left:10px;
	font-family:'robotoRegular';
}

.side-menu ul {
	list-style-type: none;
}

.side-menu ul li {
	padding:10px;
}

.side-menu ul li:hover  {
	background-color:#e32831;
	cursor:pointer;
	color:#FFFFFF;
}

.side-menu ul li a:hover  {
	color:#FFFFFF;
}

.main-list {
padding: 20px;
font-family: 'arvo';
width: auto;
}

.form-area .contact-info .main-list {
padding-left: 10px;
font-size: 18px;
color: #535252;
margin-top: 20px;
}

.form-area .contact-info .main-list .icons-editors {
position: relative;
bottom: 10px;
padding-left: 20px;
}

/*end*/

/*CONTACT PART*/

.contact-top {
	width:100%;
	height:auto;
	background-color:#54bae8;
}

.contact-h1 {
	font-family: 'arvo';
	color:#FFFFFF;
	line-height:2;
	font-size:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.contact-content {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	border:1px solid #ededed;
	margin-top:10px;
}

.contact-content hr {
	width:85%;
}

.contact-content .contact-title {
	padding:20px 0;text-align:left;
}
#contact-form{
	text-align: left;
}

.row-form {
	margin-left:20px;
	padding:20px;
}

.row-info {
	width:100%;
	text-align:left;
	font-size:16px;
}

.row-info p {
	margin-left:30px;
}


/**TOP**/


.top-contact {
	width:100%;
	height:100%;
	background-color: #000;
	padding-top:5px;
	padding-bottom:5px;
}

.top-contact .renseignement {
	color:#fff;
	font-size:12px;
   padding: 0 10px
}

.top-contact .renseignement span {
	font-family:'robotoRegular';
}


/**ZONE SLIDER**/
.zone-slider {
	position:relative;
	z-index:3;
	width: 100%;
	height:400px;

}
.slide {
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width:100%;
	height:100%;

}

.da-slider {
	height:100%;
	background-color:#f9f9f9;
	background-image:url(../images/pattern.png);
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;

}

.da-img {
}

.slide img {
	width:100%;
	height:auto;
}

/**FIRST CONTENT**/

.first-wrap {
	height:auto;
	position:relative;
	z-index:3;
	background-color:#FFFFFF;
}

.first-title {
	margin-top:24px;
}

.mini-title {
	font-family:'arvo';
	padding-top:10px;
}

.pills-group-full {
	margin:auto;
}

.group {
	text-align:center;
	float:left;
}

.pills-group {
	width:240px;
	padding-bottom:15px;
}

.under-text {
	font-size:18px;
	width:162px;
	color:#7e7e7e;
   margin:10px auto 0 auto;
}

.arrow-down {
	background-image:url(../images/arrow-down.png);
	margin:auto;
	width:94px;
	height:48px;
	position:relative;
	top:44px;
}

.second-wrap {
	height:400px;
	text-align:center;
	overflow:hidden;
}
.multi {
	background-image:url(../images/bg-colors.png);
	width:100%;
	height:100%;
	position:relative;
}
.multi .btn-contact {
	position:relative;
	top:90px;
}

.bg-road {
	background-image: url(../images/bg-road1.jpg);
	height:100%;
	width:100%;
	position:absolute;
	background-position:50% 50%;
	background-attachment: fixed;
	bottom:100px;
	z-index: -1;
	top:0;
}

.sols {
	margin-top:60px;
}



.sol-annonceurs {
	float:left;
}
.sol-editeurs {
	float:right;
}


.product-list {
	list-style-type:square;
	text-align:left;
	margin-top:30px;
}

.product-list li {
	padding:10px;
}

.product-list li a {
	color:#FFFFFF;
	font-size:17px;
}

.products-title {
	color:#FFFFFF;
	letter-spacing:0.5px;
	padding-top:50px;
	display:block;
}


.sol-annonceurs, .sol-editeurs  {
	text-transform: uppercase;
	color:#FFFFFF;
	font-family: 'robotoLight'
}

.sol-editeurs h2, .sol-annonceurs h2 {
	float:left;
}

.sol {

	height:auto;
	background-repeat: repeat-y;
	line-height:2.3;
	margin-top:50px;
	font-size:18px;
	font-family: 'robotoThin'

}

.sols-r {
	margin-left:50px;
}


.third-wrap{
	height:auto; 
	width:100%;
	background-color:#f9f9f9;
	border:1px solid #f5f5f5;
	padding-top:10px;
	padding-bottom:10px;
}


.slide-c  {
	float:left;
	margin-left:15px;
	width:176px;
	height:78px;
	background-color:#FFFFFF;
	text-align:center;
}

.slide-c img {
	margin-top:8px;
}

.fourth-wrap {
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:40px;
}

.how {
	font-size:35px;
	font-family:'robotoLight';
	color:#2b2b2b;
	margin-top:35px;
	font-weight:lighter;
}

.subzero {
	font-size:18px;
	padding-top:10px;
	font-family:'robotoLight';
}

.fourth-wrap .who-we-are{
	margin-top:30px;

}

.fourth-wrap .left {
	margin-left:60px;
}

.bloc-par {
	width: 420px;
	text-align:justify;
	padding-bottom:30px;
}

.par-title {
	font-size:15px;
	color:#2b2b2b;
	font-family: 'robotoMedium';
}

.par-cont {
	padding-top:10px;
	font-size:13px;
	font-family:'robotoRegular';
	color:#595959;
	line-height:1.7;
}

.fifth-wrap {
	height:250px;
	width:100%;
	overflow: hidden;
}

.bg-road2 {
	background-image: url(../images/bg-2.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

.this-content {
	padding-top:50px;
}

.files {
	background-image: url(../images/files.png);
	width: 55px;
	height:60px;
	margin:auto;
}

.p-line {
	font-size:23px;
	color:#FFFFFF;
	font-family: 'robotoThin_italic';
	margin-top:20px;
}

.team {
	font-size: 16px;
	text-align: center;
}


.team ul li{
	list-style-type:none;
}

.team-name {

}
/*blog*/


.sixtieth-wrap {
	background-color:#136796;
	width:100%;
	height:200px;
	padding-top:50px;
	padding-bottom:100px;
}

/*blog*/

.seven-wrap {
	background-color:#f9f9f9;
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:100px;
}

.user-img {
	width:136px;
	height:136px;
	background-color:#FFFFFF;
	border-radius:50%;
	overflow:hidden;
}

.user-img img {
	width:100%;
	height:100%;
}

.name {
	text-transform: uppercase;
	color:#e32831;
	font-size:21px;
	padding-top:10px;
}

.about {
	margin-top:10px;
	color:#8b8b8b;
	line-height: 2;
}


/*blog part*/

.blog-bg {
	background-color:#f8f9fa;
}

.top-content-blog {
	width:100%;
	height:280px;
	background-color:#5db7e3;
}

.img-top-blog {
	width:100%;
	height:100%;
	background-image:url(../images/img-top-blog.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-sites {
	width:100%;
	height:100%;
	background-image:url(../images/http.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-equipe {
	width:100%;
	height:100%;
	background-image:url(../images/equipe.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-who {
	width:100%;
	height:100%;
	background-image:url(../images/orga.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-mail {
	width:100%;
	height:100%;
	background-image:url(../images/mail-top.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-leadsconcess {
	width:100%;
	height:100%;
	background-image:url(../images/clef.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-packporte{
	width:100%;
	height:100%;
	background-image:url(../images/packimg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-serviceauto{
	width:100%;
	height:100%;
	background-image:url(../images/serviceauto.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-collecte{
	width:100%;
	height:100%;
	background-image:url(../images/collecte.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.img-top-enquete{
	width:100%;
	height:100%;
	background-image:url(../images/enquete.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}


.blog-title {
	font-size:40px;
	font-family:'arvo';
	text-transform: uppercase;
	text-align:left;
	letter-spacing: 2px;
	color:#000;
	padding-top:120px;
}

.pack-title {
	font-size:40px;
	font-family:'arvo';
	text-transform: uppercase;
	text-align:left;
	letter-spacing: 2px;
	color:#FFF;
	padding-top:120px;
}

.art {
	width:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	text-align:left;
	font-family:'robotoThin';
	padding:20px;
	border-radius:2px;
	border-left: 10px solid #07a488;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

}

.left-cont {
	float:left;
	width:60%;
}


.title-blog {
	font-size:28px;
}

.all-full {
	width:70%;
	float:left;
	border-right:1px solid #EEEBEB;
	padding:15px;

}


.art p {
	text-align: justify;
	color:#9b9b9b;
	line-height:2;
	padding-top:10px;
}

.img-blog {
	width:300px;
	height:auto;
	margin-top:25px;
	border:1px solid #EFF2F5;
	border-radius:4px;
	overflow:hidden;
}


.art .right-img {
	float:right;
}

.img-blog img {
	width:100%;
	height:100%;
}

/*Full page*/

.full {
	width:95%;
}

.full-content p {
	width:95%;
}

.full-content p span {
	
}


.img-full {
	height:300px;
	overflow:hidden;
	border:1px solid #EFF2F5;
	margin-bottom:10px;
	width:95%;


}

.img-full img {
	width:100%;
	height:auto;
}

.soc {
	float:left;
	padding:15px;
	text-transform:uppercase;
	font-family:'robotoMedium';
	letter-spacing:1px;
	font-size:16px;
}



.bottom-line ul  {
}

.bottom-line ul li {
	text-transform:uppercase;
	margin-top:10px;
	display:inline;
	vertical-align: middle;
	padding-left:20px;
}

.first-item {
	background: url(../images/share.png) no-repeat;
	height:28px;
	padding: 0px 0px 1px 30px;
	color:#000;
}


.readmore {
	float:right;
	color:#0d75b0;
	font-family:'robotoRegular';
	cursor:pointer;
	text-decoration: underline;

}

/*sites*/

.p-content {
	width:100%;
	background-color:#FFFFFF;
	border:1px solid #EFF2F5;
	margin-top:20px;
	text-align:left;
	font-family:'robotoThin';
	padding:30px;
	border-radius:2px;
}



.site-encart {
	width:30%;
	height:265px;
	background:#FFFFFF;
	overflow:hidden;
	float:left;
	margin-left:23px;
	border:1px solid #CBCDCF;
	border-radius:2px;
	text-align:center;
	margin-bottom:50px;
}

.site-encart img {
	width:100%;
	height:90%;
	margin-bottom:5px;
}

.link-sites {
	color:#0d75b0;
	font-family:'robotoMedium';
	height:30px;
}

/*lequipe*/

.team-content {
	text-align:center;
}


.team-content p {
	margin-top:20px;
	font-size:16px;
	font-family:'robotoLight';
	margin-bottom:30px;
	color:#777777;
}


.who-content {
	text-align:left;
}

.who-content h1 {
	font-size:24px;
}


.who-content p {
	margin-top:20px;
	font-size:16px;
	font-family:'robotoLight';
	margin-bottom:30px;
	color:#777777;
}


/**footer**/
.f-left {
	float:left;
}

.f-right {
	float:right;
}


.grid-1 {
	width:100%;
}

.footer {
	height:150px;
	border:1px solid #f2f2f2;
}

.column {
	margin-right:30px;
}

.footer-links {
	width:100%;
}

.wrap-3 {
	padding-top:18px;
}

.wrap-3 ul {
	margin:0;
	padding:0;
	text-align:left;
}

.wrap-3 ul li {
	list-style-type:none;
}

li.link2 {
	padding-top:5px;
}

.gmap {
	margin-right:10px;
}

.adress {
	color:#000000;
	text-align:left;
}

.btn-contact {
	width:128px;
	height:31px;
	background-color:#2facdc;
	display:block;
	margin-top:4px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:1.9;
	text-align:center;
}

.footer .logo {
	margin-top:20px;
	width:200px;
}

.link-heading {font-family:'robotobold'; font-size:15px; color:#000000; text-align:left;}

.link {
	font-size:15px;
	color:#2facdc;
	font-family:'robotoLight';
	text-decoration:underline;
}

.link2 {
	font-size:15px;
	color:#a1a1a1;
	font-family:'robotoLight';
}

.link2 a {
	text-decoration:none;
	color:#a1a1a1;
}

p.erreur{
    color:#e32831
}

#starquest .titre{
    text-align:left;
}
#starquest img{
    width:90px;
    max-width:100%
}
#starquest .link{
    text-decoration:none;
    text-align:right
}
#starquest .link a{ color:#a1a1a1; font-size:12px; }
#starquest .link a{ color:#aaa }

#starquest-pop{ display:none; background-color:#fff; width:600px; padding:15px }
#starquest-pop p{ text-align:left; margin-bottom:15px; }
#starquest-pop p.titre{ font-size:20px; font-weight:bold; }
#starquest-pop p.content{ font-size:14px }
#starquest-pop img{ float:left; margin:0 15px 15px 0 }
#starquest-pop p.content a{ color:#2facdc }


.mentions-contact{
    padding:25px;
    padding-top:0;
    font-size:12px;
    text-align:left
}

label.optin, .contact-zone{
    text-align:left;
}

.map-bloc{
	width:50%;
}
.form-bloc{
	width:50%;
}