body {
    max-width: 1200px;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    background-image: url(../img/noise_lightgrey_bg.jpg);
}
.wrapper
{
    width:100%;
    font-family: "Titillium Web", sans-serif;
    font-weight: 300;
	background-color: #ffffff;    
}

/* Header */
.logo
{
    height:80px;
    margin-top:10px;
    margin-bottom: 10px;
	background-color: #ffffff;
}
.menu
{
    text-align: right;
    margin-bottom: 10px;
    margin-top:10px;
    height:80px;
    line-height: 80px;
    vertical-align: middle;
    position: relative;
    right:2%;
    padding-right: 0px;
}
.menu>ul>li
{
    display: inline-block;
    text-align:right;
    font-size: 18px;
    line-height: 20px;
    background-color:white;
    color: #ef1d1c;
    padding:7px 20px;
    margin: 0px;
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.cta
{
    color: #ef1d1c;
    border : #ef1d1c 1px solid;
    padding:7px 20px;
    margin: 10px;
}
.cta:before
{
    margin-top: 10px;
}

.cta:after
{
    margin-bottom: 10px;
}

.menu>ul>li:hover, .cta:hover
{
    background-color:#ef1d1c;
    color:white;
}
.menu>ul>li.phone:hover
{
    background-color:white;
    color: #ef1d1c;
}
.menu>ul>li>a:hover
{
    text-decoration: none;
}
.dropdown-menu {
 margin-top: 0px;
}
.header {
    height:80px;
}
.header .div
{
    height: 80px;
}

#wrap-menu-xs
{
    padding-top:10px;
    text-align: right;
}
.menu>ul>li.blog:hover
{
    background-color: white;
}
.navbar-default
{
	background-color: white;
    border:none;    
}
.navbar-nav li
{
    text-align: center;
    font-size: 25px;
}
.visible-xs .navbar-default .navbar-nav>li>a, .visible-xs .dropdown>ul>li>a
{
    color:#ef1d1c !important;
}
.open a
{
    background-color: white !important;
}
/* Content */

.row {
	max-width: 1200px;
	margin-right: 0px !important;
    margin-left: 0px !important;
}
/* home */
.image-header {
    height:500px;
    background-image: url(../img/fond.jpg);
    background-position: center center;
    background-size: cover;
    color:white;
    text-align: center;
    vertical-align: bottom;
    margin: 0;
    width:100%;
    line-height: 500px;
}
.paveshome {
	margin-top: 140px;
    margin-left:auto;
    margin-right:auto;
}
.pavegauche {
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	color: #333;
	padding: 32px 20px 32px 32px;
	margin-top: 0px;
	font-size:48px;
	line-height: 52px;
	text-transform: uppercase;
	text-align: right;
	font-family: Oswald;

	font-weight: 700;
	max-height:300px;
	vertical-align:top;
}
.pavedroit {
	display: inline-block;
	margin-left: -3px;
	background-color: rgba(255,255,255,1);
	color: #333;
	padding: 30px 30px 30px 20px;
	margin-top: 0px;
	color: #333;
	font-size:20px;
	line-height: 32px;
	text-align: left;
	font-family: Georgia;
	font-weight: 100;
	font-style: italic;
	vertical-align:top;
}
.rouge {
    color: #ef1d1c;
}


/* pages */
.image-conseil {
    height:auto;
    background-image: url(../img/strategie-digitale-conseil-accompagnement-photo-du-pont-Japonais-a-la-Defense-par-Sebastien-Desnoulez-photographe-architecture.jpg);
    background-size: cover;
    background-position: center center;
    color:white;
    text-align: center;
    vertical-align: bottom;
    margin: 0px;
    width:100%;
    line-height: auto;
    padding-bottom: 30px;
}

.image-leadgen {
    height:auto;
    background-image: url(../img/generer-des-leads-avec-inbound-marketing-photo-de-la-Grande-Arche-de-la-Defense-par-Sebastien-Desnoulez-photographe-d-architecture.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    vertical-align: bottom;
    margin: 0px;
    width:100%;
    line-height: auto;
    padding-bottom: 30px;
}

.image-publications {
    height:auto;
    background-image: url(../img/publications-photo-en-studio-par-Sebastien-Desnoulez-photographe-corporate.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    vertical-align: bottom;
    margin: 0px;
    width:100%;
    line-height: auto;
    padding-bottom: 30px;
}

.image-experts {
    height:auto;
    background-image: url(../img/nos-experts-pour-renforcer-vos-equipes-photo-du-CNIT-par-Sebastien-Desnoulez-photographe-architecture-a-la-Defense.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    vertical-align: bottom;
    margin: 0px;
    width:100%;
    line-height: auto;
    padding-bottom: 30px;
}

.image-carrieres {
    height:auto;
    min-height:800px;
    background-image: url(../img/carrieres-photo-de-la-Grande-Arche-de-la-Defense-par-Sebastien-Desnoulez-photographe-d-architecture.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    vertical-align: bottom;
    margin: 0px;
    width:100%;
    line-height: auto;
    padding-bottom: 30px;
}

#strategie
{
    background-image: url(../img/strategie-digitale-photo-du-pont-Japonais-a-la-Defense-par-Sebastien-Desnoulez-photographe-architecture.jpg);
    background-size: cover;
    background-position: center center;
}

#competences
{
    background-image: url(../img/integrez-des-talents-photo-de-la-Grande-Arche-de-la-Defense-par-Sebastien-Desnoulez-photographe-d-architecture.jpg);
    background-size: cover;
    background-position: center center;
}

#leads
{
    background-image: url(../img/generez-des-leads-photo-de-la-Grande-Arche-de-la-Defense-par-Sebastien-Desnoulez-photographe-d-architecture.jpg);
    background-size: cover;
    background-position: center center;
}

/* Seb .allerplusloin {
	background-color: #000000;
	color: #ffffff;
} */

/* Pavé h1/h3 */
.divtxt {
    width: 350px;
    margin-left:auto;
    margin-right:auto;
    vertical-align: top;
    line-height: normal;
    background-color: rgba(255,255,255,0.7) ;
    border-radius: 0px;
    padding: 20px;
    color: #333;
}
.divtxt h1 {
    font-size:48px;
    text-transform: uppercase;
    text-align: right;
    border-bottom: solid 1px #333333;
    padding-bottom: 20px;
    font-family: Oswald;
    font-weight: 700;
}
.divtxt h3 {
    font-size:24px;
    text-align: right;
    font-family: Georgia;
    font-weight: 100;
    font-style: italic;
    color: #ef1d1c;
}

/* Styles bloc principal pages */
.bref {
    font-size:20px;
    line-height: 26px;
    text-align: left;
    margin: 20px;
    font-family: Georgia;
    font-weight: 100;
    font-style: italic;
    color: #ef1d1c;
}
.descriptifprestations {
    padding:30px;
    margin-top:30px;
    margin-left:15px;
    vertical-align: top;
    display: inline-block;
    line-height: normal;
    color:#333;
    max-width: 750px;
    background-color: rgba(255,255,255,0.9);
    font-size: 15px;
    line-height: 18px;
}
.descriptifprestations p {
    margin-top: 5px;
}
.descriptifprestations a {
    color:#ef1d1c;
    text-decoration: none;
}
.descriptifprestations ul {
    list-style: none;
    border-left: 6px solid #cccccc;
    margin-left: 20px;
}
.descriptifprestations ul li {
    list-style: none;
    margin-left: -20px;
}

/* description */
.description {
    text-align: center;
    margin-top:40px;
    margin-bottom: 40px;
    color: #95a5a6;
    font-size:20px;
    
}
.description h2 {
	font-size: 30px;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
	color: #333333;
	text-decoration: underline #ef1d1c 3px solid;
}
.description a:hover
{
    text-decoration: none;
}

/* activite */
.image-activite {

    height:147px;
    margin: auto;
}
.activite h3
{
    color:#ef1d1c;
    text-align: center;
}
.activite .titre
{
    text-align: center;
    font-size: 18px;
}
.row-activite
{
	width: 100%;
	margin: 0px;
	margin-left: -0.5% !important;
	margin-ritght: 0px !important;
}
.activite a:hover
{
    text-decoration: none;
}
.activite p
{
    padding-left:1%;
    padding-right:1%;
    font-size:17px;
    margin: 5px;
}
.activite:first-of-type
{
   padding-left:2%; 
}
.activite:last-of-type
{
    padding-right: 2%;
}

/* formation */
.row-formations {
    background-image: url("../img/bg-body.png");
}
.row-formations .description
{
    margin-bottom: 30px;
}
.row-formations .row
{
    margin: 0px;
}
.formations p
{
    padding: 10px;
    font-size:17px;
    margin: 5px;
    max-width: 400px;
    margin-left:auto;
    margin-right:auto;
    text-align: justify;
    
}
.formations h3
{
    padding:10px;
    text-align: center;
}
.image-formation {
    height:125px;
    width:125px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

/* ressources */
.image-ressources {
    width:125px;
    height:125px;
    border-radius: 75px;
    margin:auto;
    text-align: center;
    display: block;    
}
.ressources p
{
    padding-left:3%;
    padding-right:3%;
    font-size:17px;
    margin: 5px;
}

.ressources table
{
    border-collapse: separate;
    border-spacing: 10px 0px;
    font-size: 16px;
}

/* references */
.image-reference img {
    width:100%;
    max-width: 106px;
    margin:6%;
    padding: 7px;
    background-color: white;
}
.image-reference
{
    padding: 3px;
}
.reference
{
    background-color:#ecf0f1;
    padding-bottom:30px;
	background-image: url("../img/references-par-Sebastien-Desnoulez-photographe-architecture-a-la-Defense.jpg");
    background-position: center center;
    background-size: cover;
    color:white;
    text-align: center;
    vertical-align: bottom;
    margin: 0;
    width:100%;
}
.reference .title
{
    margin-top:30px;
    margin-bottom: 30px;
}


/* white-paper */
.white-paper
{
	font-family: "Titillium Web", sans-serif;
	min-height: 400px;
    padding-bottom:30px;
    background-image: url("../img/bg-body.png");
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.white-paper div
{
    color:#b3b3b3;
}

/* Coordonnées - contact */
.row-coord
{
	font-family: "Titillium Web", sans-serif;
    padding:50px 5%;
    color:#b3b3b3;
    font-size:16px;
    margin-top:30px;
    background-image:url("../img/contactez-nous-photo-ambiance-jardin-par-Sebastien-Desnoulez-photographe-d-architecture.jpg");
    background-size: cover;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.coord,.contact {
    padding:30px;
    height:100%;
    margin-top:10px;
    color:#333;
    border: 0px solid #ef1d1c;
    min-height: 750px;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: "Titillium Web", sans-serif;  
}
.coord i , .contact i {
    color:#ef1d1c; 
}

.coord input, .coord textarea, .contact input, .contact textarea
{
    width:100%;
    border: 1px solid rgb(169,169,169);
}
/* Seb .coord input[type="text"]
{
    width:70%; }*/

.contact input[type="submit"], .coord input[type="submit"]
{
    border:#ef1d1c 1px solid;
    background-color: white;
}
.contact input[type="submit"]:hover, .coord input[type="submit"]:hover
{
    color:white;
    background-color: #ef1d1c;
}
/* Seb .coord input[type="submit"]
{
    width:28%;
    margin-left: 2%;

} */
.contact form table td+td
{
   padding-left: 20px;

}
.contact form table td
{
    vertical-align: top;  
    width:100%;
}
.contact form table 
{
    border-spacing: 0px 10px;
    border-collapse: separate;
    width:100%;
}
address
{
    font-size: 18px;
}
.coord .fa-stack
{
    font-size:30px;
}

/* footer */
.footer
{
    background-color:white;
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    margin-right: 0px;
    margin-left: 0px;
}


h1
{
    font-size:30px;
}
h2
{
    font-size:24px;
}
h3
{
    font-size:20px;
}
h4
{
    font-size:18px;
}

/* General */
label
{
    font-weight: 100;
    font-size: 16px;
    text-align: justify;
}
.ancre:hover
{
    cursor: pointer;
}
a 
{
    color:inherit;
    
}
a:hover, a:active, a:focus
{
    text-decoration: none; 
    color:inherit;
}
a:hover
{
    text-decoration: underline;
}
.right
{
    text-align: right;
}
.left
{
    text-align: left;
}
.center
{
    text-align: center;
}
.justify
{
    text-align: justify;
}
#scrollUp {
    bottom: 100px;
    right: 20px;
    padding: 10px 20px;
}
.hidden-xs .dropdown:hover > .dropdown-menu
{
    display: block;
}
.menu .dropdown-menu
{
    border:none;
    color:white;
    background-color:#ef1d1c;
    padding-top:0px;
    padding-bottom: 0px;
    border-radius: 0px;
}
.menu .dropdown-menu li a
{
    color:white;
}
.menu .dropdown-menu li a:hover
{
    color: #ef1d1c;
    background-color:  white;
}

@media (max-width:1150px){
	.paveshome {
	    text-align: center;
	    padding-top:120px;
	}
	.navbar-nav li
	{
	    text-align: center;
	    font-size: 18px;
	}
	.menu ul li
	{
	    font-size: 14px;
		font-weight: 300;
		margin-bottom: 10px;
		margin-top: 0px;
	}
	.blog img
	{
	    width: 92px;
	    height: 18px;
	}

}
@media (max-width:1024px){
	.paveshome {
	    text-align: center;
	    padding-top:120px;
	    margin-top:0px;
	}
	.descriptifprestations {
	    padding:30px;
	    margin-top:30px;
	    margin-left:40px;
	    vertical-align: top;
	    display: inline-block;
	    max-width: 580px;
	}
	.navbar .nav {
		margin-top: 15px;
		padding: 0px;
	}
}
@media (max-width:768px){
	.descriptifprestations {
	    padding:30px;
	    margin-top:30px;
	    margin-left:auto;
	    vertical-align: top;
	    display: inline-block;
	}
	.paveshome {
	    text-align: center;
	    padding-top:120px;
	    margin-top:0px;
	}
	.navbar-nav li
	{
	    font-size: 11px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}
	.blog img
	{
	    width: 66px;
	    height: 11px;
	}
}

@media (max-width:480px){
	.descriptifprestations {
	    padding:30px;
	    margin-top:30px;
	    margin-left:auto;
	    margin-right:auto;
	    vertical-align: top;
	    display: inline-block;
	}
	.paveshome {
	    text-align: center;
	    padding-top:30px;
	    margin-top:0px;
	}
	.pavegauche {
		display: block;
		background-color:
		rgba(255,255,255,0.5);
		color: #333;
		padding:auto;
		margin-top: 0px;
		font-size:48px;
		line-height: 52px;
		text-transform: uppercase;
		text-align: center;
		font-family: Oswald;
		font-weight: 700;
		max-height:300px;
		vertical-align:top;
	}
	.pavedroit {
		display: block;
		background-color: rgba(255,255,255,1);
		color: #333;
		margin-left: 0px;
		padding: 30px;
		margin-top: 0px;
		color: #333;
		font-size:20px;
		line-height: 32px;
		text-align: center;
		font-family: Georgia;
		font-weight: 100;
		font-style: italic;
		vertical-align:top;
	}
	body {
	    max-width: 480px;
	    margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	    background-image: url(../img/noise_lightgrey_bg.jpg);
	}
	.navbar-nav li
	{
	    text-align: center;
	    font-size: 14px;
	}
	.divtxt {
		max-width: 310px;
	    margin-left:auto;
	    margin-right:auto;
	    vertical-align: top;
	    line-height: normal;
	    background-color: rgba(255,255,255,0.7) ;
	    border-radius: 0px;
	    color: #333;
	}
	.divtxt h1 {
	    font-size:36px;
	    text-transform: uppercase;
	    text-align: center;
	    border-bottom: solid 1px #333333;
	    padding-bottom: 20px;
	    font-family: Oswald;
	    font-weight: 700;
	}
	.divtxt h3 {
	    font-size:18px;
	    text-align: center;
	    font-family: Georgia;
	    font-weight: 100;
	    font-style: italic;
	    color: #ef1d1c;
	}

}

@media (max-width:320px){
	.paveshome {
	    margin-left:auto;
	    margin-right:auto;
	    margin-top:0px;
	}
	body {
	    max-width: 320px;
	    margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	    background-image: url(../img/noise_lightgrey_bg.jpg);
	}
	.descriptifprestations {
	    padding:30px;
	    margin-top:30px;
	    margin-left:auto;
	    margin-right:auto;
	    vertical-align: top;
	    display: inline-block;
	}
	.image-header {
	    height:600px;
	    background-position: center center;
	    background-size: cover;
	    color:white;
	    text-align: center;
	    vertical-align: bottom;
	    margin: 0;
	    width:100%;
	    line-height: 600px;
	}
	.navbar-nav li
	{
	    text-align: center;
	    font-size: 14px;
	    margin: 0;
	    padding: 0;
	}
	.description img {
		width: 90%;
		heght: 90%;
	}
	.divtxt {
	    width: 260px;
	    margin-left:auto;
	    margin-right:auto;
	    vertical-align: top;
	    line-height: normal;
	    background-color: rgba(255,255,255,0.7) ;
	    border-radius: 0px;
	    color: #333;
	}
	.divtxt h1 {
	    font-size:36px;
	    text-transform: uppercase;
	    text-align: center;
	    border-bottom: solid 1px #333333;
	    padding-bottom: 20px;
	    font-family: Oswald;
	    font-weight: 700;
	}
	.divtxt h3 {
	    font-size:18px;
	    text-align: center;
	    font-family: Georgia;
	    font-weight: 100;
	    font-style: italic;
	    color: #ef1d1c;
	}
}

/* Seb Landing pages */
.landingpage {
	background: #ffffff;
	min-height: 700px;
	border-right: solid 0px rgba(102, 102, 102, 1);
	padding: 20px;
	font-size: 16px;
}
.landingpage h1 {
	margin-bottom: 30px;
	color: #ef1d1c;
	font-weight: 600;
}
.landingpage ul {
	list-style: url("/wp-content/themes/kinoa2016/img/liste-kinoa.png");
}
.landingpage .socialnetworx {
	margin-top: 30px;
	float: right;
}	
.landingpage .copyright {
	margin-top: 100px;
	border-top: #666 solid 1px;
	padding-top: 10px;
}
.landingpageform {
	background: transparent !important;
	padding: 20px;
}
.landingpageform img {
    margin: 15px;	
}