@charset "utf-8";
/* CSS Document */
/*
Theme Name: universo
Theme URI: https://www.universo.ch/
Author: Many2
Author URI: https://www.many2.ch/
Description: Universo
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns,three-columns, footer-widgets
Text Domain: Universo
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*font-family: 'Barlow', sans-serif;
font-family: 'Crimson Text', serif;
font-family: 'Josefin Sans', sans-serif;*/

.error {
	background-image: url(images/fond_histoire_recadre.jpg);
	background-color: black;
	background-size: cover;
	color: white;
}

.error h1 {
	padding-top: 300px;
}

body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	font-family: 'Barlow', sans-serif;
	font-size: 23px;
	color: white;
	line-height: 1.4;
}

#bloc_page {
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
	overflow-wrap: normal;
	overflow: hidden;
	background-color: black;
}

.contenu {
	margin-top: 84px;
}

.main-menu {
	color: white;
	background-color: black;
	text-transform: uppercase;
	font-size: 24px;
	position: fixed;
	margin: auto;
	width: 100%;
	z-index: 2;
}

.menu a:link, .menu a:visited {
	color: white;
	text-decoration: none;
}

.menu a:hover, .current_page_item a:link, .current_page_item a:visited {
	color: #f07f00;
}

#menu-menu {
	list-style-type: none;
	margin: 0;
	padding: 25px;
}

.menu li {
	display: inline-block;
	margin: auto 20px;
}

#menu-item-21 {
	float: left;
	margin: -3px 0 0;
}

#menu-item-21 img {
	max-width: 115px;
}

#menu-item-67 {
	margin-left: -50px;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
	color: #f07f00;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
	text-decoration: none!important;
}

#cmplz-manage-consent .cmplz-manage-consent {
	background-color: #427991!important;
	color: white!important;
}






div:target {
    padding-top: 100px;
    margin-top: -100px;
}

h2:target {
    padding-top: 100px;
    margin-top: 0px!important;
}



/*home*/
#post-8 {
	background-image: url(images/fond_home_large++.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

@media all and (max-width: 4000px) {
#post-8 {
	background-image: url(images/fond_home_large+.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
}

@media all and (max-width: 2200px) {
#post-8 {
	background-image: url(images/fond_home_large.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
}

@media all and (max-width: 1900px) {
#post-8 {
	background-image: url(images/fond_home.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
}

#pl-8, #pl-45, #pl-46 {
	max-width: 1350px;
	margin: auto;
}

.logo_home {
	margin-top: 180px;
}

.entreprise_home img {
	max-width: 100%;
}
.anni {
	max-width: 130px;
	margin: 30px auto;
}

.anni img {
	max-width: 100%;
}

h1 {
	color: white;
	font-size: 27.5px;
	text-transform: uppercase;
}

h2 {
	color: #f07f00;
	font-size: 52px;
	font-family: 'Crimson Text', serif;
	font-weight: normal;
	margin-top: 200px;
}

.inline-block_home {
	display: inline-block;
	width: 250px;
	height: 250px;
	margin: 0 8px;
}

.quicklink_home a:link, .quicklink_home a:visited {
	color: #427991;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
}

.quicklink_home a:hover {
	color: #f07f00;
}

.quicklink_home img:hover {
	opacity: 0.5;
	transition: ease-in-out 0.2s;
}

.text_quicklink {
	position: relative;
	top: -30px;
}

#pl-8 {
	padding-bottom: 30px;
}

body:not(.page-id-50) .grecaptcha-badge {
	display: none;
}





/*entreprise*/

.responsive {
	display: none;
}

#post-45 {
	background-image: url(images/fond_entreprise_haut.png), url(images/fond_entreprise_aiguille.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, center right;
  	background-size: 100%, 200px auto;
	background-color: inherit;
}

.page-id-45 .contenu {
	background-image: url(images/fond_entreprise_bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}

#post-45 h1 {
	font-size: 84px;
	font-family: 'Josefin Sans', sans-serif;
	color: #427991;
	text-transform: uppercase;
	font-weight: bold;
	margin: 45px auto 25px;
	text-underline-offset: 30px;
	text-decoration: underline 2px;
}

#post-45 h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin-top: 130px;
}

#post-45 h3 {
	font-size: 34px;
	font-family: 'Crimson Text', serif;
	max-width: 1200px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0px auto 30px;
}

#post-45 p {
	max-width: 800px;
	margin: auto;	
}

#panel-45-0-0-0 a:link, #panel-45-0-0-0 a:visited {
	color: #427991;
}

hr.titre_philosophie {
	margin: 120px auto 0;
	color: #427991;
	width: 430px;
	border: #427991 1px solid;
}

#philo h2 {
	margin-top: 30px!important;
}

p.philosophie {
	margin: 10px auto 50px!important;
	max-width: 800px!important;
}

.container {
	display: inline-block;
	position: relative;
	width: 260px;
	height: auto;
	margin: 25px 25px;
}

.container_gauche {
	display: inline-block;
	position: relative;
	width: 260px;
	height: auto;
	margin: 25px 25px 25px 0;
}

.container_gauche .rond .visible {
	line-height: 0.9;
}

.container_droite {
	display: inline-block;
	position: relative;
	width: 260px;
	height: auto;
	margin: 25px 0px 25px 25px;
}

.container .rond, .container_gauche .rond, .container_droite .rond {
	width: 260px;
    height: 260px;
    border-radius: 130px;
    background: #427991;
	color: #F07F00;
	display: inline-block;
	margin: auto ;
	font-size: 35px;
	font-family: 'Crimson Text', serif;
	line-height: 0.8;
	opacity: 0.8;
	display: block;
	border: none;
}

.rond:active, .rond:focus, .rond:hover {
	transform: scale(1.2);
	transition: transform .1s;
	opacity: 1;
	font-size: 20px;
}

.visible {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	line-height: 1.05;
}

.container:hover .visible, .container_gauche:hover .visible, .container_droite:hover .visible, .rond:focus .visible, .rond:active .visible  {
	opacity: 0;
}

.petit {
	font-size: 25px;
	color: #F07F00;
}

.cache {
	opacity: 0;
	position: absolute;
	top: 100px;
	height: 0;
	width: 80%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .1s ease;
	color: white;
	font-size: 17px;
	font-family: 'Barlow', sans-serif;
	line-height: 1.2;
}

.rond_grand_5 {
	top: 88px;
}

.rond_grand_4, .rond_grand_8 {
	top: 80px;
}

.rond_grand_6 {
	top: 66px;
}

.rond_grand_7 {
	top: 110px;
}

.container:hover .cache, .container_gauche:hover .cache, .container_droite:hover .cache, .rond:focus .cache, .rond:active .cache {
	opacity: 1;
}

#panel-45-0-0-1 p {
	max-width: 2000px;
	margin: auto;
}

#panel-45-0-0-1 {
	padding-bottom: 100px;
}





/*histoire*/

#pg-43-0{
	background-position: right 325px, 0px 325px;
	background-image: url(images/HD/fond_histoire_droite-p1.png), url(images/HD/fond_histoire_gauche-p1.png);
	background-repeat: no-repeat;
}

#pg-43-1 {
	background-image: url(images/fond_histoire_droite-p2_2.png), url(images/fond_histoire_gauche-p2.png);
	background-position: right top, 0px 0px;
	background-repeat: no-repeat;
	margin-top: -597px;
}

.container_date2 {
	padding-top: 524px;
}

#post-43 h1 {
	font-size: 84px;
	font-family: 'Josefin Sans', sans-serif;
	color: #427991;
	text-transform: uppercase;
	font-weight: bold;
	margin: 45px auto 25px;
	text-underline-offset: 30px;
	text-decoration: underline 2px;
}

#panel-43-0-0-1, #panel-43-0-0-2, #panel-43-0-0-3, #panel-43-0-0-4, #panel-43-0-0-5, #panel-43-0-0-6, #panel-43-0-0-7, .container_date2, .container_date3 {
	max-width: 800px;
	margin: auto;
}

.container_date {
	max-width: 826px;
	margin: auto;
}

.date {
	border: 1px solid #427991;
	border-radius: 50px;
	display: inline-block;
	font-family: 'Crimson Text', serif;
	font-size: 27px;
	padding: 5px 20px;
	margin: 9px;
	width: 54px;
}

.container_date a:link, .container_date a:visited, #panel-52-1-0-0 a:link, #panel-52-1-0-0 a:visited {
	color: #427991;
	text-decoration: none;
}

.date:hover {
	color: #F07F00;
	border: 1px solid #F07F00;
	border-radius: 50px;
	padding: 5px 20px;
	margin: 9px;
}

#panel-43-0-0-0 {
	margin-bottom: 100px!important;
}

.date_texte, .date_texte_droite {
	color: #427991;
	font-size: 70px;
	font-family: 'Crimson Text', serif;
}

.date_texte, .histoire_gauche {
	text-align: left;
	max-width: 480px;
}

.date_texte_droite, .histoire_droite {
	text-align: right;
	max-width: 480px;
	float: right;
	clear: both;
	z-index: 1;
	position: relative;
}

.histoire_gauche, .histoire_droite {
	margin: 10px 0 280px;
	z-index: 1;
	position: relative;
}

#panel-43-2-0-2 .histoire_gauche {
	margin-bottom: 100px!important;
}

 .wrapper_1993 {
    position: relative;
    right: 150px;
  }
  
  .wrapper_2023 {
	position: relative;
	top: 50px;
}








/*activités*/

#post-52 {
	background-image: url(images/fond_productions_gauche.png), url(images/fond_productions_droite.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}

#pg-52-2 {
	background-image: url(images/fond_metier-1.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

#pg-52-3 {
	background-image: url(images/fond_metier-2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

#post-52 h1 {
	font-size: 84px;
	font-family: 'Josefin Sans', sans-serif;
	color: #427991;
	text-transform: uppercase;
	font-weight: bold;
	margin: 45px auto 25px;
	text-underline-offset: 30px;
	text-decoration: underline 2px;
}

#post-52 h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin-top: 130px;
}

#metiers h2 {
	margin-top: 30px!important;
}

#panel-52-0-0-0 a:link, #panel-52-0-0-0 a:visited {
	color: #427991;
}

#pgc-52-1-0 {
	max-width: 1350px;
	margin: auto;
}

.bloc_activites {
	max-width: 800px;
	margin: auto;
}

.titre_prod {
	color: #427991;
	font-size: 45px;
	font-family: 'Crimson Text', serif;
	margin-bottom: 15px;
}

.prod_gauche {
	text-align: left;
}

.prod_droite {
	text-align: right;
}

.prod_gauche, .prod_droite {
	margin-bottom: 100px;
}

#post-52 h3 {
	font-size: 34px;
	font-family: 'Crimson Text', serif;
	max-width: 1200px;
	font-weight: normal;
	line-height: 1.1;
	margin: 0 auto 30px;
}

.date_services {
	border: 1px solid #427991;
	border-radius: 50px;
	display: inline-block;
	font-family: 'Crimson Text', serif;
	font-size: 27px;
	padding: 5px 20px;
	margin: 10px 10px;
	width: auto;
}

.date_services:hover {
	color: #F07F00;
	border: 1px solid #F07F00;
	border-radius: 50px;
	padding: 5px 20px;
}

.date_admin {
	border: 1px solid #427991;
	border-radius: 50px;
	font-family: 'Crimson Text', serif;
	font-size: 27px;
	padding: 5px 20px;
	margin: 10px auto 50px;
	max-width: 240px;
}

.date_admin:hover {
	color: #F07F00;
	border: 1px solid #F07F00;
	border-radius: 50px;
	padding: 5px 20px;
}

.wp-video {
	width: 1100px!important;
	height: auto;
	margin: auto auto 50px;
}

.titre_metier {
	color: #427991;
	font-family: 'Crimson Text', serif;
	font-size: 35px;
	margin-top: 100px;
}

#services_bat {
	margin-top: 0!important;
}

.titre_metier p {
	margin-bottom: 0;
}

.img_metier4 {
	max-width: 1100px;
	margin: auto;
}

.img_prod {
	max-width: 1200px;
	margin: auto auto;
	font-size: 22px;
}

.wrapper > * {
    vertical-align: top;
}

.inline-block {
	display: inline-block;
	width: 200px;
	height: 250px;
	margin: 0 15px;
}

img.metier {
	width: 200px;
	height: auto;
}

.alignement {
	position: relative;
	top: -25px;
}

.offres_emplois a {
	border-radius: 50px;
	display: inline-block;
	margin: 20px auto 50px;
	padding: 20px 45px;
}

.offres_emplois a:link, .offres_emplois a:visited  {
	background-color: #427991;
	color: white;
	text-decoration: none;
}

.offres_emplois a:hover {
	background-color: #F07F00;
}






/*emploi*/

.page-template-emploi #bloc_page {
	background-image: url(images/fond_emploi_bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}

.page-template-emploi .contenu {
	background-image: url(images/fond_emploi_haut.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right bottom;
	background-size: 100%;
}

.fond_planete {
	background-image: url(images/fond_emploi_aiguille.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 220px auto;
}

#post-46 h1 {
	font-size: 84px;
	font-family: 'Josefin Sans', sans-serif;
	color: #427991;
	text-transform: uppercase;
	font-weight: bold;
	margin: 45px auto 25px;
	text-underline-offset: 30px;
	text-decoration: underline 2px;
}

#post-46 h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin-top: 130px;
}

.flux_apprenti h2, #postes_ouverts h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin-top: 30px;
}

#post-46 h3 {
	font-size: 45px;
	font-family: 'Crimson Text', sans-serif;
	font-weight: normal;
	color: #427991;
	margin-bottom: 0px;
}

#pgc-46-1-0 {
	max-width: 1350px;
	margin: auto;
}

#panel-46-0-0-0 a:link, #panel-46-0-0-0 a:visited {
	color: #427991;
}

.avantages {
	max-width: 1040px;
	margin: auto;

}

#defaultOpen {
	background: no-repeat center  url(images/environnement_blanc.png);
	background-size: 110px auto;
}

#defaultOpen.active {
	background: no-repeat center url(images/environnement_bleu.png);
    background-size: 110px auto;
}

#bouton2 {
	background: no-repeat center url(images/valorisation_blanc.png);
	background-size: 110px auto;
}

#bouton2.active {
	background: no-repeat center url(images/valorisation_bleu.png);
    background-size: 110px auto;
}

#bouton3 {
	background: no-repeat center url(images/manifestations_blanc.png);
    background-size: 110px auto;
}

#bouton3.active {
	background: no-repeat center url(images/manifestations_bleu.png);
    background-size: 110px auto;
}

#bouton4 {
	background: no-repeat center url(images/sante_blanc.png);
    background-size: 110px auto;
}

#bouton4.active {
	background: no-repeat center url(images/sante_bleu.png);
    background-size: 110px auto;
}

#bouton5 {
	background: no-repeat center url(images/formation_blanc.png);
    background-size: 110px auto;
}

#bouton5.active {
	background: no-repeat center url(images/formation_bleu.png);
    background-size: 110px auto;
}

#bouton6 {
	background: no-repeat center url(images/mobilite_blanc.png);
    background-size: 110px auto;
}

#bouton6.active {
	background: no-repeat center url(images/mobilite_bleu.png);
    background-size: 110px auto;
}

#bouton7 {
	background: no-repeat center url(images/avantage-SWG_blanc.png);
    background-size: 110px auto;
}

#bouton7.active {
	background: no-repeat center url(images/avantage-SWG_bleu.png);
    background-size: 110px auto;
}

.ouvert {
  display: block;
} 

 /* Style the tab */
.tab {
  
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  color: white;
  padding: 22px 16px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  width: 110px;
  height: 144px;
  margin: 0 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #427991;
}

/* Style the tab content */
.tabcontent {
	display: none;
	background: rgb(0,0,0, 0.5);
	border-top: 2px solid #427991;
  	padding: 0 120px 30px;
}

.tabcontent p {
	margin-top: 10px;
}

hr.tab_avantages {
	color: #427991;
	margin: 30px auto 20px;
	border: #427991 1px solid;
}

#colonne {
	text-align: left;
}

ul.colonne {
	display: inline-block;
	color: #427991;
	text-align: left;
	margin-top: 10px;
	max-width: 45%;
	display: inline-table;
}

#colonne_centre {
	text-align: center;
	column-count: 1;
}

ul.colonne_centre {
	display: inline-block;
	color: #427991;
	text-align: left;
	margin-top: 10px;
}

.philo_entre a:link, .philo_entre a:visited, .flux a:link, .flux a:visited,
#panel-46-0-0-2 a:link, #panel-46-0-0-2 a:visited, .flux_apprenti a:link, .flux_apprenti a:visited {
	color: white;
	text-decoration: none;
}

.philo_entre {
	border: 1px solid #427991;
	background-color: #427991;
	border-radius: 50px;
	display: inline-block;
	font-size: 25px;
	padding: 20px 45px;
	width: auto;
	position: relative;
	top: 50px;
}

.philo_entre:hover {
	border: 1px solid #F07F00;
	background-color: #F07F00;
}

.flux {
	max-width: 1300px;
	margin: auto auto 100px;
}

.wrapper_planete {
	width: 330px;
	height: 330px;
	margin: 50px 50px 0;
	display: inline-block;
}

.planete_emploi {
	background-repeat: no-repeat;
	background-size: cover;
	width: 330px;
	height: 330px;
	border-radius: 170px;
	background-position: 0;
	display: inline-table;
}

.planete_emploi2 {
	background-repeat: no-repeat;
	background-size: cover;
	width: 330px;
	height: 330px;
	border-radius: 170px;
	background-position: 0;
	display: inline-table;
}

.flux_apprenti .wrapper_planete:nth-child(5) .planete_apprenti {
	top: -100px;
	right: -220px;
}

.flux_apprenti .wrapper_planete:nth-child(5) .planete_emploi2 {
	position: relative;
	z-index: 2;
}

.flux_apprenti .wrapper_planete:nth-child(6) .planete_apprenti {
	top: -340px;
	right: -220px;
}

.flux_apprenti .wrapper_planete:nth-child(6) .planete_emploi2 {
	position: relative;
	z-index: 2;
}

.flux_apprenti .wrapper_planete:nth-child(7) .planete_apprenti {
	top: -100px;
	right: -220px;
}

.flux_apprenti .wrapper_planete:nth-child(8) .planete_apprenti {
	top: -340px;
}

.flux_apprenti .wrapper_planete:nth-child(9) .planete_apprenti {
	top: -100px;
	right: -220px;
}

.flux_apprenti .wrapper_planete:nth-child(9) .planete_emploi2 {
	position: relative;
	z-index: 2;
}

.planete_apprenti {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-position: 0;
	position: relative;
	top: -340px;
}

.planete_emploi:hover {
	transition: background-position .3s;
	background-position: -350px;
}

.planete_emploi2:hover {
	transition: background-position .3s;
	background-position: -350px;
}

.planete_emploi2:hover ~ .planete_apprenti {
	transition: background-position .3s;
	background-position: -200px;
}

.titre_emploi {
	color: #427991!important;
	font-family: 'Crimson Text', sans-serif;
	vertical-align: middle;
	display: table-cell;
	padding: 50px;
	font-size: 30px;
	line-height: 1.2;
}

.planete_emploi a:hover {
	color: #f07f00!important;
}

.planete_emploi2 a:hover {
	color: #f07f00!important;
}

.texte_spont {
	max-width: 800px;
	margin: 100px auto 0;
}

.flux_apprenti {
	max-width: 1300px;
	margin: auto auto 100px;
}

.texte_apprenti {
	margin: 30px auto 50px;
}

.intro_apprenti {
	margin: 0 30px 30px;
	font-family: 'Crimson Text', serif;
	font-size: 34px;
	max-width: 1200px;
}

.texte_apprenti1 {
	margin: 0 auto;
	max-width: 800px;
}

 .texte_apprenti2 {
	margin: 30px 30px;
}

.texte_apprenti2 p {
	margin: 0;
}

.texte_apprenti2 ul {
	padding: 0!important;
}

.texte_apprenti2 {
	max-width: 700px;
	margin: auto;
}

li.nobr {
	white-space: nowrap;
	list-style: none;
	display: inline;
	max-width: 700px;
	margin: auto;
}

.nojobs p {
	margin: auto;
}

.nojobs p {
	font-size: 30px;
	color: #f07f00;
	margin: auto 30px;
}










/*annonce*/

.page-template-annonce #bloc_page {
	background-image: url(images/fond_detail-emploi_02-bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}

.page-template-annonce .contenu {
	background-image: url(images/fond_detail-emploi_02-haut.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
}

.page-template-annonce #menu-item-66 a:visited, .page-template-annonce #menu-item-66 a:link {
	color: #f07f00!important;
}

.wrapper_annonce {
	margin: 0px auto;
	max-width: 1350px;
}

.annonce {
	color: white;
	margin: 0px 30px 30px;
}

.titre_annonce {
  font-size: 54px;
  font-family: 'Josefin Sans', sans-serif;
  color: #427991;
  text-transform: uppercase;
  font-weight: bold;
  margin: 45px auto 25px;
}

.wrapper_annonce h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin-top: 50px;
	text-align: center;
}

.description, .profil, .requirements, .info_contact {
	max-width: 800px;
	margin: auto;
}

.info_contact h2, .info_contact p {
	text-align: center!important;
}

.annonce ul {
	padding-left: 20px;
}

.annonce li, .annonce p {
	text-align: left!important;
}

.br_annonce hr {
	margin: 120px auto 0;
	color: #427991;
	width: 430px;
	border: #427991 1px solid;
}

.annonce a:link, .annonce a:visited {
	color: white;
	text-decoration: none;
}

.annonce a:hover {
	color: #f07f00;
}

.interet {
	max-width: 500px;
	margin: 50px auto;
	color: #427991;
}

.lien {
	border: 1px solid #427991;
	background-color: #427991;
	border-radius: 50px;
	display: inline-block;
	font-size: 25px;
	padding: 20px 45px;
	width: auto;
}

.lien_retour {
	border: none;
	background-color: rgb(0,0,0, 0.8);
	border-radius: 50px;
	display: block;
	font-size: 20px;
	padding: 20px 45px;
	width: 100px;
	margin: 30px auto;
}












/*contact*/

#post-50 {
	background-image:  url(images/forme_contact.png), url(images/fond_contact+terre.jpg);
	background-repeat: no-repeat;
	background-position:  top 900px left, center;
}

#post-50 h1 {
	font-size: 84px;
	font-family: 'Josefin Sans', sans-serif;
	color: #427991;
	text-transform: uppercase;
	font-weight: bold;
	margin: 45px auto 25px;
	text-underline-offset: 30px;
	text-decoration: underline 2px;
}

#post-50 h2 {
	font-size: 28px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f07f00;
	margin: 100px auto 20px;
}

.cmplz-placeholder-1 {
	height: 400px!important;
}

.map {
	width: 1150px;
	margin: 300px auto 50px;
}

.gmnoprint {
	display: none;
}

#wpcf7-f218-p50-o1 {
	width: 1150px;
	margin: auto auto 50px;
}

.wpcf7-form {
	column-count: 2;
	column-gap: 60px;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px 50px 40px;
}

.wpcf7-form p {
	margin: 0 auto 10px;
	height: 100px;
}

label {
	font-size: 20px;
	font-family: 'Barlow', sans-serif;
	line-height: 2.5;
}

input {
	width: 100%;
	margin: auto;
	height: 45px;
}

textarea {
	height: 375px;
	width: 100%;
	margin-bottom: 80px;
}

.fichier p{
	font-size: 30px;
	color: #427991;
	margin: 35px auto 0!important;
	height: 40px;
	
}

.fichier_petit p, .fichier_petit2 p {
	font-size: 18px;
	color: #427991;
	margin-bottom: 0!important;
	height: 25px;
}

.fileuploadfield { 
	display: none; 
}

.uploadfieldtrick {
	margin-bottom: 50px;
}

#uploadtextfield {
	background-color: inherit;
	border: none;
	color: white;
	text-align: center;
	position: relative;
	top: -15px;
}

#uploadbrowsebutton {
	background: rgba(66,121,145,0.4);
	border-radius: 50px;
	color: white;
	border: none;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	top: -22px;
}

#uploadbrowsebutton:hover {
	background: rgba(66,121,145,1);
}

.wpcf7-submit {
	background: rgba(66,121,145);
	border-radius: 50px;
	color: white;
	border: none;
	font-size: 20px;
	width: 230px;
	position: relative;
	right: 245px;
	top: 375px;
	cursor: pointer;
}

.wpcf7-submit:hover {
	border: 1px solid #F07F00;
	background-color: #F07F00;
}

.wpcf7-not-valid-tip {
	position: relative;
	top: -54px;
	color: black;
}

#wpcf7-f218-p50-o1-ve-your-name, #wpcf7-f218-p50-o1-ve-your-email, #wpcf7-f218-p50-o1-ve-your-subject {
	display: none;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -51px;
	left: 0px;
	width: 95%;
	height: 41px;
}

.wpcf7-response-output {
	z-index: 20;
	position: relative;
	color: red;
}

    #talkbubble {
    width: 332px;
    height: 200px;
    background: #427991;
    position: relative;
	left: -266px;
	top: 169px;
	margin: auto;
    }
	
    #talkbubble:before {
    content: "";
    position: absolute;
    left: 90%;
    top: 203px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 130px solid #427991;
    border-bottom: 13px solid transparent;
	transform: rotate(0.09turn);
    }
	
	#talkbubble {
	font-size: 20px;
    }
	
	.name {
	padding: 30px;
	}
	
	#talkbubble a:link, #talkbubble a:visited {
    color: white;
	text-decoration: none;
    }
	
.bloc_fichier > p:first-child {
	display: none;
	}
	
.wpcf7 form.sent .wpcf7-response-output {
	color: black;
	position: relative;
	z-index: 1;
	border: none;
	top: -20px;
	max-width: 300px;
	margin: auto;
}

.invalid .wpcf7-response-output {
	display: none;
}

.wpcf7-spinner {
	right: 215px;
	top: 360px;
}

#post-50 {
  background-position: top 900px left, top -65px center!important;
}








/*pdp*/

.footer {
	margin: 0px;
	color: white;
	padding-bottom: 0px;
	z-index: 0;
	position: inherit;
	font-size: 16px;
	background-color: black;
}

.content_footer {
	margin: auto;
	max-width: 1350px;
}

.footer a:link, .footer a:visited {
	color: white;
	text-decoration: none;
	font-size: 16px;
}
.footer a:hover, .linkedin a:hover {
	color: #f07f00!important;
}

#pdp, #pdp2, #pdp3, #pdp4 {
	display: inline-block;
	color: white;
}

#pdp {
	text-align: left;
	float: left;
}

#pdp4 {
	margin-left: 100px;
	float: left;
}

#pdp2 {
	margin-left: 105px;
}

#pdp3 p {
	margin-top: 17px;
}

#pdp3 {
	text-align: right;
	float: right;
}

.marge_pdp {
	margin-right: 100px;
}

.linkedin a:link, .linkedin a:visited {
	color: black;
}

#pdp {
	position: relative;
	top: 14px;
}

.linkedin :hover, .linkedin :active, .linkedin :focus {
	content: url("images/linkedin_orange.png");
	width: 24px;
	height: 24px;
}









@media all and (max-width: 1900px) {
	
.bloc_activites {
	max-width: 600px;
}	
}

@media all and (max-width: 1700px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-50px.png), url(images/fond_productions_droite-50px.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}

#pg-43-0{
	background-position: right 325px, 0px 325px;
	background-image: url(images/fond_histoire_droite_small1-p1.png), url(images/fond_histoire_gauche-small1-p1.png);
	background-repeat: no-repeat;
}

#pg-43-1 {
	background-image: url(images/fond_histoire_droite_small1-p2_2.png), url(images/fond_histoire_gauche-small1-p2.png);
	background-repeat: no-repeat;
}
}

@media all and (max-width: 1650px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-100px.png), url(images/fond_productions_droite-100px.png);
	background-repeat: no-repeat;
	background-color: black
}
}

@media all and (max-width: 1600px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-150px.png), url(images/fond_productions_droite-150px.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}
}

@media all and (max-width: 1550px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-200px.png), url(images/fond_productions_droite-200px.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}

#pg-43-0{
	background-position: right 325px, 0px 325px;
	background-image: url(images/fond_histoire_droite_small2-p1.png), url(images/fond_histoire_gauche-small2-p1.png);
	background-repeat: no-repeat;
}

#pg-43-1 {
	background-image: url(images/fond_histoire_droite_small2-p2_2.png), url(images/fond_histoire_gauche-small2-p2.png);
	background-repeat: no-repeat;
	margin-top: -574px;
}

.date_texte, .histoire_gauche, .date_texte_droite, .histoire_droite {
	max-width: 400px;
}

.histoire_gauche, .histoire_droite {
  margin: 10px 0 240px;
}

.container_date2  {
	padding-top: 550px;
}
}

@media all and (max-width: 1400px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-250px.png), url(images/fond_productions_droite-250px.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}
}

@media all and (max-width: 1350px) {
#post-52 {
	background-image: url(images/fond_productions_gauche-250px.png), url(images/fond_productions_droite-300px.png);
	background-repeat: no-repeat;
	background-position: 0px 300px, right 300px;
}


.bloc_activites {
  max-width: 530px;
}
}


@media all and (max-width: 1800px) {	

.wrapper_1909 {
	position: relative;
	top: 40px;
	left: 110px;
}

.wrapper_1924 {
	position: relative;
	right: 50px;
}

.wrapper_1953 {
	position: relative;
	left: 200px;
}

.wrapper_1955 {
	position: relative;
	right: 50px;
}

.wrapper_1975 {
	position: relative;
	left: 200px;
}

 .wrapper_1993 {
    position: relative;
    right: 200px;
  }

.wrapper_2000 {
	position: relative;
	left: 170px;
}

.wrapper_2015 {
	position: relative;
	left: 150px;
}
}

@media all and (max-width: 1700px) {
	.wrapper_1930 {
	position: relative;
	left: 120px;
}

	.wrapper_1947 {
	position: relative;
	right: 20px;
}

.wrapper_1955 {
    right: 100px;
  }
  
  .wrapper_2017 {
	position: relative;
	right: 50px;
}

.wrapper_2023 {
	position: relative;
	top: 0px;
	left: 100px;
}
}

@media all and (max-width: 1500px) {
.wrapper_1909 {
	position: relative;
	top: 40px;
	left: 100px;
}

.wrapper_1924 {
	position: relative;
	right: 100px;
}

.wrapper_1947 {
	position: relative;
	right: 115px;
}

.wrapper_1955 {
	position: relative;
	right: 50px;
}

.wrapper_1993 {
	position: relative;
	top: 50px;
}

.wrapper_2007  {
	position: relative;
	right: 150px;
}
}

@media all and (max-width: 1400px) {
.wrapper_1909 {
	position: relative;
	top: 40px;
	left: 150px;
}
	
.wrapper_1930 {
	position: relative;
	left: 180px;
}

.wrapper_1955 {
	position: relative;
	top: 70px;
	right: 150px;
}

.wrapper_1975 {
	position: relative;
	top: 70px;
}

.wrapper_1993 {
	margin: 70px auto;
}

.wrapper_2017 {
	position: relative;
	right: 130px;
}
}

@media all and (max-width: 1300px) {

.wrapper_1924 {
	position: relative;
	right: 150px;
}

.wrapper_1947 {
	position: relative;
	right: 190px;
}

.wrapper_2023 {
	position: relative;
	left: 150px;
}
}


@media all and (max-width: 1200px) {

.wrapper_1909 {
	left: 200px;
}

.wrapper_1924 {
	right: 200px;
}

.wrapper_1953 {
	position: relative;
	left: 220px;
}

.wrapper_1955 {
	right: 220px;
}

.wrapper_1975 {
	position: relative;
	left: 150px;
}

.wrapper_2007  {
	right: 220px;
}

.wrapper_2015 {
    position: relative;
    left: 200px;
  }
  
   .wrapper_2017 {
    position: relative;
    right: 170px;
  }

#pg-43-1 {
	margin-top: -574px;
}

.container_date2 {
	padding-top: 560px;
}

.wrapper_2023 {
	position: relative;
	left: 200px;
}
}

@media all and (max-width:1100px) {
.date_texte, .histoire_gauche {
	margin-left: 100px;
	}
	
.date_texte_droite, .histoire_droite {
	margin-right: 100px;
	}
	
.wrapper_1909 {
	position: relative;
	left: 0;
	
}
	
.responsive_1909 {
	position: relative;
	margin-top: -200px;
	left: 0;
}

.wrapper_1924 {
	position: relative;
	margin-top: -200px;
	right: 0;
}

.responsive_1924 {
	position: relative;
	margin-top: -250px;
}

.wrapper_1930 {
	position: relative;
	margin-top: -350px;
	left: 0;
}

.responsive_1938 {
	position: relative;
	margin-top: -250px;
}

.wrapper_1947 {
	position: relative;
	margin-top: -600px;
	right: 0;
}

.responsive_1951 {
	position: relative;
	margin-top: -200px;
}

.wrapper_1953 {
	position: relative;
	top: 0px;
	left: 0;
}

.responsive_1953 {
	position: relative;
	margin-top: -100px;
}

.wrapper_1955 {
	position: relative;
	margin-top: -100px;
	right: 0;
}

.responsive_1970 {
	position: relative;
	top: -100px;
}

.wrapper_1975 {
	position: relative;
	margin-top: -180px;
	left: 0;
}

.responsive_1982 {
	position: relative;
	margin-top: -180px;
}

.wrapper_1993 {
	position: relative;
	top: 0px;
	right: 0;
}

.responsive_1996 {
	position: relative;
	margin-top: -200px;
}

.wrapper_2000 {
	position: relative;
	margin-top: -30px;
	left: 0;
}

.responsive_2000 {
	position: relative;
	margin-top: -200px;
}

.wrapper_2007 {
	position: relative;
	margin-top: -800px;
	right: 0;
}

.responsive_2013 img {
	position: relative;
	margin-top: -105px;
}

.responsive_2013 img, .responsive_2023 img {
    width: 100vw;
}

.wrapper_2015 {
	position: relative;
	margin-top: -60px;
	left: 0;
}

.responsive_2015 {
	position: relative;
	margin-top: -200px;
}

.wrapper_2017 {
	position: relative;
	margin-top: -200px;
	left: 0;
}

.responsive_2017 {
	position: relative;
	margin-top: -250px;
}

.wrapper_2023 {
	position: relative;
	margin-top: -400px;
	left: 0;
}

.responsive_2023 {
	margin-top: -320px;

}
}

@media all and (max-width: 900px) {
	
.responsive_2023 {
	margin-top: -50px;
}
	
#defaultOpen {
	background: no-repeat center  url(images/environnement_blanc.png);
}

#defaultOpen.active {
	background: no-repeat center url(images/environnement_bleu_responsive.png);
}

#bouton2 {
	background: no-repeat center url(images/valorisation_blanc.png);
}

#bouton2.active {
	background: no-repeat center url(images/valorisation_bleu_responsive.png);
}

#bouton3 {
	background: no-repeat center url(images/manifestations_blanc.png);
}

#bouton3.active {
	background: no-repeat center url(images/manifestations_bleu_responsive.png);
}

#bouton4 {
	background: no-repeat center url(images/sante_blanc.png);
}

#bouton4.active {
	background: no-repeat center url(images/sante_bleu_responsive.png);
}

#bouton5 {
	background: no-repeat center url(images/formation_blanc.png);
}

#bouton5.active {
	background: no-repeat center url(images/formation_bleu_responsive.png);
}

#bouton6 {
	background: no-repeat center url(images/mobilite_blanc.png);
}

#bouton6.active {
	background: no-repeat center url(images/mobilite_bleu_responsive.png);
}

#bouton7 {
	background: no-repeat center url(images/avantage-SWG_blanc.png);
}

#bouton7.active {
	background: no-repeat center url(images/avantage-SWG_bleu_responsive.png);
}
}

/*responsive*/
@media all and (max-width: 413px) {
.fichier p {
  height: 80px;
}

.sujet, .message {
	top: -300px!important;
}

#uploadbrowsebutton, .wpcf7-submit {
	left: 50%!important;
	transform: translateX(-50%)!important;
	position: relative!important;
}
}

@media all and (max-width: 600px) {
#pdp, #pdp2, #pdp3, #pdp4 {
	position: inherit!important;
	margin: auto!important;
	width: 100%;
}

#pdp {
	width: 24px!important;
}

#pdp2 p, #pdp4 p {
	margin-top: 0;
}
}

@media all and (max-width: 600px) {
br.home {
	display: none;
}

.anni img {
  max-width: 80%;
}
}

@media all and (max-width: 800px) {
	
#colonne {
	column-count: 1;
	margin: 30px auto 10px;
}

ul.colonne {
	max-width: 100%;
	margin: 0px auto;
}

.responsive_aiguille img, .responsive_glace img {
	width: 80vw;
}

.responsive_applique  img{
	width: 80vw;
}

.histoire_gauche, .histoire_droite, .date_texte, .date_texte_droite {
  margin: 0px 0 0px;
}

.responsive_1909 {
	margin-top: 0;
}

.responsive_1938 {
	margin-top: 0;
}

.wrapper_1924 {
	top: -40px;
	right: 0;
}

.wrapper_1953 {
	top: -50px;
	left: 0;
}

.responsive_1970 {
	top: -20px;
}

.wrapper_1975 {
	position: relative;
	top: -20px;
	margin-top: 0;
	left: 0;
 }

.wrapper_1993 {
	margin: auto;
	top: 0;
	right: 0;
 }
 
.wrapper_2007 {
	top: -50px;
	right: 0;
	margin-top: 0;
 }
 
.responsive_2015 {
	position: relative;
	top: -70px;
	margin-top: 0;
	left: 0;
 }
 
 .responsive_2013 img{
	width: 100vw;
	margin-top: 0px;
}

.responsive_2023 img {
    width: 100vw;
  }

.responsive_1924 {
	margin: 50px auto 20px;
}

.wrapper_1947 {
	top: -50px;
	position: relative;
	left: 0;
}

.responsive_1951 {
	margin-top: 50px;
}

.responsive_1953 {
	margin-top: 50px;
}

.responsive_1970 img{
	margin-top: 50px;
}

.responsive_1982 {
	margin-top: 50px;
}

.responsive_1996 {
	margin-top: 50px;
}

.wrapper_2000 {
	top: -70px;
	position: relative;
	left: 0;
}

.responsive_2000 {
	margin-top: 50px;
}

.responsive_2017 {
	margin-top: 0;
}





#pg-52-2 {
	background-image: url(images/fond_metier-1.jpg);
	background-repeat: no-repeat;
	background-size: 300%;
}

#pg-52-3 {
	background-size: 300%;
	background-position: right 200px;
}

#production {
	margin-top: 50px;
}

#pg-52-1, #panel-52-2-0-1, #pgc-52-3-0, .prod_gauche, .prod_droite {
	padding: 0 30px!important;
}
}

@media all and (max-width: 1370px) {
.container_gauche, .container_droite, .container {
	margin: 20px 20px 40px;
}

.content_footer {
	padding: 20px 0px;
}
}



@media all and (max-width: 1100px) {
	
.responsive {
	display: inherit;
}

.logo_home {
	margin-top: 105px;
}

.contenu {
  margin-top: 0px;
}

.logo_home h2 {
	margin-top: 100px;
}

#post-45 h2, #post-52 h2, #post-46 h2 {
	margin-top: 30px;
}
	
#rmp-menu-wrap-267 .rmp-menu-item-link {
	text-align: center!important;
	text-transform: uppercase;
}

#rmp-container-267 {
	height: 270px;
}

.rmp-menu-item-link {
	padding-right: 15%!important;
}

#rmp_menu_trigger-267 {
	cursor: pointer; 
}

#rmp-menu-item-21 {
	margin: 20px 0 10px -4px!important;
}

#rmp-menu-item-21 img {
	width: 97px!important;
}

#post-8 {
  background-image: url(images/fond_home_reponsive.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
	
#pl-8 {
	margin: 0px 30px;
}

#post-8 {
	background-size: contain;
}
	
img.entreprise_home {
	height: auto;
	margin-top: -150px;
	max-width: 100%;
}

.logo_home p {
	margin: 0 80px;
}

h1 {
	margin-top: 20px;
	font-size: 29px;
}
	
.text_quicklink {
	display: block;
}

.quicklink_home {
	display: inline-block;
	margin: auto;
	max-width: 1200px;
}

#pg-8-1 {
    display: inline-block;
}

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







.page-id-45 .contenu {
	background-size: inherit;
}

#post-45 {
	background-image: url(images/fond_etoilefilante.png), url(images/fond_entreprise_aiguille.png);
    background-size: 300%, 200px auto;
    background-position: top,center right;
}

#post-45 .post_content {
	margin: 0 30px;
}

#post-45 h1, #post-43 h1, #post-46 h1, #post-52 h1, #post-50 h1, .titre_annonce {
	font-size: 45px;
	hyphens: auto;
}

.container_gauche, .container_droite, .container {
	margin: 20px 20px 40px;
}

.responsive_rond {
	font-size: 18px;
	margin-bottom: 30px;
}







#pg-43-0 {
	background-position: 0px 325px, right bottom;
	background-image: url(images/fond_histoire_recadre.jpg);
	background-repeat: repeat-y;
}

#pg-43-1 {
	background-image: url(images/fond_histoire_recadre.jpg);
	background-repeat: repeat-y;
	position: inherit;
}

.container_date3 {
	margin: 0px auto;
}

#post-43 h1 {
	margin-bottom: 40px;
}

#panel-43-0-0-0, #panel-43-0-0-1, #panel-43-0-0-2, #panel-43-0-0-3, #panel-43-0-0-4, #panel-43-0-0-5, #panel-43-0-0-6, #panel-43-0-0-7, .container_date2, .container_date3 {
	margin: auto;
	max-width: 100vw;
}

#panel-43-0-0-0 {
  margin-bottom: 100px !important;
}

.histoire_gauche, .histoire_droite, .date_texte, .date_texte_droite {
	background: rgba(0, 0, 0, 0.);
	padding: 20px 20px 20px 40px;
}

.histoire_droite, .date_texte_droite {
	background: rgba(0, 0, 0, 0.);
	padding: 20px 40px 20px 20px;
}

#panel-43-2-0-2 .histoire_gauche {
  margin-bottom: 0px !important;
}

#post-43 .responsive img {
	max-width: 100%;
}

.responsive_1909, .responsive_1915, .responsive_1938, .responsive_1951, .responsive_1982, .responsive_1996, .responsive_2015, .responsive_2023 {
	float: right;
}

.responsive_1924, .responsive_1947, .responsive_1953, .responsive_1975, .responsive_1993, .responsive_2000, .responsive_2017 {
	float: left;
}

.date_texte, .histoire_gauche, .date_texte_droite, .histoire_droite {
    max-width: 600px;
}






.page-template-emploi #bloc_page {
  background-image: none;
}

.page-template-emploi .contenu {
	background-image: url(images/fond_emploi_haut_responsive.png), url(images/fond_histoire_recadre.jpg);
	background-position: top;
	background-size: 300%;
	background-repeat: no-repeat, repeat-y;
}

.fond_planete {
  background-image: none;
}

.responsive_tab {
	margin: 0px auto 30px;
	font-size: 18px;
}

.tab button {
	padding: 0px;
	width: 80px;
	height: 105px;
}

.tabcontent {
  	padding: 0 30px 30px;
}

#defaultOpen {
	background-size: 80px auto;
}

#defaultOpen.active {
    background-size: 80px auto;
}

#bouton2 {
	background-size: 80px auto;
}

#bouton2.active {
    background-size: 80px auto;
}

#bouton3 {
    background-size: 80px auto;
}

#bouton3.active {
    background-size: 80px auto;
}

#bouton4 {
    background-size: 80px auto;
}

#bouton4.active {
    background-size: 80px auto;
}

#bouton5 {
    background-size: 80px auto;
}

#bouton5.active {
    background-size: 80px auto;
}

#bouton6 {
    background-size: 80px auto;
}

#bouton6.active {
    background-size: 80px auto;
}

#bouton7 {
    background-size: 80px auto;
}

#bouton7.active {
    background-size: 80px auto;
}

.avantages {
	margin: 0px 30px;
}

#post-46 h3 {
  line-height: 1.2;
  margin-bottom: 30px;
}

#panel-46-0-0-1 {
	margin-bottom: -30px!important;
}

.texte_apprenti {
	margin: 30px 30px 0px;
}

.texte_spont {
	margin: 30px auto 0px;
}

nobr.responsive {
	overflow-wrap: break-word;
}

.wrapper_planete {
  margin: 50px 30px 0;
}






li.nobr {
	white-space: pre-line;
}
.description li {
	text-align: left!important;
}

.page-template-annonce #bloc_page, .page-template-annonce .contenu {
	background-size: inherit;
}
.page-template-annonce .contenu {
	background-position: top left -362px;
}

.page-template-annonce #bloc_page {
	background-image: url(images/fond_detail-emploi_02-bas.png), url(images/fond_histoire_recadre.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom, top;
}






#post-52 {
	background-image: url(images/fond_productions_responsive.jpg), url(images/fond_histoire_recadre.jpg);
	background-position: top left, top;
  	background-repeat: no-repeat, repeat-y;
}

#pg-52-2, #pg-52-3 {
	background-color: black;
}

#pg-52-1, #panel-52-2-0-1, #pgc-52-3-0, .prod_gauche, .prod_droite {
	padding: 0 100px;
}

.bloc_img_metier {
	display: block!important;
}

#pgc-w6576d9241aa88-1-0, #pgc-w6576d9241aa88-1-1, #pgc-w6576d9241aa88-1-2, #pgc-w6576d9241aa88-1-3, #pgc-w6576d9241aa88-1-4,
#pgc-w6576d9241aa88-2-0, #pgc-w6576d9241aa88-2-1, #pgc-w6576d9241aa88-2-2, #pgc-w6576d9241aa88-2-3, #pgc-w6576d9241aa88-2-4
 {
	display: inline-block!important;
	width: 200px!important;
}

.wp-video {
	max-width: 90%!important;
}

.responsive_aiguille, .responsive_glace {
	float: left;
	margin-right: 320px;
}

.responsive_applique {
	float: right;
	margin-left: 320px;
}

.bloc_activites {
  max-width: 1100px;
}

.inline-block {
	width: 135px;
	height: 240px;
}

img.metier {
  width: 135px;
}






#pl-50 {
	margin: auto 30px;
}

#post-50 {
background-image: url(images/fond_contact+terre.jpg);
background-position: top -130px center!important;
}

.page-id-50 .contenu {
background-image: url(images/fond_histoire_recadre.jpg);
    background-repeat: repeat-y;
    background-position: bottom -150px center;
}

#talkbubble {
	left: 0;
	top: 150px;
}

#talkbubble::before {
  content: "";
  position: absolute;
  left: 46%;
  top: 179px;
  width: 0;
  height: 0;
  border-top: 80px solid #427991;
  border-right: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid transparent;
  transform: none;
}

.map {
	margin-top: 380px;
	max-width: 100%;
}

#wpcf7-f218-p50-o1 {
  max-width: 100%;
  margin: auto auto 50px;
}

.wpcf7-form {
  column-count: 1;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px 50px;
}

.bloc_fichier {
	position: relative;
	top: 540px;
}

.sujet, .message {
	position: relative;
	top: -260px;
}

#uploadtextfield {
	top: 0
}

#uploadbrowsebutton {
	top: 0;
	width: 230px;
	left: 0;
	transform: none;
}

.wpcf7-submit  {
	width: 230px;
	left: 0;
	transform: none;
	top: 320px;
}

.wpcf7-spinner  {
	display: block;
	margin: auto;
	position: relative;
 	top: 320px;
	right: 0;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	height: 44px
}

label {
	line-height: 1.6;
}

.wpcf7 form.sent .wpcf7-response-output {
	position: relative;
	top: 265px;
	color: white;
	font-size: 15px;
}

@supports (background: -webkit-named-image(i)) {
	#post-50 {
	padding-bottom: 300px;
	}
}






#pdp {
	float: none;
    width: 40px;
    overflow: hidden;
    height: 40px;
	margin: 0;
	position: relative;
	top: 8px;
	left: 140px;
}

.linkedin {
	float: none;
	margin: 0;
}

#pdp2 {
	left: -130px;
}

#pdp2, #pdp3 {
	float: none;
	margin: auto;
	position: relative;
    top: -14px;
	text-align: center;
}

#pdp3 {
	display: block;
	top: 30px;
    position: relative;
}

#pdp3 p {
	margin-top: 0px;
}

#pdp4 {
	position: relative;
	top: 25px;
	margin-left: 116px;
	float: none;
}

.marge_pdp {
	margin-right: 0px;
}

.linkedin img {
	position: inherit;
}

.content_footer {
	padding-bottom: 50px;
}
	
}