/*
Theme Name: MediaComs
Theme URI: https:http://www.mediacoms.fr
Author: François Perreau et Arnaud HELLE et Christophe Lacroix
Author URI: http://francois-perreau.pagesperso-orange.fr
Description: Thême développé pour l'agence 360 MédiaComs.
Version: 1.1
*/



/* ********* GENERAL ********* */
/* *************************** */

body {
	font-family: 'Open Sans', sans-serif;
	color: #656565;
	font-size: 16px;
}



/* -------------- Blocs -------------- */

section,
footer {
	padding-top: 4rem;
}

.bg-white {
	background-color: #fff;
}

.bg-lightGrey {
	background-color: #ececec;
}

/* -------------- Textes -------------- */

p {
	margin: 0;
}

.intro {
	font-size: 1.2rem;
}

.sectionTitle,
.sectionSubheading,
.footerTitle {
	font-size: 2.25rem;

	text-align: center;
	margin-bottom: 3rem;
}


.PartnerTitel {
	margin-bottom: 0.25rem;
	font-size: 1.5rem;

	text-align: center;	
}


.fontWeight700 {
	font-weight: 700;
}

.sectionSubheading {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.text-competences {
	font-size: 1rem;
	padding: 2rem 0.25rem 4rem 0.025rem;
}


.text-black {
	color: #000;
}

.text-orange {
	color: #e85a32;
}

.navbar a.text-orange :hover {
	color: red!important;
}

.text-white {
	color: #fff;
}


/* ********* NAV ********* */
/* ************************ */

.navbar {
	padding-top: 0;
	padding-bottom: 0;
	-moz-box-shadow: 1px 1px 10px 0px #656565;
	-webkit-box-shadow: 1px 1px 10px 0px #656565;
	-o-box-shadow: 1px 1px 10px 0px #656565;
	box-shadow: 1px 1px 10px 0px #656565;
}



.nav-item {
	margin-left: 1rem;
}


.navbar .active {
	font-weight: 600;
}

.lienContact {
	margin: auto;
}

.menu-item-type-custom, .menu-item-object-custom {
	color: #e85a32;
}

#contact {
	color: rgba(232, 90, 50, 1);
}

.navbar span:hover {
	color: rgba(232, 90, 50, .5);
}


/* *************************** */
/* ********* HEADER ********* */
/* *************************** */

header h1 {
	text-align: center;
}

.headerTitleBold {
	font-weight: 800;
	font-size: 6rem;
	line-height: 4.5rem;
	opacity: 0.4;

	padding: 0;
	margin: 0;
}

.headerTitleLight {
	font-weight: 300;
	font-size: 4rem;
	line-height: 2rem;
	opacity: 0.8;

	padding: 0;
	margin: 0;
}

/* ***** Animation Header ***** */
.anim-1 {
	animation: animTitreBold 1s ease-in-out;
}

.anim-2 {
	animation: animTitreLight 2.5s ease-in-out;
}

.anim-3 {
	animation: animTitreBold 3s ease-in-out;
}

.anim-4 {
	animation: animTitreLight 4s ease-in-out;
}

@keyframes animTitreBold {
	from {
		opacity: 0;
		margin-left: -5rem;
	}

	to {
		opacity: .4;
		margin-left: 0rem;
	}
}

@keyframes animTitreLight {
	from {
		opacity: 0;
	}

	to {
		opacity: .8;
	}
}


.header-conseils h1 {
	line-height: 4rem;
}


/* ********* PRESENTATION ********* */
/* ******************************** */

.presentation {
	padding-bottom: 4rem;
}

.sectionTitle360 {
	margin-bottom: 0;
}

.presentation p {
	line-height: 1.75rem;
}

.globale360 {
	display: inline-block;
	width: 17.125rem;
	margin-top: 0.55rem;
	margin-bottom: 0.55rem;
}


.globale {
	display: inline-block;
	position: relative;
}

.img360 {
	position: absolute;
	top: -0.75rem;
	left: -0.6rem;

	height: 3.9rem;
}


/* ********* COMPETENCES ********* */
/* ******************************* */

.pictoBlock {
	width: 8.75rem;
	margin: auto;

	-webkit-transition: padding 0.3s, -webkit-transform 1s;
	/* Safari */
	-webkit-transition-timing-function: ease-in-out;
	/* Safari */
	transition: padding 0.3s, transform 1s;
	transition-timing-function: ease-in-out;
}

.pictoBlock:hover {
	padding: 0.5rem;
	-webkit-transform: rotate(360deg);
	/* Safari */
	transform: rotate(360deg);
}

.pictoslink {
	width: 100%;
}




/* ********* CONFIANCE ********* */
/* ******************************** */

.confiance {
	padding-bottom: 6.375rem;
}

.partenaires {
	max-height: 3.5rem;
	max-width: 6.5rem;

	margin: 1rem 0 1rem 0;
}


/* *********** RADIO DETAILS *********** */
/* *************************************** */
.detailLink a {
	color: #656565!important;
	text-decoration: underline!important;
}

.detailLink a:hover {
	color: #e85a32!important;
}





/* *********** NOS LIENS *********** */
/* *********************************** */
.nosLiens {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.logoLien {
	max-width: 65%;
	max-height: 2.5rem;

	margin-top: 1.5rem;
}

/* *********** FOOTER *********** */
/* ******************************** */

footer {
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mentions {
	font-size: .75rem;
	padding-bottom: 1.5rem;
	margin: 0;
	color: #dcdcdc;
	/*border-top: solid 1px #dcdcdc;*/
}

footer a {
	color: #dcdcdc;
}

footer a:link {
	text-decoration: underline;
}

footer a:hover {
	color: #e85a32;
}


/* formulaire */

form {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

form button {
	margin-top: 1.7rem;
}

textarea {
	resize: none;
}


.btn-warning {
	background-color: #e85a32;
	border-color: #e85a32;
	color: #fff;
}

.btn-warning:hover {
	color: #fff;
}


/*Style message de validation du formulaire*/
.wpcf7-not-valid-tip {
	font-size: 0.75rem!important;
	margin-top: 0.25rem!important;
	color: #e85a32!important;
}

.wpcf7-response-output{
	border-radius: 0.25rem;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
	color: #721c24;
	background-color: #f8d7da;
	border: 0;
	padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	color: #155724;
	background-color: #d4edda;
	border: 0;
	padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
	font: 26px/30px dashicons;
	margin-right: 0.75rem;

	vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
	content: "\f147";
}
div.wpcf7-validation-errors:before {
	content: "\f158";
}


/* ******ELEMENTOR****** */

.logos-blocks  #gallery-1 {

	max-width: 1200px;
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#gallery-1 .gallery-item  {
	max-width:104px!important;
	max-height:56px!important;
	margin: 1rem 0 1rem 0;

	border-style: none;

	display: flex;
	align-items: center;
	justify-content: center;
}

#gallery-1 .gallery-item img {
	border-style: none;
	width: 100%!important;
}

#gallery-1 .gallery-item img[Attributes Style] {
	border-style: none;
	width: 100%!important;
}

#gallery-1 .gallery-item  dt {
	max-height:56px!important; 		
}