/*
Theme Name: twentytwenty-vtconsulting
Description: Theme enfant pour twentytwenty
Author: Alain
Author URI: 
Template: twentytwenty
Version: 0.1.0
*/

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,900|Titan+One);

body {
    font-size: 18px;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.2;
	background-color: #ffffff;
}

.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 1rem 0 0 2.4rem;
    color: white;
}

.primary-menu > li > a, .primary-menu > li > .icon, .menu-modal nav * {
    color: #ffffff !important;
}	

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1000px;
}	

.entry-header, .entry-title{
	display: none;
}

.zone-slogan{
	width: 1000px;
	max-width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px !important;
}

.sloganVT{
	/* font-family: 'Titan One', cursive; */
	color: #ffffff;
    font-size: 3em;
}

.post-inner {
	padding-top: 0;
}

.entry-content > *:first-child {
    margin-top: 1em;
}

.titre-page{
	/* font-family: 'Titan One', cursive !important; */
	color: #59285a;
    font-size: 30px; /* 39.6px; */
	/* font-weight: 150px; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.espace-sous-titre{
	margin-top: 2em;
}


/* ------------------------------------------ */
/* PAGE "QUI SOMMES-NOUS ?" ET "NOS SECTEURS" */
/* ------------------------------------------ */

.ligne-rubrique{
	display: inline-block;
	height: auto;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	margin-bottom: 4em;
	
	border:0px solid red;
}

.ligne-rubrique-inv{
	display: flex;
	flex-flow: column-reverse wrap;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	height: auto;
	margin-bottom: 4em;
	
	border:0px solid red;
}


.titre-rubrique{
	/* font-family: 'Titan One', cursive !important; */
	color: #59285a;
    font-size: 1.8em;
	font-weight: 400;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: left;
}

.titre-rubrique-centre{
	/* font-family: 'Titan One', cursive !important; */
	color: #59285a;
    font-size: 1.8em;
	font-weight: 400;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: center;
}

.titre-rubrique2{
	font-family: 'Fira Sans', sans-serif !important;
	line-height: 27px !important;
	color: #59285a;
    font-size: 1.3em;
	font-weight: 500;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: left;
}

.texte-rubrique{
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	line-height: 22px !important;
	text-align: left;
}

.liste-ul{
	list-style-type:none;
	/* margin: 0 0 3rem 0rem; */
	padding: 0;
	width: auto;
	text-align: left;
	
	margin: 0 !important;
	border:0px solid green;
}

.liste-puceDisque {
	list-style-type: disc;
}

.liste-coche:before {
    content: "\f00c";
	display: inline-block;
    
	font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	padding-right:0.3em;
}

.liste-li {
	/* Par défaut, les coches sont en violet */
	color: #59285a;
	line-height: 22px !important;
	margin: 0 !important;
}

.liste-puceDisque > .liste-li {
	/* les puces en forme de disques reprennent les éléments de base des puces par défaut, mais la couleur est remplacée par du gris */
	color: #777777;
}

.liste-li span{
    font-family: 'Fira Sans', sans-serif !important;
	color: #59285a;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	text-align: left;
}

.colonneTexte{
	display: block;
	/* width:40%; */
	width: auto;
	max-width:80%;
	/* width: 80%; */
	/* min-width:400px; */
	padding:0 10pt 0 0;
	/* float:left; */
	margin: auto;
	top: 0;
	border:0px solid blue;
}

.colonneImg{
	/* width:60%; */
	display: block;
	width: auto;
	/* float:left; */
	text-align: center;
	margin:auto;
	margin-top: 1em !important;
	top: 0;
	border:0px solid green;
}

.colonneImg img{
	display: float;
	margin:auto;
}


/* ------------------------------------------ */
/* PAGE "NOS SERVICES" */
/* ------------------------------------------ */

.ligne-rubrique-service{
	display: inline-block;
	height: auto;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	margin-bottom: 0;
	
	border:0px solid #451285;
}

.colonneService1{
	display: block;
	width: auto;
	margin: auto;
	top: 0;
	margin-left:0;
	margin-bottom: 3em;
	border:0px solid blue;
}

.colonneService2{
	display: block;
	width: auto;
	margin: auto;
	top: 0;
	margin-right:0;
	margin-bottom: 3em;
	border:0px solid green;
}

/*
.titre-rubrique-service{
	font-family: 'Titan One', cursive !important;
	color: #59285a;
    font-size: 1.8em;
	font-weight: 400;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: center;
}
*/

.titre-rubrique-service{
	font-family: 'Fira Sans', sans-serif !important;
	line-height: 27px !important;
	color: #59285a;
    font-size: 1.5em;
	font-weight: 500;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: center;
}

.liste-ul-service{
	list-style-type:none;
	/* margin: 0 0 3rem 0rem; */
	padding: 0;
	width: auto;
	text-align: center;
	margin:0;
	border:0px solid black;
}

.liste-ul-service li{
	margin:0;
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	line-height: 1.2em !important;
	border:0px solid red;
}

.text-rubrique-service{
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	margin-top: 0.4em;
	line-height: 1.2em !important;
}


/* ------------------------------------------ */
/* FORMULAIRE DE CONTACT */
/* ------------------------------------------ */

.zone-entete-formContact{
	color: #ffffff !important;
	background-color: #59285a !important;
	padding: 0.5em !important;
	margin-bottom: 2em;
}

.zone-entete-formContact h1{
	/* font-family: 'Titan One', cursive !important; */
	color: #ffffff;
    font-size: 1.5em;
	font-weight: 400;
	margin:0;
}

.zone-entete-formContact p{
	font-family: 'Fira Sans', sans-serif !important;
	color: #ffffff !important;
	font-style: normal;
    font-size: 18px;
	font-weight: 400;
	margin-top: 0.4em;
	line-height: 1.2em !important;
}

.wpcf7-form-control{
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a !important;
	background-color: rgba(144, 144, 144, 0.075) !important;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	line-height: 1.2em !important;
	margin-top: 0.4em;
	border-radius: 5px !important;
}

.wpcf7-submit, input[type="submit"]{
	font-family: 'Fira Sans', sans-serif !important;
	color: #ffffff !important;
	background-color: #59285a !important;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	margin-top: 0.4em;
	/* line-height: 1.2em !important; */
	cursor: pointer;
	padding:0;
	width: 140px;
	height: 30px;
	
	border-radius: 5px;
    box-shadow: 5px 2px 5px rgba(0,0,0,.2);
}

.formContact-col1{
	display: block;
	width: 80%;
	margin:auto;
	margin-top: 0.4em;
	border:0px solid blue;
}

.formContact-col2{
	display: block;
	width: 80%;
	margin:auto;
	margin-top: 2em;
	border:0px solid green;
}

.formContact-col2 p{
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a !important;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
}


.formContact-col2 h2{
	display: inline;
	font-family: 'Fira Sans', sans-serif !important;
	color: #59285a !important;
    font-style: normal;
    font-size: 18px;
	font-weight: bold;
}

.post-meta-wrapper{
	/* retire le "modifier" sur les pages en cnx admin*/
	display: none; 
}


/* ------------------------------------------ */
/* PIED DE PAGE */
/* ------------------------------------------ */

/*
.footer-credits, .to-the-top {
	display:none;
}
*/

.section-inner{
	flex-flow: column wrap;
	border:0px solid red;
	width: auto;
}

.section-inner > div{
	flex-flow: column wrap;
	margin: auto;
	border:0px solid blue;
}

.pdp-col2{
	padding-top: 2em;
}	

.conteneur-adresse, .conteneur-adresse2{
	/* permet de centrer l'adresse sous le nom de la ste */
	width: 240px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid blue;
}	


/*
.pdp-col1{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	border:1px solid blue;
	margin-bottom: 2em;
}

.pdp-col2{
	display: block;
	width: auto;
	margin:auto;
	border:1px solid green;
}
*/

.pdp-logo, .pdp-logo2{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em !important;
}

.pdp-logo{
	min-width: 200px;
}

.pdp-logo2{
	min-width: 300px;
}

.pdp-nomSte{
	/* font-family: 'Fira Sans', sans-serif !important; */
	line-height: 30px !important;
	color: #FFFFFF;
    font-size: 2em;
	font-weight: 300;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.2em !important;
	text-align: center;
}

/*
.pdp-cbs1{
	font-family: 'Fira Sans', sans-serif !important;
	line-height: 43px !important;
	color: #FFFFFF;
    font-size: 2em;
	font-weight: 700;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	max-width: 240px;
	text-align: center;
}

.pdp-cbs2{
	font-family: 'Fira Sans', sans-serif !important;
	line-height: 20px !important;
	color: #FFFFFF;
    font-size: 2em;
	font-weight: 700;
	padding:0;
	margin-top:0 !important;
	margin-bottom:0.4em !important;
	text-align: center;
}
*/

.pdp-adresse{
	/*font-family: 'Fira Sans', sans-serif !important;*/
	line-height: normal !important;
	color: #FFFFFF;
    font-size: 1em;
	/*font-weight: 400;*/
	padding:0;
	margin:0 !important;
	margin-top:0 !important;
	text-align: left;
}

.pdp-liste-ul{
	list-style-type:none;
	/* margin: 0 0 3rem 0rem; */
	padding: 0;
	width: auto;
	text-align: left;
	
	margin:0 !important;
	margin-top:2em !important;
	border:0px solid green;
}

.pdp-liste-tel:before {
    content: "\f098";
	color: #ffc000;
	margin-right: 0.2em;
	
	display: inline-block;
    
	font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	padding-right:0.3em;
}

.pdp-liste-email:before {
    content: "\f0e0";
	color: #ffc000;
	margin-right: 0.2em;

	display: inline-block;
    
	font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	padding-right:0.3em;
}

.pdp-liste-web:before {
    content: "\f0e8";
	color: #ffc000;
	margin-right: 0.2em;

	display: inline-block;
    
	font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	padding-right:0.3em;
}

.pdp-liste-li {
    font-family: 'Fira Sans', sans-serif !important;
	color: #FFFFFF;
    font-style: normal;
    font-size: 18px;
	font-weight: 400;
	line-height: 1.2em !important;
	margin: 0 !important;
	text-align: left;
}

.pdp-ressoc{
	border-style: none !important;
	text-align: left;
	margin: 0;
    padding: 0;
    height: 32px;
	margin-top:1em !important;
}

.pdp-ressoc > span{
    width: 32px;
    height: 32px;
}

.pdp-ressoc > span > a{
	background-image: url("https://www.vt-consulting.fr/wp-content/uploads/social-buttons-32x327406-1.png");
	
	background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none !important;
    outline: none !important;
	
	color: #0084E3;
    text-decoration: none;
    transition: all .6s ease-in-out;
}

.pdp-ressoc > .pdp-fb > a{
	background-position: 0 0;
}

.pdp-ressoc > .pdp-twitter > a{
	background-position: -64px 0;
}

.pdp-ressoc > .pdp-linkedin > a{
	background-position: -128px 0;
}

.pdp-ressoc > .pdp-rss > a{
    background-position: -288px 0;
}

.pdp-ressoc > .pdp-instagram > a{
    background-position: -320px 0;
}


@media screen and (min-width: 1050px) { /* grands écrans */


/* ------------------------------------------ */
/* PAGE "QUI SOMMES-NOUS ?" ET "NOS SECTEURS" */
/* ------------------------------------------ */

	.ligne-rubrique{
		/* width: 1000px; */
		width: auto;
		text-align: center;
		margin-bottom: 1em;
		
		border:0px solid red;
	}

	.ligne-rubrique-inv{
		display: inline-block;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		/* width: 1000px; */
		width: auto;
		margin-bottom: 1em;
		
		border:0px solid red;
		/* background-color: red; */
	}

	
	.colonneTexte{
		display: inline-block;
		/*width:40%;*/
		/* width:auto; */
		width:400px;
		line-height: 22px !important;
		padding:0 10pt 0 0;
		float:left;
		margin: auto;
		top: 0;
		border:0px solid blue;
	}
	
	.texteMax{
		width:600px;
		border:0px solid blue;
	}

	.colonneImg{
		display: block;
		/*width:60%;*/
		/* width:auto; */
		width:390px;
		text-align: center;
		float:left;
		margin: auto;
		margin-top: 0em !important;
		top: 0;
		border:0px solid green;
	}


/* ------------------------------------------ */
/* PAGE "NOS SERVICES" */	
/* ------------------------------------------ */

	.ligne-rubrique-service{
		width: 1000px;
		margin-bottom: 1em;
		
		border:0px solid red;
	}
		
	.colonneService1{
		display: inline-block;
		width:400px;
		margin-bottom: 1.5em;
	}

	.colonneService2{
		display: inline-block;
		width:400px;
		margin-bottom: 1.5em;
	}
	
	.listeDecalee{
		margin-left: 3em !important;
	}


/* ------------------------------------------ */
/* FORMULAIRE DE CONTACT */
/* ------------------------------------------ */

	.ligne-contact{
		width:100%;
		height:auto;
		border:0px solid red;
	}

	.formContact-col1{
		display: inline-block;
		float:left;
		margin-top:0;
		width:600px !important;
		border:0px solid blue;
	}

	.formContact-col2{
		float:right;
		width:300px !important;
		padding:0;
		margin-top:0;
		text-align: left;
		border:0px solid green;
	}
	
/* ------------------------------------------ */
/* PIED DE PAGE */
/* ------------------------------------------ */

	.section-inner{
		flex-flow: row wrap;
		border: 0px solid red;
		width: auto;
	}

	.section-inner > div{
		margin: auto;
		padding: 0 3em;
		border: 0px solid green;
	}
	
	.pdp-logo{
		min-width: 130px;
	}
	
	.pdp-logo2{
		min-width: 130px;
	}

	.pdp-sep{
		padding: 0 0 3px 0 !important;
		border-left: 2px solid #FFFFFF !important;
		height: 300px;
	}
	
	.conteneur-adresse2{
		min-width: 435px;
		margin:auto;
		border: 0px solid green;
	}


/*
	.pdp-col1{
		width:auto;
		padding: 0 2em;
	}

	.pdp-col2{
		width:auto;
		margin-top:0;
	}	
	
	.pdp-sep{
		display: inline-block;
		width:auto;
		height: 300px;
		margin-left:auto;
		margin-right:auto;
		border-left:2px solid #ffffff;
	}
*/
	
	
}