@charset "utf-8";
/* CSS Document */
/*
Theme Name: Rubattel & Weyermann
Theme URI: https://www.rubattel-weyermann.ch
Author: Many2
Author URI: https://www.many2.ch/
Description: Rubattel & Weyermann
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: rubattel & weyermann
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", serif;
font-family: "Poppins", serif;*/

.error {
	background-color: #2D438C;
}

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

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

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

.contenu {
	margin-top: 84px;
}

.main-menu {
	color: #2D438C;
	background-color: white;
	font-size: 24px;
	position: fixed;
	margin: auto;
	width: 100%;
	z-index: 2;
	font-family: 'Poppins', serif;
	font-weight: 500;	
}

.menu a:link, .menu a:visited {
	color: #2D438C;
	text-decoration: none;
}

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

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

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

#menu-item-21 {
	float: left;
	margin: -20px 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: #2D438C!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/vecto-gauche.png"), url("images/visage-droit.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left, right top;
	background-color: #2D438C;
}

@media all and (max-width: 4000px) {
#post-8 {
	background-image: url("images/vecto-gauche.png"), url("images/visage-droit.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left, right top;
	background-color: #2D438C;
}
}

@media all and (max-width: 2200px) {
#post-8 {
	background-image: url("images/vecto-gauche.png"), url("images/visage-droit.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left, right top;
	background-color: #2D438C;
}
}

@media all and (max-width: 1900px) {
#post-8 {
	background-image: url("images/vecto-gauche.png"), url("images/visage-droit.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left, right top;
	background-color: #2D438C;
}
}

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

.logo_home {
	margin-top: 100px;
}

.logo_home_responsive {
	display: none;
}

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

.anni {
	max-width: 130px;
	margin: 30px auto;
}

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

h1 {
	color: #F0C300;
	font-size: 45px;
	font-family: 'Poppins', serif;
	font-weight: 600;
	margin: 80px auto 60px;
	letter-spacing: 0.2px;
}

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

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

.inline-block_home img {
	width: 210px;
	height: 210px;
}

.quicklink_home a:link, .quicklink_home a:visited {
	color: white;
	text-decoration: none;
	font-size: 30px;
	font-family: 'Poppins', serif;
	font-weight: 500;
	letter-spacing: 1px;
}

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

.text_quicklink {
	position: relative;
	top: 20px;
}

.entreprise_home_min {
	background-image: url(images/entreprise-bleu.png);
	width: 210px;
	height: 210px;
	background-size: contain;
	display: inline-block;
}

.entreprise_home_min:hover {
	background-image: url(images/entreprise-jaune.png);
	width: 210px;
	height: 210px;
	background-size: contain;
}

.histoire_home {
	background-image: url(images/histoire-bleu.png);
	width: 210px;
	height: 210px;
	background-size: contain;
	display: inline-block;
}

.histoire_home:hover {
	background-image: url(images/histoire-jaune.png);
	width: 210px;
	height: 210px;
	background-size: contain;
}

.activites_home {
	background-image: url(images/activite-bleu.png);
	width: 210px;
	height: 210px;
	background-size: contain;
	display: inline-block;
}

.activites_home:hover {
	background-image: url(images/activite-jaune.png);
	width: 210px;
	height: 210px;
	background-size: contain;
}

.emploi_home {
	background-image: url(images/emploi-bleu.png);
	width: 210px;
	height: 210px;
	background-size: contain;
	display: inline-block;
}

.emploi_home:hover {
	background-image: url(images/emploi-jaune.png);
	width: 210px;
	height: 210px;
	background-size: contain;
}

.contact_home {
	background-image: url(images/contact-bleu.png);
	width: 210px;
	height: 210px;
	background-size: contain;
	display: inline-block;
}

.contact_home:hover {
	background-image: url(images/contact-jaune.png);
	width: 210px;
	height: 210px;
	background-size: contain;
}

.swatchgroup p {
	margin-top: 60px;
}

.img_swatchgroup  {
	max-width: 368px;
	margin: auto;
}

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

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





/*entreprise*/

.responsive {
	display: none;
}

#post-45 {
	background-image: url(images/visage-gauche.png), url(images/ligne-droite.png), url(images/cadran-droite.png);
	background-repeat: no-repeat;
	background-position: left top 400px, top right, top 500px right;
  	background-size: 20%, 40%, 12%;
	background-color: #2D438C;
}

.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: 80px;
	font-family: 'Poppins', sans-serif;
	color: #F0C300;
	font-weight: bold;
	margin: 45px auto 25px;
}

#post-45 h2 {
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #F0C300;
	margin-top: 80px;
}

#post-45 h3 {
	font-size: 30px;
	font-family: 'Poppins', serif;
	max-width: 1241px;
	font-weight: normal;
	line-height: 1.5;
	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: white;
}

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

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

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

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

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

@-moz-document url-prefix() { 
	.container_bas {
		top: -110px;
  }
}

.ombre {
	background-image: url('images/ombre-cadran.png');
	width: 260px;
	height: 37px;
	background-size: contain;
	position: relative;
	top: -259px;
}

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

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

@-moz-document url-prefix() { 
	.container_gauche_bas {
		top: -110px;
  }
}

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

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

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

@-moz-document url-prefix() { 
	.container_droite_bas {
		top: -110px;
  }
}
  

.container .rond, .container1 .rond, .container_gauche .rond, .container_droite .rond,
.container_bas .rond, .container_gauche_bas .rond, .container_droite_bas .rond {
	width: 260px;
    height: 260px;
    border-radius: 130px;
	background-color: transparent;
	opacity: 1;
	font-size: 20px;
	color: #2D438C;
	display: inline-block;
	margin: auto ;
	font-size: 28px;
	font-family: 'Poppins', serif;
	line-height: 0.8;
	opacity: 0.8;
	display: block;
	border: none;
}

.visible:active, .visible:focus, .visible:hover {
	opacity: 1;
	font-size: 20px;
}

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

.container_gauche:active .background, .container_gauche:focus .background, .container_gauche:hover .background,
.container_droite:active .background, .container_droite:focus .background, .container_droite:hover .background,
.container:active .background, .container:focus .background, .container:hover .background,
.container1:active .background, .container1:focus .background, .container1:hover .background,
.container_gauche_bas:active .background, .container_gauche_bas:focus .background, .container_gauche_bas:hover .background,
.container_droite_bas:active .background, .container_droite_bas:focus .background, .container_droite_bas:hover .background,
.container_bas:active .background, .container_bas:focus .background, .container_bas:hover .background {
	opacity: 1;
	font-size: 20px;
	transform: scale(1.2) rotate(0.25turn);
	transition: transform .1s;
}

.background {
	background-image: url('images/cadran-philosophie.png');
	background-size: 260px;
	height: 260px;
	width: 260px;
	position: inherit;
	z-index: 1;
	opacity: 0.8;
}

.rond {
	position: relative;
	z-index: 1;
	top: -260px;
}

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

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

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

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

.rond_grand_1, .rond_grand_2, .rond_grand_4, .rond_grand_6 {
	top: 88px;
}

.rond_grand_3, .rond_grand_7 {
	top: 77px;
}

.rond_grand_5 {
	top: 66px;
}

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

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





/*histoire*/

#pg-43-0{
	background-position: 0px 190px, right 190px;
	background-image: url(images/h-gauche-haut.png), url(images/h-droite-haut.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#pg-43-1 {
	background-image: url(images/h-gauche-bas.png),url(images/h-droite-bas.png);
	background-position: top left, top right;
	background-repeat: no-repeat;
	margin-bottom: -150px;
}

#post-43 h1 {
	font-size: 80px;
	font-family: 'Poppins', sans-serif;
	color: #F0C300;
	font-weight: bold;
	margin: 45px auto 30px;
}

#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, #panel-43-0-0-8, #panel-43-0-0-9, .container_date2, .container_date3 {
	max-width: 725px;
	margin: auto;
}

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

.date_texte, .date_texte_droite {
	color: #F0C300;
	font-size: 60px;
	font-family: 'Poppins', 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;
}

.wrapper_1924 {
	margin-top: -200px;
}

.wrapper_1930 {
	margin-top: -120px;
}

.wrapper_1947 {
	margin-top: -150px;
}

.wrapper_1947 .histoire_droite {
	margin-bottom: 50px;
}

.wrapper_1953 {
	margin-top: 90px;
}

.wrapper_1955 {
	margin-top: -190px;
}

.wrapper_1975 {
	position: relative;
	top: -200px;
}

.wrapper_1993 {
	margin-top: -328px;
}

.wrapper_2000 {
	margin-top: -120px;
}

.wrapper_2007 {
	margin-top: -150px;
}

.wrapper_2007 .histoire_droite {
	margin-bottom: 50px;
}

.wrapper_2015 {
	margin-top: 95px;
}

.wrapper_2017 {
	margin-top: -145px;
}

.wrapper_2015rw .histoire_droite {
	margin-bottom: 50px;
}

.wrapper_2023 {
	margin-top: -150px;
}

.wrapper_2015rw {
	margin-top: -150px;
}

.wrapper_2018rw {
	margin-top: 90px;
}

.wrapper_2019rw {
	margin-top: -150px;
}

.wrapper_2019rw .histoire_droite {
	margin-bottom: 50px;
}

.wrapper_2021rw {
	margin-top: 90px;
}

.wrapper_2023rw {
	margin-top: -150px;
}








/*activités*/

#post-52 {
	background-image: url(images/cadran-horloger.png), url(images/lunette.png),url(images/disque-quantieme.png), url(images/rehaut.png), url(images/disque-lune.png);
	background-repeat: no-repeat;
	background-position: left 400px, left 1000px, left 1800px, right 550px, right 1400px;
	background-size: 500px, 500px, 500px, 500px, 400px;
}

#pg-52-2 {
	background-image: url(images/double-triangle.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left 1500px;
}

#pg-52-3 {
	background-image: url(images/triangle-miroir-bas.png), url(images/cadran-droite-act.png);
	background-repeat: no-repeat;
	background-size: 100%, 10%;
	background-position: left 800px, right top;
}

#post-52 h1 {
	font-size: 84px;
	font-family: 'Poppins', sans-serif;
	color: #F0C300;
	font-weight: bold;
	margin: 45px auto 25px;
}

#post-52 h2 {
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #F0C300;
	margin-top: 80px;
}

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

#panel-52-0-0-0 a:link, #panel-52-0-0-0 a:visited {
	color: white;
	text-decoration: none;
}

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

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

.titre_prod {
	color: #F0C300;
	font-size: 30px;
	font-family: 'Poppins', 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: 30px;
	font-family: 'Poppins', serif;
	max-width: 1200px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 auto 30px;
}

.date_services {
	border: 1px solid white;
	border-radius: 50px;
	display: inline-block;
	font-family: 'Poppins', serif;
	font-size: 22px;
	padding: 5px 20px;
	margin: 10px 10px;
	width: auto;
	color: white;
	background-color: #2D438C;
}

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

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

.date_admin {
	border: 1px solid white;
	border-radius: 50px;
	font-family: 'Poppins', serif;
	font-size: 22px;
	padding: 5px 20px;
	margin: 10px auto 50px;
	max-width: 250px;
	color: white;
	text-decoration: none;
}

.date_admin:link, .date_admin:hover, .date_admin:active, .date_admin:visited {
	color: #F0C300;
	border: 1px solid #F0C300;
	border-radius: 50px;
	padding: 5px 20px;
	text-decoration: none;
}

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

.titre_metier {
	color: #F0C300;
	font-family: 'Poppins', serif;
	font-size: 30px;
	margin-top: 100px;
}

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

.titre_metier p {
	margin-bottom: 0;
}

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

.img_prod, .img_metier4 {
	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: #F0C300;
	color: #2D438C;
	text-decoration: none;
}

.offres_emplois a:hover {
	background-color: white;
}






/*emploi*/

.page-template-emploi #bloc_page {
	background-image: url(images/triangle-haut.png), url(images/cadran-haut.png), url(images/rouage.png);
	background-repeat: no-repeat;
	background-position: top, top right, left 1200px;
	background-size: 100%, 30%, 40%;
}

.page-template-emploi .contenu {
	background-image: url(images/visage-droite.png), url(images/triangle-bas.png);
	background-repeat: no-repeat;
	background-position: right bottom, bottom center;
	background-size: 20%, 100%;
}

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

#post-46 h1 {
	font-size: 80px;
	font-family: 'Poppins', sans-serif;
	color: #F0C300;
	font-weight: bold;
	margin: 45px auto 25px;
}

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

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

#postes_ouverts h2 {
	margin-top: 150px;
}

#post-46 h3 {
	font-size: 40px;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	color: #F0C300;
	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: white;
}

.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_jaune.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_jaune.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_jaune.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_jaune.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_jaune.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_jaune.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_jaune.png);
    background-size: 110px auto;
}

.ouvert {
  display: block;
} 

/* 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: rgba(255, 255, 255, 0.2);
	border-top: 2px solid #F0C300;
  	padding: 0 120px 30px;
}

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

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

#colonne {
	text-align: left;
}

ul.colonne {
	display: inline-block;
	color: #F0C300;
	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: #F0C300;
	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 {
	color: #2D438C;
	text-decoration: none;
}

.flux_apprenti a:link, .flux_apprenti a:visited {
	color: #F0C300!important;
	text-decoration: none;
}

.flux_apprenti a:hover {
	color: white!important;
}

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

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

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

.wrapper_planete {
	width: 335px;
	height: 335px;
	margin: 50px 50px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.fond_poste {
	background-image: url(images/posteouvert-blanc.png);
	background-size: cover;
	height: 335px;
	width: 335px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: transform .1s, background-image .1s;
}

.fond_apprenti {
	background-image: url(images/apprentissage-jaune.png);
	background-size: cover;
	height: 335px;
	width: 335px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: transform .1s, background-image .1s;
}

.titre_emploi {
	color: #2D438C;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	line-height: 1.2;
	width: 100%;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.align {
	width: auto;
	line-height: 1.05;
}

.wrapper_planete:hover .fond_poste {
    transform: rotate(0.25turn);
    background-image: url(images/posteouvert-jaune.png);
}

.wrapper_planete:hover .fond_apprenti {
    transform: rotate(0.25turn);
    background-image: url(images/apprentissage-blanc.png);
}

.titre_emploi a:link, .titre_emploi a:visited {
	text-decoration: none;
	color: #2D438C;
	max-width: 245px;
}

.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_emploi2:hover {
	transition: background-position .3s;
	background-position: -350px;
}

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

.planete_emploi a:hover, .planete_emploi a:visited {
	color: #2D438C;
}

.planete_emploi2 a:hover {
	color: #2D438C;
}

.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: 'Poppins', 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: #F0C300;
	margin: auto 30px;
}












/*annonce*/

.page-template-annonce #bloc_page {
	background-image: url(images/ronds-haut.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	min-height: 80vh;
}

.page-template-annonce .contenu {
	background-image: url(images/cadran-gauche.png), url(images/visage-droite.png);
	background-repeat: no-repeat;
	background-position: top 300px left, top 502px right;
	background-size: 22%, 22%;
	min-height: 85vh;
}

.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: 40px;
  font-family: 'Poppins', sans-serif;
  color: #F0C300;
  font-weight: bold;
  margin: 45px auto 25px;
}

.wrapper_annonce h2 {
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #F0C300;
	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: #F0C300;
	width: 430px;
	border: #F0C300 1px solid;
}

.annonce a:link, .annonce a:visited {
	color: #2D438C;
	text-decoration: none;
}

.annonce a:hover {
	color: #2D438C;
	border: 1px solid white;
	background-color: white;
}

.lien_retour a:hover {
	color: #F0C300;
	border: 1px solid #F0C300;
}

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

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

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

a.lien_retour {
	border: 1px solid white;
	background-color: #2D438C;
	border-radius: 50px;
	display: block;
	font-size: 20px;
	padding: 20px 45px;
	width: 100px;
	margin: 30px auto;r: white;
}

a.lien_retour:link, a.lien_retour:visited {
	color: white;
}

a.lien_retour:hover {
	color: #F0C300;
	border: 1px solid #F0C300;
	background-color: #2D438C;
}

.no-job {
	margin-top: 300px;
}










/*contact*/

#post-50 {
	background-image: url(images/map.png), url(images/triangle-miroir-haut.png), url(images/ronds-bas.png);
	background-repeat: no-repeat;
	background-position: top 300px center, top  left, bottom -200px right;
	background-size: 800px, 100%, 100%;
}

#post-50 h1 {
	font-size: 80px;
	font-family: 'Poppins', sans-serif;
	color: #F0C300;
	font-weight: bold;
	margin: 45px auto 25px;
}

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

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

#panel-50-0-0-2 {
	margin-top: 350px;
}

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

.gmnoprint {
	display: none;
}

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

.wpcf7-form {
	column-count: 2;
	column-gap: 60px;
	background: rgba(255, 255, 255, 0.2);
	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: #F0C300;
	margin: 35px auto 0!important;
	height: 40px;
	
}

.fichier_petit p, .fichier_petit2 p {
	font-size: 18px;
	color: #F0C300;
	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;
	font-family: "Barlow";
}

#uploadbrowsebutton {
	background: white;
	border-radius: 50px;
	color: #2D438C;
	border: none;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	top: -22px;
}

#uploadbrowsebutton:hover {
	background: #F0C300;
}

.wpcf7-submit {
	background: #F0C300;
	border-radius: 50px;
	color: #2D438C;
	border: none;
	font-size: 20px;
	width: 230px;
	position: relative;
	right: 245px;
	top: 375px;
	cursor: pointer;
	font-family: "Barlow";
}

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

.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 {
	font-size: 20px;
    width: 328px;
    height: 328px;
    background: #F0C300;
    position: relative;
	left: -345px;
	top: 250px;
	margin: auto;
	color: #2D438C;
	border-radius: 170px;
    }
	
	.name {
	padding: 30px;
	position: relative;
	top: 70px;
	}
	
	#talkbubble a:link, #talkbubble a:visited {
    color: #2D438C;
	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;
}

.frc-captcha {
	right: -90px;
	top: -20px;
}








/*pdp*/

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

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

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

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

#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_jaune.png");
	width: 24px;
	height: 24px;
}









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

#post-52 {
	background-position: left 400px, left 1250px, left 2100px, right 750px, right 1650px;
}
}

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

#pg-43-0{
	background-image: url(images/h-gauche-haut-small1.png), url(images/h-droite-haut-small1.png);
}

#pg-43-1 {
	background-image: url(images/h-gauche-bas-small1.png), url(images/h-droite-bas-small1.png);
}
}

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

@media all and (max-width: 1600px) {
#post-52 {
	background-position: left 400px, left 1300px, left 2130px, right 800px, right 1720px;
	background-size: 350px;
}
}

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

#pg-43-0{
	background-image: url(images/h-gauche-haut-small2.png), url(images/h-droite-haut-small2.png);
	margin-bottom: -105px;
}

#pg-43-1 {
	background-image: url(images/h-gauche-bas-small2.png), url(images/h-droite-bas-small2.png);
}

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

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

.container_date2  {
	padding-top: 150px;
}

.wrapper_1924 {
  position: relative;
  top: 40px;
}

.wrapper_1993 {
  top: -30px;
}
.wrapper_2000 {
    margin-top: -170px;
  }
}

@media all and (max-width: 1400px) {
#post-52 {
	background-repeat: no-repeat;
	background-position: left 400px, left 1460px, left 2250px, right 850px, right 1890px;
}
}

@media all and (max-width: 1350px) {
#post-52 {
	background-position: left 400px, left 1407px, left 2225px, right 990px, right 1840px;
	background-size: 250px;

}

.bloc_activites {
  max-width: 530px;
}

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


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

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

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

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

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

 .wrapper_1993 {
    position: relative;
    right: 110px;
  }
  
.wrapper_2007 {
	position: relative;
	right: 50px;
}

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

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

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

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

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

.wrapper_1955 {
    right: 100px;
 }
 
.wrapper_2000 {
	margin-top: -140px;
}
  
.wrapper_2017 {
	position: relative;
	right: 130px;
}

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

.wrapper_2018rw {
	position: relative;
	right: -80px;
}

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

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

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

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

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

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

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

.wrapper_1993 {
	position: relative;
	top: -20px;
}
.wrapper_2000 {
  margin-top: -150px;
}

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

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

.wrapper_1953 {
	margin-top: 50px;
}

.wrapper_1955 {
	position: relative;
	right: 150px;
	margin-top: -200px;
}

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

.wrapper_1993 {
  margin-top: -158px;
}

.wrapper_2000 {
	margin-top: -145px;
}

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

#post-8 {
	background-size: 28%, 100%
}
}

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

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

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

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

.page-template-annonce .contenu {
	background-image: url(images/visage-droite.png);
	background-repeat: no-repeat;
    background-position: top 502px right;
    background-size: 22%;
}
}


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

.wrapper_1909 {
	left: 180px;
}

.wrapper_1924 {
	right: 135px;
	margin-top: -130px;
	top: 0;
}

.wrapper_1924 .histoire_droite {
	margin-bottom: 60px;
}

.wrapper_1930 {
	margin-top: -20px;
}

.wrapper_1953 {
	position: relative;
	left: 200px;
	margin-top: 50px;
}

.wrapper_1955 {
	right: 175px;
	margin-top: -220px;
}

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

 .wrapper_1993 {
    top: -50px;
	right: 165px;
	margin-top: -28px;
 }

.wrapper_2000 {
    margin-top: -170px;
	left: 195px;
 }

.wrapper_1975 .histoire_gauche {
	margin-bottom: 140px;
}

.wrapper_2007  {
	right: 190px;
}

.wrapper_2015 {
    position: relative;
    left: 175px;
  }
  
.wrapper_2017 {
    position: relative;
    right: 170px;
  }
  
 .wrapper_2018rw {
    right: -185px;
}

.wrapper_2019rw {
    right: 160px;
  }

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

.wrapper_2023rw {
    right: 150px;
 }

.br_responsive {
	display: none;
}

.wrapper_2015rw  {
	right: 170px;
}

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

}

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

	.contenu {
		margin-top: 0px;
	  }
	
#post-8 {
	background-size: 42%, 100%
}
.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;
}

.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: -100px;
	left: 0;
}

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

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

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

.wrapper_2000 {
	position: relative;
	margin-top: -150px;
	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: -360px;
}

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

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

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

.wrapper_2018rw .histoire_gauche {
	margin-bottom: 0;
}

 .wrapper_2015rw {
    top: -350px;
	right: 0;
}

.responsive_2015rw, .responsive_2019rw {
	float: left;
}

.responsive_2018rw {
	float: right;
}
  
  .wrapper_2018rw {
  margin-top: 0px;
  top: -400px;
  right: 0;
}

.wrapper_2019rw {
  margin-top: -0px;
  right: 0;
  top: -450px;
}

.wrapper_2021rw {
  margin-top: 0px;
  top: -500px;
}

.wrapper_2021rw .histoire_gauche {
	margin-bottom: 0;
}

.responsive_2023 {
	margin-top: -320px;
}

.responsive_2023rw {
	margin-top: -200px;
	margin-bottom: 13px;
}

#wpgmza_map {
	max-width: 100%;
}
} 

@media all and (max-width: 900px) {
	
.logo_home_responsive img {
	max-width: 53%;
}

.entreprise_home1 {
	display: none;
}

.logo_home_responsive {
	display: inherit;
}
	
.responsive_2023 {
	margin-top: -50px;
}
	
#defaultOpen {
	background: no-repeat center  url(images/environnement_blanc.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

#bouton7.active {
	background: no-repeat center url(images/avantage-SWG_jaune_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) {
br.home {
	display: none;
}

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

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

#pdp {
	width: 24px!important;
}

#pdp2 p, #pdp4 p {
	margin-top: 0;
}
	
#colonne {
	column-count: 1;
	margin: 30px auto 10px;
}

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

.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 {
	margin-top: 80px;
	right: 0;
}

.wrapper_1930 {
	margin-top: -10px;
	right: 0;
}

.wrapper_1947 {
	margin-top: -30px;
	left: 0;
}

.responsive_1951 {
	margin-top: -175px;
}

.responsive_1970 {
	top: -20px;
}

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

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

.responsive_2023 img {
    width: 100vw;
  }

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

.wrapper_1953 {
  margin-top: -50px;
}

.responsive_1953 {
	margin-top: 50px;
}

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

.responsive_1982 {
	margin-top: -75px;
}

.responsive_1996 {
	margin-top: 50px;
}

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

.responsive_2000 {
	margin-top: -25px;
}

.responsive_2013 img {
	margin-top: -70px;
}

.wrapper_2015 {
	margin-top: -20px;
}

.wrapper_2017 {
	top: -200px;
}

.responsive_2017 img {
	margin-top: 110px;
}

 .wrapper_2023 {
    margin-top: 0px;
	top: -350px;
  }
  
.wrapper_2015rw {
    right: 0;
	top: -370px;
	margin-bottom: -370px;
  }

.wrapper_2018rw {
	margin-top: 0px;
	right: 0;
}

.wrapper_2019rw {
	margin-top: 70px;
	right: 0;
}

.wrapper_2021rw {
  margin-top: 50px;
  left: 0;
  top: -500px;
}

.wrapper_2023rw {
  margin: -220px auto 143px;
  right: 0;
}

.responsive_2023rw {
	margin: 0px auto 14px;
}







#production {
	margin-top: 0px;
}

#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 {
		margin: 0px 20px 70px;
	}
	
	.container {
		margin: 0px 20px 70px;
	}
	
	.container1 {
		margin: 0px 20px 70px;
	}
	
	.container_droite {
		margin: -0px 20px 70px;
	}
	
	.container_gauche_bas {
		margin: 0px 20px 70px;
	}
	
	.container_bas {
		margin: -0px 20px 70px;
	}
	
	.container_droite_bas {
		margin: 0px 20px 160px;
	}
	@-moz-document url-prefix() { 
.container_gauche {
	margin: 20px 20px 40px;
}

.container {
	margin: -60px 20px 40px;
}

.container1 {
	margin: -55px 20px 40px;
}

.container_droite {
	margin: -45px 20px 40px;
}

.container_gauche_bas {
	margin: 60px 20px 40px;
}

.container_bas {
	margin: -45px 20px 40px;
}

.container_droite_bas {
	margin: -45px 20px 40px;
}
}
}


@media (min-width: 987px) and (max-width: 1230px)  {
.container_droite {
	position: relative;
	top: -108px;
}
}


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

.logo_home {
	margin-top: 90px;
}

.page-id-43 .contenu {
  margin-bottom: -621px;
}

#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: 286px;
}

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

#rmp_menu_trigger-267 {
	cursor: pointer; 
}

#rmp-menu-item-21 .rmp-menu-item-link {
	height: 56px!important;
}

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

#rmp-menu-item-21 img {
	height: 60px;
}
	
#pl-8 {
	margin: 0px 30px;
}
	
img.entreprise_home {
	height: auto;
	margin-top: -150px;
	max-width: 100%;
}

h1 {
	margin: 40px auto 50px;
	font-size: 37px;
	margin-top: 70px !important;
}

.titre_annonce {
	margin-top: 70px !important;
}
	
.text_quicklink {
	display: block;
}

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

#pg-8-1 {
    display: inline-block;
    margin-bottom: -50px;
}

.inline-block_home {
	height: 350px;
}







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

#post-45 {
    background-size: 30%, 60%, 0%;
    background-position: left top 400px, top right, top 500px right;
	margin-bottom: -100px;
}

#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;
}

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






#pg-43-0 {
	background-image: none;
}

#pg-43-1 {
	background-image: none;
}

.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, #panel-43-0-0-8, #panel-43-1-0-0, #panel-43-1-0-9 {
	margin: auto;
	max-width: 100vw;
}

.wrapper_2023rw {
	top: -600px;
}

.wrapper_2023rw, .wrapper_2021rw {
	right: 0;
	left: 0;
}

.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_2013, .responsive_2023rw, .responsive_1909, .responsive_1915, .responsive_1938, .responsive_1953, .responsive_1982, .responsive_2015, .responsive_2017, .responsive_2000, .responsive_2023 {
	float: right;
	right: 0;
}

.responsive_2021rw, .responsive_1924, .responsive_1947, .responsive_1951, .responsive_1975, .responsive_1993, .responsive_1996 {
	float: left;
	left: 0;
}

.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-size: 30%;
}

#postes_ouverts h2 {
	margin-top: 100px;
}

.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 {

}

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






#post-52 {
	background-image: none;
}

#pg-52-2 {
	background-color: #2D438C;
}

#pg-52-3 {
	background-color: #2D438C;
	background-size: 100%, 23%;
	background-position: left 1000px, right top 260px;
}

#services_bat {
	margin-top: -50px!important;
}

#logistique {
	margin-top: -90px;
}

#recherches_dev {
	margin-top: -60px;
}

#services_admin {
	margin-top: -90px;
}

#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 img {
	width: 70vw;
}

.responsive_glace img {
	width: 70vw;
}

.responsive_applique  img{
	width: 70vw;
}

.responsive_lune  img{
	width: 70vw;
}

.responsive_quantieme  img{
	width: 70vw;
}

.responsive_aiguille {
	float: left;
	margin-right: 320px;
	margin-bottom: -50px;
}

.responsive_glace {
	float: left;
	margin-right: 320px;
	margin-top: -235px;
	margin-bottom: -60px;
}

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

.responsive_lune {
	float: right;
	margin-left: 320px;
	margin-top: -230px;
	margin-bottom: 15px;
}

.responsive_quantieme {
	margin-top: -90px;
}

.bloc_activites {
  max-width: 1100px;
}

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

img.metier {
  width: 135px;
}






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

#post-50 {
	background-position: top 300px center, top left, bottom right;
}

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

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

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

.wpcf7-form {
  column-count: 1;
  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;
	}
}




.footer {
	height: 180px;
	padding-top: 20px;
}

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

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

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

#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: 233px;
	float: none;
}

.marge_pdp {
	margin-right: 0px;
}

.linkedin img {
	position: inherit;
}	
}




@media all and (max-width: 800px) {
.logo_home_responsive img {
    max-width: 75%;
  }
}