/*
Theme Name: Coppernic 
Theme URI: http:localhost:8888/wp-content/themes/coppernic/
Description: Basic Child Theme
Author: Frédéric de Lavenne
Author URI: Frédéric de Lavenne
Template: basic
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Deux colonnes, Une colonne, Colonne latérale gauche, Colonne latérale droite, Arrière-plan personnalisé, Couleurs personnalisées, Personnalisation de l’en-tête, custom-menu, Éditeur de style, Images mises en avant, Article mis en avant, threaded-comments, translation-ready, microformats
*/

/* SUMMARY 
 ---------------------------------------------

I   - FONTS
II  - SPECIAL CLASSES
III - RESET
IV  - MAIN AREAS :
    -- A - HEADER
    -- B - MAIN
    -- C - FOOTER
    -- D - SLIDER
V - MENUS & NAVIGATION
VI - PAGES
VII - TABS AND ACCORDIONS
VIII - FORMULAIRES
IX - RESPONSIVE



/* I - FONTS
 --------------------------------------------- */

@font-face {
          font-family: 'RobotoCondensed-Light';
          src: url('fonts/RobotoCondensed-Light.ttf') format('truetype'); }


@font-face {
          font-family: 'RobotoCondensed-Regular';
          src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype'); }

@font-face {
          font-family: 'RobotoCondensed-Bold';
          src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype'); }

@font-face {
          font-family: 'Roboto-Thin';
          src: url('fonts/Roboto-Thin.ttf') format('truetype'); }

@font-face {
          font-family: 'Roboto-Regular';
          src: url('fonts/Roboto-Regular.ttf') format('truetype'); }

@font-face {
          font-family: 'Roboto-Medium';
          src: url('fonts/Roboto-Medium.ttf') format('truetype'); }

@font-face {
          font-family: 'Roboto-Bold';
          src: url('fonts/Roboto-Bold.ttf') format('truetype'); }


/* II - SPECIALS CLASSES
 --------------------------------------------- */

/* Texte */
.txt-mandarine { color:#E44414!important; }
.txt-green-kaki { color:#6E873C!important; }
.txt-white { color:#fff!important; }
.txt-black { color:#000!important; }
.txt-center { text-align:center!important; }
.txt-left { text-align:left!important; }
.txt-right { text-align:right!important; }
.txt-justify { text-align:justify!important; }
.txt-uppercase { text-transform: uppercase!important; }
.txt-underline { text-decoration:underline!important; }
.txt-small { font-size: 1rem!important; }
.txt-medium { font-size: 1.25rem!important;}
.txt-large { font-size: 2.5rem!important;}
.RobCondBold { font-family: 'RobotoCondensed-Bold'!important;}
.RobCondReg { font-family: 'RobotoCondensed-Regular'!important;}
.RobCondLight { font-family: 'RobotoCondensed-Light'!important;}
.redlink {color:#E44414; text-decoration:underline;}

/* Margin et Padding */
.nomargin { margin:0!important }
.nopadding { padding:0!important; }
.margin-top { margin-top: 30px!important }
.margin-bottom { margin-bottom: 30px!important; }
.padding-top { padding-top:30px!important; }
.padding-right { padding-right:30px!important; }
.padding-bottom { padding-bottom:30px; }
.padding-left { padding-left:30px!important; }
.paddingTB15 { padding: 15px 0!important; }
.paddingTB30 { padding: 30px 0!important; }
.paddingLR15 { padding: 0px 15px!important; }
.paddingLR30 { padding: 0px 15px!important; }
.paddingR30 { padding-right:30px!important; }
.paddingT80 { padding-top:80px!important;}
.paddingB80 { padding-bottom:80px!important;}
.padding30 { padding:30px!important;}
.marginTB15 { margin: 15px 0!important; }
.marginTB30 { margin: 30px 0!important; }
.marginLR15 { margin: 0 15px!important; }
.marginLR30 { margin: 0 30px!important; }
.paddingB120 { padding-bottom:120px!important; }

/* Lists */

.basic-list {
	list-style-type:disc!important;
	padding-left :20px;	
}

.basic-list li {
	padding-top:5px;
}

/* Backgrounds */
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }
.bg-mandarine {background-color: #E44414; }
.bg-green-kaki { background-color: #6E873C}
.shadow1 {text-shadow: 3px 3px 6px #111111;}


/* Blocks */
.center-block {
	margin:0 auto;
}

/* Images */
.img-vertical-align { align-self: center;}
.img-responsive {
	width:100%;
	height:auto;
}

.img-col1 {
	float: right;
    margin-right: 60px;
}

.download-bar {

    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
	background:#e44414;
}

.download-bar a {
	color:#fff;
}


.download-bar-links {
	text-align:left;
}

.picto-bar {
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding: 10px 0;
}

.picto-bar img {
	padding-left:60px;
	padding-right:7px;
}

/* Divers */
.hide #cdk-top-bar { display: none }
.invisible-desktop { display:none!important; }
.invisible-smartphone { display:block; }
.bullets {list-style-type : disc; }
.border-left-light { border-left: #eee solid thin;}
#cf7md-pro-admin {display:none!important;}

/* Titles */

.title-XXL { 
	font-size: 4.6875rem;
	font-family: 'RobotoCondensed-Regular';
}

.title-XXL:after { 
 	content:"" ;
	display: block;
	border-bottom: #E44414 solid 6px;
	width:180px;
	margin: 25px auto;
}

.title-XL {
	font-size: 2.5rem;
	font-family: 'RobotoCondensed-Regular'; 
}

.title-XL:after {
	content:"" ;
	display: block;
	border-bottom: #fff solid 2px;
	width:140px;
	margin:5px 0 15px -35px;
}

.title-L {
	font-size: 2rem;
}

.title-M {
	font-size: 1.5rem;
	font-family: 'RobotoCondensed-Regular'; 
}

.title-SM {
	font-size: 1.25rem;
	font-family: 'RobotoCondensed-Regular'; 
}

.title-contact, .title-careers, .title-contact-alt {
	font-size: 3rem; 
	font-family: 'RobotoCondensed-Regular'; 
}

.title-careers:after, .title-contact:after { 
  content:"";
  display: block;
  border-bottom: #000 solid 6px;
  width:140px;
  margin: 25px auto;
}

.title-contact-alt:after { 
  content:"";
  display: block;
  border-bottom: #e44414 solid 6px;
  width:140px;
  margin: 25px auto;
}

.title-client-space {
	font-family: 'RobotoCondensed-Regular'; 
	font-size:3rem;
}

.title-client-space span {
   font-family: 'RobotoCondensed-Light';
}

.title-client-space:after { 
  content:"";
  display: block;
  border-bottom: #000 solid 6px;
  width:140px;
  margin: 25px auto;
}

.title-keypoints {
	font-size: 7rem;
	font-family: 'RobotoCondensed-Light';
	line-height: 0.75;
}

.framed-title {
    color: #fff;
    border: thin solid #fff;
    padding: 7px 20px;
	font-size:2.75rem;
}

.title-github {	
    font-size: 4.6875rem;
    font-family: 'RobotoCondensed-Regular';
}

.title-github:after {
	content: "";
    display: block;
    border-bottom: #000 solid 10px;
    width: 180px;
    margin: 25px 0 25px 0;
}

.title-hyphen-black:after {
	content: "";
    display: block;
    border-bottom: #000 solid 7px;
    width: 60px;
    margin: 5px 0 0 -30px;
}

.title-hyphen-mandarine:after {
	content: "";
    display: block;
    border-bottom: #e44414 solid 7px;
    width: 60px;
    margin: 5px 0 0 -30px;
}

.title-hyphen-white:after {
	content: "";
    display: block;
    border-bottom: #ffffff solid 7px;
    width: 60px;
    margin: 5px 0 0 -30px;
}

.title-hyphen-black-center:after {
	content: "";
    display: block;
    border-bottom: #000 solid 6px;
    width: 140px;
    margin: 25px auto;
}

.title-hyphen-mandarine-center:after {
	content: "";
    display: block;
    border-bottom: #e44414 solid 7px;
    width: 60px;
    margin: 25px auto;
}
.title-copperdata {
	font-size:5rem;
	color:#fff;
}

.title-copperdata:after {
	content: "";
    display: block;
	border-bottom: #fff solid 6px;
    width: 140px;
    margin: 25px auto;
}

/* Buttons */

.bt-coppernic a {
	padding: 7px 20px;
    background: #E44414;
    display: inline-block;
	color:#fff;
	font-size:1rem;
	text-align:center;
}

.bt-coppernic a:hover  {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	color:#fff;	
}

.bt-coppernic-outline-mandarine, .bt-coppernic-outline-black, .bt-coppernic-outline-white {
	padding: 7px 20px;
    display: inline-block;
	font-size:1rem;
	text-align:center;
}

.bt-coppernic-outline-mandarine {
	border: #E44414 solid 1px;
	color:#e44414;
}

.bt-coppernic-outline-black {
	border: #000 solid 1px;
	color:#000;
}

.bt-coppernic-outline-white {
	border: #fff solid 1px;
	color:#fff;
}

.bt-coppernic-outline-mandarine:hover, .bt-coppernic-outline-black:hover, .bt-coppernic-outline-white:hover {
	color:#fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.bt-coppernic-outline-mandarine:hover {
	border: #E44414 solid 1px;
	background:#e44414;
	color:#fff;
}

.bt-coppernic-outline-black:hover {
	border: #000 solid 1px;
	background:#000;
	color:#000;
}

.bt-coppernic-outline-white:hover {
	border: #000 solid 1px;
	background:#fff;
	color:#000;
}

.bt-simple-border {
	display:inline-block;
	padding: 15px 0;
	width:320px;
	border: thin solid #ccc;
}

.bt-simple-border:hover {
	background-color:#E44414;
	border: thin solid #E44414;
	color:#fff;
	transition-duration:0.25s
}

.bt-specification {
	padding: 4px 16px;
    display: inline-block;
}

.bt-specification img{
	padding-right:10px
}

/* Layout */

.content-flex-H {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 600px;}

.social_share {
    display: none;
}

.flex-H {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-between;
}


.flex-H-center{
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
	justify-content:center;
}

.flex-V {
	display:flex;
	flex-direction: column;
	flex-wrap:wrap;
	justify-content:center;
}

.flex-V-art {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}

.quarter {
	width:25%;
}

.rest-quarter {
	width:75%
}

.third {
	width:33.33333%;
}

.rest-third {
	width:65%
}

.half {
	width:50%
}

.three-quarter {
	width:75%;
}

.three-quarter-left {
	width:25%;
}

.half {
	width:50%;
}

.almost-half {
	width:45%;
}

.two-thirds {
	width:65%;
}

.two-thirds-left {
	width:35%
}



/* III- RESET 
 --------------------------------------------- */

* { margin:0; padding:0; box-sizing:border-box; }
html, body { font-family: 'RobotoCondensed-Regular'; font-size:16px; line-height:1.25; color:#000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5 ,h6 { font-family: 'Roboto-Regular'; font-weight: normal; font-style: normal; font-size:16px; }
ul, ol { list-style: none; }
a, a:hover { text-decoration:none; color:#000000; }
p { margin-bottom:15px; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.entry-box .entry {
    padding-bottom: 0px;
}

.entry img {
    margin-bottom: 0px;
    margin-top: 0px;
}
#header {
    min-height:inherit;
}
.entry-box {
    margin: 0;
}

.entry-box ul, .entry-box ol {
    margin: 0px;
}
p {margin:0; padding:0;}

input {
  border-radius: 0px!important;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #e44414;
}

.entry-box ul {
    list-style: none;
}

.entry-box ul li {
    padding-left: 0px;
}


.entry-box li {
    padding-top: 0px;
}

address {
	font-style:normal;
}

input[type=submit], input[type=button], button, .submit, .button {
    background-color: #000;

}

.title {
    font-family: 'RobotoCondensed-Regular';
    font-weight: normal!important;
}

sup {
    bottom: 1ex;
}

sup, sub {
    font-size: 60%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

/* MENU LANGUES */

#coppernic-lang {
	position:fixed;
	top:10px;
	right:20px;
	z-index:200000000000000;
	font-family: 'RobotoCondensed-Regular'; 
}

#coppernic-lang a {
    color: #e44414;
    display: inline-block;
	font-size:0.9rem;
    background-color: transparent;
}


#coppernic-lang .wpml-ls-current-language {
    color: #e44414;
    background: rgba(255, 255, 255, 0.5);
}

.searchform {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.page_item_has_children {
	padding-top:30px!important;
}


.page_item_has_children > a {
	color:#e44414!important;
}

/* IV - MAIN AREAS 
 --------------------------------------------- */

 #main {
    padding: 0px 0;
    margin: 0 auto;
    position: relative;
}

.maxwidth {
	max-width:100%;
	width:100%;
}

.content-cdk {
	max-width:1200px;
	margin: 0 auto;
 	padding: 80px 0;
	position:relative;
}

.content-cdk-top {
	max-width:1200px;
	margin: 0 auto;
}

.content-cdk40 {
	max-width:1200px;
	margin: 0 auto;
 	padding: 40px 0;
}

.content-no-padding {
	max-width:1200px;
	margin: 0 auto;
 	padding: 0px;
	position:relative;
}

#footer {
    width: 100%;
    padding: 40px 0;
    margin: 0;
    background: none;
    color:#000000;
	background-image: url(https://www.coppernic.fr/wp-content/uploads/bg-contact-footer.jpg);
}

.coppernic-footer {
	display: flex;	
    flex-direction: row;
    flex-wrap: nowrap;
    background: #fff;
    justify-content: space-between;
    max-width: 1200px;
    padding: 30px 0;
}

.coppernic-footer .social-links-footer {
	font-size: 1.3rem;
    padding-top: 15px;
}

.coppernic-footer .social-links-footer i {
    padding-right: 15px;
}

#footer-home {
	padding:40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:flex-start;
}

.inscription-newsletter {
	font-family: 'RobotoCondensed-Regular';
    font-size: 2rem;
    line-height: 0.9;
}

.inscription-newsletter span {
	font-family: 'RobotoCondensed-Light';
	color:#E44414
}

.inscription-newsletter a {
	font-size: 1.25rem;
	padding: 0 4px;
	color:#000000;
}

/* Sliders */

.rev_slider ul {
	list-style-type:disc;
	list-style-image:url('https://www.coppernic.fr/wp-content/uploads/hyphen-list-white.png')
}
.rev_slider li {
	padding-bottom:4px;
}

.slider-alternative {
	display:none
}

/* V - MENUS & NAVIGATION 
 --------------------------------------------- */

 .main-menu  {
  width:100%;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
	text-transform:uppercase;
 }

 .main-menu li {
        padding: 0px 40px;
        list-style: none;
 }

.main-menu li a:hover, #menu-top-bar-menu-fr li a:hover, #menu-top-bar-menu-accueil-fr li a:hover {
	color:#E44414;
}

 .main-menu li:after {
    content: "";
    display: block;
    border-bottom: #E44414 solid 3px;
    width: 30px;
    margin: 5px 0 0 -15px;
 }

.main-menu li:nth-last-of-type(-n+3) {
    content: "";
    border-bottom: none;
    padding: 0 5px;
    font-size: 0.9rem;
}

.main-menu li:nth-last-of-type(-n+3):after {
    content: "";
    border-bottom: none;
}

.main-menu .current_page_item, .main-menu current-post-ancestor {
	color:#E44414;
}

.header-main-menu {
	font-family: 'RobotoCondensed-Regular';
    text-transform: uppercase;
    color: #000000;
    /* border-right: solid thin #ccc;*/
    height: 30px;
    margin-right: 50px;
    padding-right: 20px;
	font-size:1.5rem;
}
.header-main-menu a:hover {
	color:#e44414;
}

 #shiftnav-toggle-main {
  	position: fixed;
  	top: 0px!important;
  	left: 20px!important;
  	width: 100%;
  	max-width: 100%;
  	box-sizing: border-box;
  	padding: 0 10px;
  	z-index: 500000;
  	text-align: center;
  	background: transparent!important;
  	color: #e44414!important;
}

.shiftnav, .shiftnav-inner {
	background-color:#fff!important;
}

.shiftnav-inner {
	padding:30px!important;
}

.shiftnav.shiftnav-left-edge {
    top: 0px;
    left: 0;
}

.shiftnav .shiftnav-menu-image-padded {
    padding: 30px 0!important;
}

/* ressources Submenu */

#menu-menu-prehome-fr, #menu-menu-prehome-en, #menu-menu-github-fr, #menu-menu-github-en {
	position:absolute;
	right:0;
}

#menu-menu-prehome-fr li, #menu-menu-prehome-en li, #menu-menu-github-fr li, #menu-menu-github-en li  {
	font-size:0.85rem;
	padding-bottom:3px;
	text-align:right;
}

#menu-menu-prehome-fr li, #menu-menu-prehome-en li {
	display:inline-block;
}


#menu-menu-github-fr .current-menu-item a, #menu-menu-github-fr .current-menu-item span, #menu-menu-github-en .current-menu-item a, #menu-menu-github-en .current-menu-item span {
	color:#6E873C;
}

#menu-menu-prehome-fr .current-menu-item a, #menu-menu-prehome-fr .current-menu-item span, 
#menu-menu-prehome-en .current-menu-item a, #menu-menu-prehome-en .current-menu-item span {
	color:#e44414;
}

#menu-menu-github-fr li a, #menu-menu-github-en li a {
}

.ressources-submenu li:after {
	content:"\007C";
	padding: 0 7px;
	color:#6E873C;
	font-weight:bold
}

.ressources-submenu-mandarine li:after {
	content:"\007C";
	padding: 0 7px;
	color:#e44414;
	font-weight:bold
}


.ressources-submenu-mandarine li:last-child:after {
	content:"";
}

/* Affichage de la barre latérale du menu responsive de la page d'accueil */

.shiftnav:after {
    content: ' ';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    width: 15px;
    background: 0 0;
    box-shadow: none!important;
    z-index: 10000;
}

#menu-menu-burger-fr, #menu-menu-burger-en {
	text-transform: uppercase;
	padding-top:30px;
}
#menu-menu-burger-fr li a, #menu-menu-burger-en li a {
    font-size:1.3rem!important;
    background: none;
    padding: 0px 20px 0px 0;
    color:#000000;
}

#menu-menu-burger-fr li li a:hover, #menu-menu-burger-en li li a:hover {
    color:#E44414;
	cursor:pointer;
}

#menu-menu-burger-fr li a, #menu-menu-burger-en li a {
	cursor: text;
}


#menu-menu-burger-fr li ul li, #menu-menu-burger-en li ul li {
  border-bottom: none;
}

#menu-menu-burger-fr li ul li a, #menu-menu-burger-en li ul li a {
  font-size:0.8rem!important;
}

#menu-burger-contact {
	padding-top:30px;
	font-size:1rem;
	text-transform:uppercase;
}

#menu-burger-contact a {
	color:#e44414;
}

#menu-burger-contact a:hover {
	color:#000;
}

#menu-burger-contact:before,  #menu-burger-contact:after {
	content: "";
	display: block;
	width: 30px;
	margin: 5px 0 0 -15px;
}

#menu-burger-contact:before {
	border-top: #000 solid 5px;
	padding-top: 15px;
}

#menu-burger-contact:after {
	border-bottom: #000 solid 5px;
	padding-bottom: 8px;
}

#burger-footer {
	padding-top:30px;
	font-size:1rem;
}

#burger-footer i {
	font-size:1.25rem;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu {
    color: #999999;
    background: none!important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item .shiftnav-submenu-activation {
    background: #fff!important;
    color: #e44414!important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item .shiftnav-submenu-activation:hover {
    background: #eee!important;
    color: #e44414!important;
}


.shiftnav span {
  color:#E44414;
  padding: 0px 20px 0px 0;
}

#content {
position:relative; 
}

.bloc-main-menu-fr {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
}


#menu-top-bar-menu-fr, #menu-top-bar-menu-accueil-fr, #menu-top-bar-menu-fr, #menu-top-bar-menu-home-en, #menu-top-bar-menu-en {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position:fixed;
	z-index: 100;
}

#menu-top-bar-menu-accueil-fr li, #menu-top-bar-menu-home-en li, #menu-top-bar-menu-fr li, #menu-top-bar-menu-en li {
    padding: 12px 20px;
	text-transform:uppercase;
}

#menu-top-bar-menu-fr .current-menu-item, #menu-top-bar-menu-en .current-menu-item  {
	color:#e44414;
}

#menu-top-bar-menu-accueil-fr li a, #menu-top-bar-menu-home-en li a {
	color:#000;
}

#menu-top-bar-menu-accueil-fr li:after, #menu-top-bar-menu-home-en li:after, #menu-top-bar-menu-fr li:after, #menu-top-bar-menu-en li:after { 
	content: "";
    display: block;
    border-bottom: #E44414 solid 3px;
    width: 30px;
    margin: 5px 0 0 -15px;
}

.noborder-after:after {
    content: "";
    display: block;
    border-bottom: #fff solid 3px!important;
    width: 30px;
    margin: 5px 0 0 -15px;
}


#cdk-top-bar {
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: center;
	padding: 10px 0;
}


.header-top-bar {
  	font-family: 'RobotoCondensed-Regular';
    text-transform: uppercase;
    color: #000000;
    border-right: solid thin #ccc;
    height: 30px;
    line-height: 18px;
	 padding: 0 2%;
}

.top-menu {
    width:-webkit-fit-content;
    width:-moz-fit-content;
    margin: 0 50px;
    background: transparent;
}

.topnav nav {display: block;z-index:9999;}

.top-menu li {
	padding: 0px 30px;
	display:inline-block;
}

.top-menu li a {
    color: #000000;
    text-transform: uppercase;
	padding: 0px;
}

.top-menu li:after {
    content: "";
    display: block;
    border-bottom: #E44414 solid 3px;
    width: 30px;
	margin: 5px 0 0 -15px;
}

.top-menu li span {
    display: block;
    padding: 0px;
	color:#E44414;
	text-transform:uppercase;
	background-color: none;
}

.top-menu li:nth-last-of-type(-n+3):after  {
	content: "";
	border-bottom: none;
}

.top-menu li:nth-last-of-type(-n+3)  {

	content: "";
	border-bottom: none;
	padding: 0 5px;
    font-size: 0.9rem;
}


.decalage-menu {
	margin-left:100px;
}

#menu-top-bar-menu-fr, #menu-a-propos-de-nous-fr, #menu-about-us-en, #menu-mobilite-fr, #menu-mobilite-en, #menu-ressources-fr, #menu-ressources-en, #menu-news-fr, #menu-news-en, #menu-connected-data-fr, #menu-connected-data-en, #menu-analytics-fr, #menu-analytics-en {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.top-menu .current_page_item > a, .top-menu .current_page_item > span, .top-menu .current-menu-item > a, .top-menu .current-menu-item > span {
    background-color: #fff;
}

.top-menu .current-menu-ancestor > a, .top-menu .current-menu-ancestor > span, .top-menu .current-menu-ancestor > a, .top-menu .current-menu-ancestor > span {
    background-color: #fff;
}


#menu-top-bar-menu-accueil-fr .current_page_item > a, #menu-top-bar-menu-accueil-fr .current_page_item > span, #menu-top-bar-menu-accueil-fr .current-menu-item > a, #menu-top-bar-menu-accueil-fr .current-menu-item > span {
    color: #E44414;
}

#menu-top-bar-menu-accueil-fr .current-menu-ancestor > a, #menu-top-bar-menu-accueil-fr .current-menu-ancestor > span, #menu-top-bar-menu-accueil-fr .current-menu-ancestor > a, #menu-top-bar-menu-accueil-fr .current-menu-ancestor > span {
    color: #E44414;
}


#menu-mini-menu-contact-fr, #menu-mini-menu-contact-en {
	padding-left:40px;
	background-image:url('https://www.coppernic.fr/wp-content/uploads/separator-mini-menu.png');
	background-repeat:no-repeat;
	background-position-y: center;
}

#menu-mini-menu-contact-fr  li, #menu-mini-menu-contact-fr li a, #menu-mini-menu-contact-en li, #menu-mini-menu-contact-en li a {
	margin:0;
	padding:0;
	font-size:0.7rem;
}

#menu-mini-menu-contact-fr  li:after, #menu-mini-menu-contact-en  li:after{
	margin:0;
	padding:0;
}

/* Masquage de la barre latérale du menu responsive sur les pages */
 menu-top-bar-menu-fr.hide-responsive-nav #shiftnav-toggle-main {
    display:block;
}

.breadcrumb-container {
	text-align:left;
	padding:30px 0 0 30px;
	font-size:1rem;
}

.breadcrumb-container ul li:first-child {
	display:none;
}

.breadcrumb-container.theme1 a{
    display: inline-block;
    margin: 0 5px;
    padding: 5px!important;
    text-decoration: none;
}


.breadcrumb-container.theme1 a:hover{
    color:#e44414!important;
}

.breadcrumd-on-red .breadcrumb-container.theme1 a:hover{
    color:#fff!important;
}

.breadcrumb-container li .separator:last-child {
    color: #fff !important;
}

/* VI - PAGES 
 --------------------------------------------- */

/* Header des pages */
.header-page {
    background: #E44414;
    text-align: center;
    padding: 30px;
}

.header-page h2 {
	font-size: 4.6875rem;
	font-family: 'RobotoCondensed-Regular';
	line-height:1;
}

.header-page h2 span {
	font-size: 2rem;
	font-family: 'RobotoCondensed-light';
}

 /* Notre ADN */

 .team figure {
  opacity: 0.5;
  text-align: center;
  cursor: pointer;
  transition-duration: 0.65s;
  font-size:1.1rem;
}

.team figure:hover img {
  opacity: 1;
  transform: scale(1.10);
  transform-origin: bottom center;
}

.team figure:hover {
  opacity: 1;
}

.team figure:hover figcaption {
  font-family: 'RobotoCondensed-Bold';
}

.team figure img {
  transition-duration: 0.55s;
}

.team figure figcaption {
  font-family: 'RobotoCondensed-Regular';
  margin-top: 0px;
  padding-top: 10px;
  color:#fff;
  border-top: #fff 1px solid;
  transform: translateY(250px)
}

.team figure figcaption:hover {
  font-family: 'RobotoCondensed-Bold';
}

.trombinoscope-team {
	background-image:url('https://www.coppernic.fr/wp-content/uploads/bg-adn.jpg');
	background-repeat: repeat-x;
	background-size: contain;
	height: 850px;
	margin-bottom: 80px;
	position: relative;
}

.team-baseline {
  position:absolute;
  bottom:105px;
  width:100%;
  display: flex;
	flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
	font-size: 1.8rem;
}

.team-baseline div {
	padding-left: 30px;	
	padding-right: 	30px;
}

.fonction {
  font-family: 'RobotoCondensed-Light';
  text-transform: uppercase;
}

.fonction span {
  color:#000000;
}


/* Pages produits */

.keypoint-list {
    margin: 0 30px!important;
}

.keypoint-list li {
	list-style-type: disc;
}

.keypoint-list li:first-child {
	font-family: 'RobotoCondensed-Bold';
	padding-bottom:20px;
	list-style-type: none;
}

.bloc-declinaison {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	margin-bottom: 60px;
}

.bloc-declinaison-inverse {
	display: flex;
	flex-direction:row-reverse;
	flex-wrap:wrap;
	margin-bottom: 60px;
}

.bloc-declinaison img, .bloc-declinaison-inverse img {
	height: auto;
	align-self: flex-start
}

.visuel-declinaison {
	width:55%
}

.bloc-declinaison-texte {
    width: 45%;
    padding: 30px 60px 30px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.decal-vert-positive {
	margin-top:-60px!important;
}
.decal-vert-negatif {
	margin-bottom:-60px!important;
}

.logo-partners {
	text-align:center;
	padding-top:15px
}


.logo-partners img {
	width:120px;
	height:auto;
}
.logo-partners li {
	display:inline-block;
	padding:0px 60px
}

/* Contact */

.area-client-question {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.block-client-question {
    width:30%;
    padding-bottom: 70px;
}

.block-client-question a {
    color:#e44414;
}

.block-client-question a:hover {
    color:#000000;
}


.client-question {
    font-size:1.8rem;
    font-family: 'RobotoCondensed-Bold';
    line-height: 1
}

.client-question:after {
    content: "";
    display: block;
    border-bottom: #000 solid 5px;
    width: 60px;
    margin: 12px 0 8px -30px;
}

/* Projet */



/* Nos solutions */

.title-solution {
    text-transform: uppercase;
    border-bottom: 4px solid #E44414;
    display: inline-block;
    margin-bottom: 9px;
    line-height: 1.8;
	font-family: 'RobotoCondensed-Regular';
}

.solutions p {
	font-family: 'RobotoCondensed-Light';
	padding:15px 0;
}

.head-mobility p {
	font-size: 1rem
}
.bloc-solution {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.bloc-solution-img {
	display:block;
}

.bloc-solution-texte {
	width:35%;
}

.bloc-solution-texte h2, .bloc-solution-texte h3 {
	font-size:2.4rem;
	padding: 25px 0 15px 0;
	font-family: 'RobotoCondensed-Regular';
}

/* Mobility */

/*.link-block:hover img {
	filter: grayscale(1);
	transition-duration:0.35s
} */


/* Connected Data */

.activity-area  {
	text-align:right;
}


/* Actus */

.coppernic-blog p {
	padding:5px 0;
}

.coppernic-blog ul {
	list-style-type:disc;
	margin-left: 18px;
}

.nav-links a:hover, .nav-links .current {
    background: #e44414;
    color: #fff;
}

.wpnaw-news-title a {
	color:#e44414!important;
	font-family: 'RobotoCondensed-Regular';
	font-size:2rem!important;
}

.readmorebtn:hover, .readmorebtn:focus {
    background: #e44414;
    color: #fff !important;
}

/* GitHub */

.github h2, .github-content h2 {
	padding-top:30px;
	cursor: pointer;
}

.github h2:after, .github-content h2:after {
    content: "";
    display: block;
    border-bottom: #e44414 solid 10px;
    width: 60px;
    margin: 10px 0;
}

.github h2 a:hover {
	color:#e44414;
	transition-duration:0.25s;
}

.github h2:hover:after {
    content: "";
    display: block;
    border-bottom: #e44414 solid 10px;
    width: 180px;
    margin: 10px 0;
	transition-duration:0.25s;
}

.github h2 a {
	font-size:2rem;
	color:#6E873C;
}

.github h2 a span {
	display: block;
    font-size: 1.1rem;
    color: #000;
	font-family: 'RobotoCondensed-Regular';
}

.github sup, .github-list sup {
	font-size:57%;
	bottom: 1ex;
}

.github-list li {
    color: #e44414;
    list-style-type: square;
    padding-left: 0;
    margin-left: 22px;
	padding-top:10px;
}

.github-list-black li {
    color: #000;
    list-style-type: square;
    padding-left: 0;
    margin-left: 22px;
	padding-top:10px;
}

.github-list li ul li {
	color:#000;
	list-style-type: none;
	margin-left: 0px;
	padding-top:0px;
}

/* Documentation */

.doc-product ul {
	border-top: #ddd solid thin;
	border-bottom: #ddd solid thin;
	height:30px;
	line-height:30px;
}

.doc-product h2 {
	font-size: 2rem;
	padding-top: 60px;
	color:#e44414;
	font-family: 'RobotoCondensed-Regular';
	padding-bottom: 5px;
}

.doc-product h3 {
	font-size: 1.25rem;
	font-family: 'RobotoCondensed-Regular';
	padding-bottom: 7px;
}

.doc-product li {
	display:inline-block;
	padding-right: 30px;
}

.doc-product li:hover, .doc-product li a:hover  {
	color:#e44414;
}

.doc-product li:before, .doc-product li:first-child:before {
    content: "";
    display: inline-block;
    border-bottom: #E44414 solid 3px;
    width: 30px;
	margin:0 7px 0 0;
}

/* Blog et News */

.inform h1 {
	display:none;
	padding-bottom: 0em;
}

.inform .archive-desc {
    padding: 0;
}

.more-link {
    display: inline-block;
    padding: 10px 20px;
    background: #e44414;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: relative;
}

.anons h2 {
    font-size: 30px;
    padding-bottom: 0;
	font-family: 'RobotoCondensed-Regular';
}

.anons h2 a {
	color:#e44414;
}

.otw-row {
	padding-top:30px;
}

.otw_post_content-blog-title-wrapper {
    margin: 20px 0;
    color: #e44414;
}

.otw_post-post-content p {
	padding-bottom:30px;
}

.coppernic-blog h1 {
	font-size: 1.5rem;
	font-family: 'RobotoCondensed-Regular';
	color:#e44414;
}

.coppernic-blog h2 {
	font-size: 1.25rem;
	font-family: 'RobotoCondensed-Regular';
	color:#e44414;
	padding:8px 0;
}

.coppernic-blog strong {
	font-weight:normal;
}

.coppernic-blog .entry {
	padding-top:30px;
}

/* Cookies Policy */

.cookies-policy {
	width:45%;
	margin: 0 auto
}

.cookies-policy p {
	padding:5px 0
}

.cookies-policy h3 {
	padding-top:40px;
	font-size: 2rem;
	color:#e44414;
}

.cookies-policy h4 {
	padding:5px 0;
	font-size: 1.25rem;
}

.cookies-policy li {
	list-style:square;
	margin-left: 20px;
}

.cookies-policy .list-number {
	font-size:1.25rem;
	padding:10px 0;
	color:#e44414;
}


.cookies-policy a {
	color:#e44414;
	text-decoration:underline;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    text-decoration: none;
}

/* Mission - Espace Espace Carrières */

.nojob i {
	font-size:3rem;
	padding-bottom:30px;
    color: #444;
}

.nojob {
	background: #ccc;
    padding: 50px;
    color: #444;
    text-align: center;
    font-size: 1.25rem;
    width: 75%;
    margin: 0 auto;
}
.job-bm-archive .search-input, .job-bm-archive .company-name {
	display:none;
}

.job-bm-archive .single {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    padding: 10px 10px 60px;
}

.job-bm-archive {
	font-family: 'RobotoCondensed-Regular';
}

.job-bm-archive .company_logo {
	display:none!important;
}

.job-bm-archive .title {
    margin: 0px!important;
	background:#e44414;
	padding:10px 30px;
}

.job-bm-archive .title a {
	font-family: 'RobotoCondensed-Regular'!important;
	font-size: 1.8rem!important;;
    margin-bottom: 0px!important;;
	color:#fff!important;;
}

.job-bm-archive .short_content {
    font-size: 0.9rem;
    margin: 0px;
	padding:10px 30px;
    text-align: left;
}

.job-bm-archive .meta-list {
    margin-top: 20px;
	border-top:thin solid #ccc;
	border-bottom:thin solid #ccc;
}

.job-single .apply-job {
    background: #e44414;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin: 5px 10px;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 0px;
}

.job-bm-archive .job_type.full-time, .job-list .job_status.open, .job-list .job_status.expired {
    background: #E44414!important;
	color:#fff;
}


.apply-methods .form-field-wrap .field-details {
    margin-bottom: 10px;
	margin-top:0px!important;
}

.description dt {
	color:#e44414;
	padding-top: 10px;
}

.description ul {
	padding-left:30px;
}

.coppernic-job-sheet {
	margin-top:30px;
}

.coppernic-job-sheet td {
	vertical-align:middle;
}

.coppernic-job-sheet dd {
	display: list-item;
    list-style-type: disc;
    margin-left: 20px;
    padding-top: 3px;
}

.resume-finder-popup .close i, .resume-finder-pdf-popup .close i, .send-email-form .close i {
    margin: 0 auto !important;
    padding-top: 5px;
}

.resume-form {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 20%;
    width: 600px;
    padding: 34px;
}

.resume-finder-popup .close, .resume-finder-pdf-popup .close, .send-email-form .close {
    background: #e44414 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

.resume-finder-pdf-popup #file-uploader, .submit-application {
    background: none repeat scroll 0 0 #e44414;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin: 20px 0;
    padding: 5px 15px;
    cursor: pointer;
}

.resume-form textarea {
	width:100%;
	min-height: 200px;
}

.resume-form input {
    padding: 5px;
	margin:5px 0;
    width: 50%;
	font-size:1rem;
}


.resume-form p {
	padding-top:15px;
}

/* Landing Pages */

.landing-pages {
	width:720px!important;
	margin: 40px auto!important;
}

.landing-pages li {
	padding-bottom:20px;
}

.landing-pages li a:hover {
	color:#e44414;
}

.landing-pages li:after {
	content: "";
    display: block;
    border-bottom: #E44414 solid 3px;
    width: 60px;
    margin: 5px 0 0 0px;
}
.landing-pages li:hover:after {
	content: "";
    display: block;
    border-bottom: #E44414 solid 3px;
    width: 120px;
    margin: 5px 0 0 0px;
	transition-duration:0.15s;
	transform-origin: top left;
}

.landing-pages img {
	padding:20px 0px;
}

.landing-pages h2 {
	color:#e44414;
	padding: 25px 0 10px 0;
}


.landing-pages p {
	padding-top:10px;
}

.bg-copperdata-one {
	background-image:url('https://www.coppernic.fr/wp-content/uploads/bg-copperdata-1.jpg');
	width:100%;
	height: 1200px;
	background-size:cover;
	background-position:center;
}

.bg-copperdata-two {
	background-image:url('https://www.coppernic.fr/wp-content/uploads/bg-copperdata-2.jpg');
	width:100%;
	height: 1200px;
	background-size:cover;
	background-position:center;
}

/* VII - TABS AND ACCORDIONS 
 --------------------------------------------- */

/* Plugin tabs Pro */

#tab_container_7820 {
	font-family: 'RobotoCondensed-Regular';
}

.problem {
	font-size:2rem!important;
}

.wpsm_tab_7887, .wpsm_tab_10571, .wpsm_tab_10573, .wpsm_tab_10576, .wpsm_tab_11316, .wpsm_tab_11322, .wpsm_tab_11335, .wpsm_tab_11341 {
	display:flex;
	flex-direction:column-reverse;
	justify-content: space-between;
}
/* Jquery Tabs */
 
.ui-tabs .ui-tabs-panel {
    display: flex;
	flex-direction:row;
    border-width: 0;
    padding: 1em 1.4em;
    justify-content: space-between;
    background: none;
}

#tabs-rma .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #000000;
}

.cdk-tabs-col2 {
	width:60%;
}

.ui-tabs .ui-tabs-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.ui-widget-header {
	font-family: 'RobotoCondensed-Regular';
    border-top: 1px solid #dddddd;
	border-bottom: none;
	border-right: none;
	border-left: none;
    background: none;
    color: #000000;
	font-size:1.5rem;
}

.ui-widget.ui-widget-content {
    border: none;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    font-weight: normal;
    color: #000000;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.reverse-tabs {
	display: flex;
    flex-direction: column-reverse;
}

/* Tabs RMA */

#tabs-rma .ui-widget-header {
	font-family: 'RobotoCondensed-Regular';
	border:none;
    color: #000000;
	font-size:1.5rem;
}

#europe, #others {
    display: flex;
    flex-direction: column;
    border-width: 0;
    padding: 1em 1.4em;
    justify-content: center;
    background: none;
}

#europe a, #others a {
	display:inline-block;
	padding:10px 30px;
	border-left:1px #333 solid;
}

#europe a:hover, #others a:hover {
	color:#E44414;
}


#europe a:first-child, #others a:first-child {
	display:inline-block;
	padding:30px;
	border-left:none;
}

/* Accordions FAQ */

.accordion-coppernic .ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 10px;
	left: inherit;
    top: 47%;
    margin-top: -8px;
    display: block;
}

.ui-state-hover {
	display:block!important;
}

.accordion-coppernic h2 {
	padding:15px;
	background:#e44414;
	color:#fff;
}


.ui-accordion .ui-accordion-content {
	font-family: 'RobotoCondensed-Regular';
}

/* VIII - FORMULAIRES 
 --------------------------------------------- */

/* Newsletter SendInBlue */

#form-newsletter-sib {
	font-family: 'RobotoCondensed-Regular';
	padding-left:20px;
}

#sib_subscribe_form-3 #form-newsletter-sib, #sib_subscribe_form-4 #form-newsletter-sib  {
	padding-left:0px;
}

#form-newsletter-sib p {
	display:inline-block;
	vertical-align:top;
}

#form-newsletter-sib input[type=email], #form-newsletter-sib  input[type=submit] {
	padding: 4px 4px;
	font-size:0.8rem;
}

#sib_subscribe_form-3 h3, #sib_subscribe_form-4 h3 {
	display:none;
}

 div.wpcf7-mail-sent-ok    {
	display: block;
    position: absolute;
    right: 0;
    top: 45%;
    border: none;
    background: #E44414;
    padding: 40px;
    color: #fff;
}

/* Page Thank you */
.thank-you-box {
	background: #e44414;
    padding: 50px;
    color: #000;
    text-align: center;
    font-size: 1.25rem;
    width: 75%;
    margin: 0 auto;
}

.thank-you-box i {
    font-size: 3rem;
    padding-bottom: 30px;
    color: #fff;
}

/* Formulaire de contact */

.bg-contact {
    background-image: url("https://www.coppernic.fr/wp-content/uploads/bg-contact.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-coppernic {
    width: 45%;
    margin:0 auto;
    padding: 80px 40px 40px 40px;
    color:#FFF;
}

.contact-coppernic input, .contact-coppernic label, .form-rma-coppernic .contact-coppernic label {
    font-family: 'RobotoCondensed-Regular'!important;
}

.contact-coppernic input, .form-rma-coppernic input{
    background-color: #FFF!important;
    border-radius: none!important;
}

.contact-text-area {
    background-color: #fff!important;
}


#cf7md-form.cf7md-form+.wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: 4px solid #e44414;
	position: static;
	background:#fff;
	padding:30px;
	color:#000!important;
}

div.wpcf7-mail-sent-ok {
    display: block;
    position: static;
    right: 0;
    top: 45%;
    border: none;
    background: #E44414;
    padding: 40px;
    color: #fff;
}

/* Reset Material Design */


#cf7md-form .mdc-text-field, #cf7md-form .mdc-text-select {
  border-radius: 0px!important
}

#cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #e44414;
    background-color: #e44414;
    background-color: var(--mdc-theme-secondary, #e44414);
}

#cf7md-form .mdc-button--raised:disabled {
    background: #fff;
    color: #555;
    padding: 0 60px;
    font-size: 1rem;
    letter-spacing: 0;
}

#cf7md-form .mdc-button--raised:not(:disabled) {
	background: #e44414;
    color: #fff;
    padding: 0 60px;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0;
}

.form-candidature #cf7md-form .mdc-button--raised:disabled, .form-rma-coppernic #cf7md-form .mdc-button--raised:disabled {
	border:thin #ccc solid;
}

.form-candidature .mdc-button--raised:not(:disabled) {
	color:#fff!important;
}

.form-rma-coppernic .mdc-button--raised:disabled {
    background: #fff!important;
    color: #555;
    padding: 0 60px;
    text-transform: capitalize;
    font-size: 1rem;
    letter-spacing: 0;
}

/* Reset Material Design formulaire de contact */

.contact-coppernic #cf7md-form .mdc-text-field--textarea .mdc-text-field__input {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    /* padding: 0 16px 16px; */
    border: none;
	border-radius: 5px;
}

.form-rma-coppernic #cf7md-form .mdc-select:not(.mdc-select--disabled) {
	background:#fff;
}

.contact-coppernic #cf7md-form .mdc-button::before, .form-rma-coppernic #cf7md-form .mdc-button::before {
    background-color: #e44414!important;
	padding:0 60px;
	text-transform:capitalize;
	font-size: 1rem;
    letter-spacing: 0;
}

.contact-coppernic .cf7md-radio-label, .form-rma-coppernic .cf7md-radio-label {
    color:#fff!important;
}

.contact-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle, .form-rma-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fff;
}

.contact-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle, .form-rma-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fff;
    border-color: var(--mdc-theme-secondary, #fff)
}

.contact-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle, .form-rma-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #E44414;
    border-color: var(--mdc-theme-secondary, #E44414)
}


.contact-coppernic #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background, .form-rma-coppernic #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: #666;
    background-color: #fff
}

.contact-coppernic #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) {
    color: #FFF;
	padding: 0 60px;
}

/* Formulaire de projet */

.bg-form-projet {
    background-image: url("https://www.coppernic.fr/wp-content/uploads/bg-form-projet.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.projet-coppernic {
    width: 55%;
    margin:0 auto;
    padding: 80px 40px 40px 40px ;
    color:#FFF;
}

.radio-projet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-top: thin solid #fff;
    border-bottom: thin solid #fff;
    padding: 10px 0;
}


.question-form-projet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;	
}

.question-form-projet div {
    width:30%;	
}

.contact-projet textarea {
	background:#fff!important;
}

.contact-projet #cf7md-form .mdc-button--raised:disabled {
    background: #000;
    color: #fff;
    padding: 0 60px;
    font-size: 1rem;
    letter-spacing: 0;
}

/* Reset Material Design formulaire de projet */


.projet-coppernic .cf7md-radio-label {
    color:#fff!important;
}

.projet-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fff;
}

.projet-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fff;
    border-color: var(--mdc-theme-secondary, #fff)
}

.projet-coppernic #cf7md-form .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #fff;
    border-color: var(--mdc-theme-secondary, #fff)
}

.projet-coppernic #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: #fff;
    background-color: #fff
}

.projet-coppernic #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.projet-coppernic #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #000;
    background-color: #000;
    background-color: var(--mdc-theme-secondary, #000)
}

/* Formulaire RMA */

.form-rma-coppernic, .form-candidature {
    width: 65%;
    margin:0 auto;
    padding: 20px 40px 40px 40px;
    color:#FFF;
	border-radius: 0px;
	border: thin #ccc solid;
}

/* Reset Material Design formulaire RMA */



/* Reset Material Design*/

#cf7md-form .mdc-button {
	border-radius:0px;
}

#cf7md-form .mdc-text-field .mdc-text-field__input {
    caret-color: #E44414;
    caret-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-text-field .mdc-line-ripple {
    background-color: #E44414;
    background-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
#cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
#cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #E44414;
    border-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
#cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
#cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #E44414;
    border-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
#cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
#cf7md-form .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #E44414;
    border-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #E44414;
    background-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
#cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
#cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #E44414;
    border-color: var(--mdc-theme-primary, #E44414)
}

#cf7md-form .mdc-checkbox::before,
#cf7md-form .mdc-checkbox::after {
    background-color: #E44414
}

/* Reset Material Design Candidature spontanée */

.form-candidature #cf7md-form .mdc-text-field:not(.mdc-text-field--disabled), .form-candidature #cf7md-form .mdc-select:not(.mdc-select--disabled) {
    background-color: #fff;
}

.form-candidature #cf7md-form .mdc-select:not(.mdc-select--disabled) {
    border: thin #e44414 solid;
}

.form-candidature #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.form-candidature #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #E44414;
    background-color: #ff4081;
    background-color: var(--mdc-theme-secondary, #E44414)
}

.form-candidature #cf7md-form .mdc-button::before, .form-candidature #cf7md-form .mdc-button::after, .form-candidature #cf7md-form .mdc-button--raised:not(:disabled), .form-candidature #cf7md-form .mdc-button--unelevated:not(:disabled) {
    background-color: #e44414;
	border: thin #e44414 solid;
	box-shadow:none;
	color:#fff;
	text-transform: uppercase;
}

.form-candidature #cf7md-form .mdc-button:hover {
    background-color: #e44414;
	border: thin #e44414 solid;
	box-shadow:none;
	color:#fff;
}

.form-candidature #cf7md-form .cf7md-file .cf7md-label {
    margin-bottom: 5px;
    color: #222;
}

/* IX - RESPONSIVE 
 --------------------------------------------- */



@media (max-width:768px) {
	
#menu-top-bar-menu-accueil-fr li:first-child, #menu-top-bar-menu-fr li:first-child {
	display:none;
}

#menu-top-bar-menu-accueil-fr, #menu-top-bar-menu-fr, #menu-top-bar-menu-accueil-en, #menu-top-bar-menu-en {
	font-size:0.8rem;
}

.projet-coppernic, .question-form-projet div {
    width: 100%;
}
	
.question-form-projet {
		display:block;
}

.form-rma-coppernic, .form-candidature {
	padding: 10px 10px 40px 10px;
}	

.descript-demande label {
	font-size:0.9rem!important;
}

.reverve-column-responsive {
	flex-direction:column-reverse!important;
}	
	
.invisible-desktop { display:block!important; }
.invisible-smartphone { display:none; }
	
.download-bar {
	flex-direction:column;
	align-items: center;
}

#menu-top-bar-menu-fr, #menu-a-propos-de-nous-fr, #menu-about-us-en, #menu-mobilite-fr, #menu-mobilite-en, #menu-ressources-fr, #menu-ressources-en, #menu-news-fr, #menu-news-en, #menu-connected-data-fr, #menu-connected-data-en, #menu-analytics-fr, #menu-analytics-en {
	font-size:0.8rem;
	padding: 0 5%
}
	
#menu-menu-prehome-fr, #menu-menu-prehome-en, #menu-menu-github-fr, #menu-menu-github-en {
    position: static;
}	
	
.img-col1 {
    float: none;
    margin-right: 0px;
}
	
.two-thirds-left {
		width:100%
}	

.cookies-policy {
    width: 100%;
    margin: 0 auto;
}

.slider-alternative {
	display:block
}
	
.slider-alternative h3 {
	padding-left: 24px;
    background: #e44414;
    color: #fff;
	font-size: 1.2rem;
	font-family: 'RobotoCondensed-Regular';
}	
	
.keypoints-header {	
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding:10px 0;
}
	
.keypoints-title {
	font-size:2rem;
	padding:0px 15px 8px 15px;
	text-align:center;
	color:#e44414;
	border:solid thin #e44414;
	font-family: 'RobotoCondensed-Light';
}
	
.list-keypoints {
	padding: 10px 30px 30px 24px;
    background: #e44414;
    color: #fff;
}
	
#shiftnav-toggle-main {
    background-image: none!important;
	background-color:transparent!important;
    }

#coppernic-lang {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 200;
}

#coppernic-lang a {
	color:#fff;
}
	
.coppernic-footer {
    flex-direction: column;
    padding: 30px;
}
	
.col1, .col2,.col3 {
	padding-bottom:30px
}
	
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    display: block;
}

.wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 5px;
}

#shiftnav-toggle-main {
	position: fixed;
    top: 0!important;
    left: 0!important;	
	}

#shiftnav-toggle-main.shiftnav-toggle-style-burger_only .shiftnav-toggle-burger {
   /* margin: 0;
    position: absolute;
    top: 0px;*/
    color: #fff;
    z-index: 234000;
    background: #000;
}

.topnav {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
}
.header-main-menu, .header-top-bar {
    display: none;
}
	
/* titles */
	
.title-XXL {
    font-size: 3.6875rem;
}

/* RESET MENU */

#cdk-top-bar {
	padding:0;
	width:100%!important
	}

.top-menu {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position:static;
	padding: 0 60px;
	box-shadow:none;
}

.main-menu li, .top-menu li {
  padding: 5px 10px;
}

.main-menu li:after, .top-menu li:after {
    content: "";
    border-bottom: none;
}

.main-menu li span, .top-menu li span {
    color:#E44414;
}

.main-menu li:nth-last-of-type(-n+3), .top-menu li:nth-last-of-type(-n+3) {
    content: "";
    border-bottom: none;
	padding: 5px 10px 5px 0;
	font-size: 0.8rem;
}

.topnav {
    position: static;
}

#coppernic-lang {
   background:#000000;
}

#mobile-menu {
    display: none;
}
	

.menu-mobilite-fr-container, .menu-mobilite-en-container, .menu-connected-data-fr-container, .menu-connected-data-en-container, .menu-analytics-fr-container, .menu-analytics-en-container, .menu-ressources-fr-container, .menu-ressources-en-container {
	margin-left: 80px;		
}

#menu-top-bar-menu-accueil-fr li, #menu-top-bar-menu-home-en li, #menu-top-bar-menu-fr li, #menu-top-bar-menu-en li {
    padding: 12px 10px;
    text-transform: uppercase;
}
	
#mysticky-nav #form-newsletter-sib {
	display:none;	
}	

.marginLR30 {
	margin: 0 0px!important;		
	}
	
.trombinoscope-team {
    background-image: none;
	background-color:#E44414;
    height: auto;
    margin-bottom: 80px;
    position: relative;
}

.content-flex-H {
    height: auto;
}

.team figure figcaption {
    transform: translateY(0);
}

.team-baseline {
	position: static;
	margin-bottom: 0;
}


.reverse-tabs {display: flex;
    flex-direction: column;
}

.ui-tabs .ui-tabs-nav {
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
    font-size:0.8rem;
}

.ui-tabs .ui-tabs-panel {
	flex-direction:column;
}

.cdk-tabs-col2 {
    width: 100%
}

.cdk-slider-desktop {
    display:none;
}
	
.team figure {
    opacity: 1;
}
	
.team figure img {
    width:60%;
	height:auto;
}
	
.bloc-solution {
    flex-direction: column;
}
	
.bloc-solution-texte {
    width: 90%;
}

.three-quarter-left {
    width: 45%;
    margin: 0 auto;
}

.three-quarter {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.flex-H {
    flex-direction: column;
}

.half {
    width: 100%;
	padding: 0 5%;
}

.flex-V {
    padding: 30px;
}
	
.speftech-title {
    font-size: 5rem;
}

.speftech-subtitle {
    text-align: center;
}

.title-github {
    font-size: 3.6875rem;
    text-align: center;
}

.content-cdk {
	max-width:100%;
	margin: 0 auto;
 	padding: 80px 5%;
	position:relative;
}

.content-cdk-top {
	max-width:100%;
	margin: 0 auto;
	padding: 0px 5%;
}

.content-cdk40 {
	max-width:100%;
	margin: 0 auto;
 	padding: 40px 5%;
}

.content-no-padding {
	max-width:100%;
	margin: 0 auto;
 	padding: 0px 5%;
	position:relative;
}	

.content-cdk p, .github h3, .github-content h3 {
		padding:0px;
}
	
.contact-coppernic {
    width: 100%;
}
	
.block-client-question {
    width: 80%;
    padding-bottom: 70px;
}
	
#europe a, #others a {
    display: inline-block;
    padding: 2px 0px;
    border-left: none;
}

#europe a:first-child, #others a:first-child {
    display: inline-block;
    padding: 0;
    border-left: none;
	margin-top:10px
}
	
.form-rma-coppernic, .form-candidature {
    width: 90%;
}

.title-client-space {
    padding: 0 30px;
}
	
/* Tabs Spécifications techniques */
	
#wpsm_tab_container_7887 ul {
    padding: 0;
    margin: 0;

}

	
.quarter, .rest-quarter {
    width: 100%;
	padding:30px;
}	

.third, .rest-third {
    width: 100%;
}	
	
.picto-bar {
	flex-direction: column;
	align-items: center;
}

.picto-bar li {
		padding-top:20px
}
	
.picto-bar img {
    padding-left: 0px;
    padding-right: 20px;
}
	
.visuel-declinaison {
	width:100%
}
	
.decal-vert-positive {
	margin-top:0px!important;
}
.decal-vert-negatif {
	margin-bottom:0px!important
}

.bloc-declinaison-texte {
	width: 100%;}
	
.logo-partners li {
    display: block;
    padding: 20px 0;
}
	
.flex-H-center {
	flex-direction:column
}
	
/* -- Carrières - */
	
.apply-methods .form-field-wrap .field-title {
    width: 100%!important;
	clear:both!important;
	float:none!important;
}
	
.apply-methods .form-field-wrap .field-input {
    margin-left: 0px!important;
}
	
.apply-methods .form-field-wrap .field-details {
	padding-bottom:20px;
}
	
/* Fin des  media quaries - Ne pas supprimer l'accolade !!! */
}