Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 2478
Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/www.triumph-adler.fr/www/:/tmp/) in /www/wwwroot/www.triumph-adler.fr/www/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
display: none !important;
}
html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
color: #323232;
font-family: 'Georama', sans-serif;
}
body a {
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body a:hover,
body a:active,
body a:focus {
outline: none;
text-decoration: none;
}
body .nf-form-cont .nf-form-fields-required {
display: none;
}
body .nf-form-cont .nf-error-msg {
font-size: 12px;
line-height: 16px;
}
body .nf-form-cont .nf-form-content {
padding: 0;
max-width: 100%;
}
body .nf-form-cont .nf-form-content .nf-row {
margin: 0 -25px;
}
body .nf-form-cont .nf-form-content .nf-row .nf-cell {
padding: 0 25px;
}
body .nf-form-cont .nf-form-content .nf-field-container {
margin-bottom: 20px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-label label {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d9d9d9;
border-radius: 0;
font-size: 14px;
line-height: 18px;
color: #323232;
outline: 0;
padding: 0;
font-weight: 500;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input::placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select::placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea::placeholder {
color: #323232;
opacity: 1;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input:-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select:-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea:-ms-input-placeholder {
color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input::-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select::-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea::-ms-input-placeholder {
color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input,
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select {
height: 38px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
height: 395px;
resize: none;
border: 1px solid #d9d9d9;
padding: 12px 9px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-error .nf-field-element:after {
font-size: 20px;
height: 58px;
width: 58px;
line-height: 58px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-pass .nf-field-element:after {
font-size: 16px;
height: 36px;
line-height: 36px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label span {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li {
display: inline-block;
margin-right: 30px !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li:last-child {
margin-bottom: 0 !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li input {
height: 12px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-label {
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li {
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label {
font-size: 12px;
line-height: 16px;
position: relative;
padding-left: 33px;
margin: 0;
color: #323232;
cursor: pointer;
margin-left: 0 !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:before {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
z-index: 2;
top: -1px;
left: 0;
opacity: 0;
font-size: 18px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
color: ;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:after {
content: '';
width: 18px;
height: 18px;
left: 0;
top: -2px;
position: absolute;
border: 1px solid ;
border-radius: 0;
background-color: #ffffff;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label.nf-checked-label:before {
opacity: 1;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li input {
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container.html-container .nf-field-element {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.html-container .nf-field-element p {
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .nf-fu-fileinput-button {
background-color: #ffffff;
border: 1px solid #d9d9d9;
padding: 9px 15px;
font-size: 14px;
line-height: 18px;
color: #323232;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
box-shadow: none;
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .nf-fu-fileinput-button:hover {
background-color: #323232;
color: #ffffff;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .nf-fu-progress {
height: 1px;
width: 136px;
border-radius: 0;
box-shadow: none;
background-color: #ffffff;
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .nf-fu-progress .nf-fu-progress-bar {
background-color: #ef7d08;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .files_uploaded {
font-size: 12px;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .files_uploaded .delete {
color: #ef7d08;
font-style: italic;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .files_uploaded .delete:hover {
color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container.file_upload-container .nf-field-element .files_uploaded p {
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset {
position: relative;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset legend {
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset {
margin: 0 -15px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field {
width: 20%;
display: inline-block;
vertical-align: top;
padding: 0 15px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field .nf-field-container {
margin-bottom: 0px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field .field-wrap .nf-field-label {
margin-bottom: 0;
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field .field-wrap .nf-field-label label {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-remove-fieldset {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px;
z-index: 1;
margin: 0;
padding: 0;
text-align: center;
outline: 0;
border-radius: 100%;
font-weight: 600;
border: 0;
background-color: #cc3c3e;
color: #ffffff;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-remove-fieldset:hover {
background-color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset:first-child .nf-repeater-fieldset nf-field .field-wrap .nf-field-label {
display: block;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-add-fieldset {
float: right;
border: 0;
background-color: #ef7d08;
color: #ffffff;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 2px;
height: auto;
padding: 11px 30px;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
border-radius: 25px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
outline: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-add-fieldset:hover {
background-color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element {
text-align: center;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input {
border: 0;
background-color: #ef7d08;
color: #ffffff;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 2px;
height: auto;
padding: 11px 30px;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
border-radius: 25px;
max-width: 200px;
width: 100%;
font-weight: bold;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input:hover {
background-color: #323232;
}
body .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label {
padding-left: 1%;
}
body .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-element {
display: flex;
align-items: center;
justify-content: center;
}
body .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-element input {
height: auto;
margin-bottom: 2px;
}
body #modalContactezNous .modal-dialog {
max-width: 1370px;
}
body #modalContactezNous .modal-dialog .modal-content {
border: 0;
border-radius: 25px;
overflow: hidden;
}
body #modalContactezNous .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
}
body #modalContactezNous .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 5px;
right: 15px;
z-index: 1;
font-size: 60px;
line-height: 40px;
padding: 0;
opacity: 1;
text-shadow: none;
margin: 0;
float: none;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
color: #878787;
outline: none;
}
body #modalContactezNous .modal-dialog .modal-content .modal-header .close:hover {
color: #ef7d08;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body {
padding: 0;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande {
padding: 25px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande .titre {
font-size: 30px;
line-height: 34px;
font-weight: 600;
margin-bottom: 25px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande .introduction {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel {
background-color: #ef7d08;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .titre {
color: #ffffff;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .introduction {
color: #ffffff;
padding-bottom: 25px;
border-bottom: 1px solid #ffffff;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone {
color: #ffffff;
font-size: 18px;
line-height: 22px;
border-bottom: 1px solid #ffffff;
padding: 20px 0;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .intitule {
font-weight: 600;
margin-bottom: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul {
margin: 0;
padding: 0;
list-style: none;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul li {
margin-bottom: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul li:last-child {
margin-bottom: 0;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul li a {
color: #ffffff;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul li a:hover {
color: #323232;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire {
padding-top: 25px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .intitule {
font-size: 18px;
line-height: 22px;
margin-bottom: 25px;
color: #ffffff;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
background-color: #ffffff;
border: 0;
border-radius: 5px;
height: 50px;
padding: 10px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input::placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select::placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea::placeholder {
color: #afadad;
opacity: 1;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input:-ms-input-placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select:-ms-input-placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea:-ms-input-placeholder {
color: #afadad;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input::-ms-input-placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select::-ms-input-placeholder,
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea::-ms-input-placeholder {
color: #afadad;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input {
background-color: #ef7d08;
color: #ffffff;
letter-spacing: 2px;
height: auto;
padding: 11px 30px;
border-radius: 25px;
max-width: 250px;
border: 1px solid #ffffff;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input:hover {
background-color: #ffffff;
color: #ef7d08;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-contact .introduction {
margin-bottom: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-contact .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
height: 261px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog {
max-width: 976px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header {
border: 0;
padding: 40px 35px 20px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header .modal-title {
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #ef7d08;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header .close {
padding: 0;
margin: 0;
outline: 0;
color: #878787;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header .close span {
font-size: 40px;
line-height: 27px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-body {
padding: 0 35px 0;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-body textarea {
height: 259px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header {
border: 0;
padding: 40px 35px 20px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header .modal-title {
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #ef7d08;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header .close {
padding: 0;
margin: 0;
outline: 0;
color: #878787;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header .close span {
font-size: 40px;
line-height: 27px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-body {
padding: 0 35px 0;
}
body > header {
background-color: #ffffff;
top: 0;
left: 0;
width: 100%;
border-top: 2px solid #ef7d08;
}
body > header .entete {
border-bottom: 1px solid #e8e8e8;
padding-top: 8px;
padding-bottom: 8px;
}
body > header .entete .container {
max-width: 1400px;
}
body > header .entete .reseaux-sociaux {
color: #afadad;
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
body > header .entete .reseaux-sociaux a {
color: #afadad;
font-size: 16px;
line-height: 16px;
font-weight: 400;
vertical-align: bottom;
display: inline-block;
margin-left: 10px;
}
body > header .entete .reseaux-sociaux a:hover {
color: #ef7d08;
}
body > header .entete .telephones-et-langues {
text-align: right;
}
body > header .entete .telephones-et-langues .telephones {
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
margin-right: 35px;
display: inline-block;
vertical-align: middle;
}
body > header .entete .telephones-et-langues .telephones span {
color: #ef7d08;
font-weight: 500;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
body > header .entete .telephones-et-langues .telephones ul {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
vertical-align: middle;
}
body > header .entete .telephones-et-langues .telephones ul li {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
body > header .entete .telephones-et-langues .telephones ul li:last-child {
margin-right: 0;
}
body > header .entete .telephones-et-langues .telephones ul li a {
color: #323232;
}
body > header .entete .telephones-et-langues .telephones ul li a:hover {
color: #ef7d08;
}
body > header .entete .telephones-et-langues .langues {
display: inline-block;
vertical-align: middle;
}
body > header .entete .telephones-et-langues .langues ul {
list-style-type: none;
font-size: 0;
padding: 0;
margin: 0;
}
body > header .entete .telephones-et-langues .langues ul li {
display: inline-block;
vertical-align: middle;
border-right: 1px solid #ef7d08;
padding-right: 15px;
margin-right: 15px;
}
body > header .entete .telephones-et-langues .langues ul li a {
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
color: #323232;
font-weight: 500;
}
body > header .entete .telephones-et-langues .langues ul li a:hover {
color: #ef7d08;
}
body > header .entete .telephones-et-langues .langues ul li.current-lang a {
color: #ef7d08;
}
body > header .entete .telephones-et-langues .langues ul li:last-child {
margin-right: 0;
padding-right: 0;
border: 0;
}
body > header .corps {
border-bottom: 1px solid #e8e8e8;
height: 115px;
}
body > header .corps .container {
max-width: 1400px;
}
body > header .corps .contenu-header-corps {
position: relative;
}
body > header .corps .contenu-header-corps .logo {
padding-bottom: 20px;
}
body > header .corps .contenu-header-corps .menu-principal {
position: static;
text-align: center;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu {
padding: 0;
margin: 0;
list-style-type: none;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item {
display: inline-block;
margin-right: 5%;
vertical-align: bottom;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > a {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #323232;
position: relative;
display: block;
padding-bottom: 25px;
overflow: hidden;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > a:after {
content: '';
width: 100%;
height: 4px;
background-color: #ef7d08;
display: block;
position: absolute;
max-width: 66px;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.active > a:after {
bottom: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.current-menu-ancestor > a:after,
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.current-menu-item > a:after {
bottom: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-societe .sub-menu-wrap {
height: 310px;
background-image: url(../img/header-logo-bg.png);
background-position: center right;
background-repeat: no-repeat;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-produits .sub-menu-wrap {
background-image: url(../img/header-nosProduit-bg.jpg);
background-position: 95% 100%;
background-repeat: no-repeat;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-supports .sub-menu-wrap {
height: 310px;
background-image: url(../img/header-menu-principal-bg-supports-v3.jpg);
background-position: center right;
background-repeat: no-repeat;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item:last-child {
margin-right: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap {
position: absolute;
width: 100%;
background-color: #ffffff;
left: 0;
top: 100%;
z-index: 10;
border: 1px solid #e8e8e8;
border-top: 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
list-style-type: none;
display: none;
padding: 35px 60px;
height: 385px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu {
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
position: absolute;
left: 100%;
top: 0;
background-color: #ffffff;
display: none;
height: 100%;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item {
padding-left: 35px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.seul-item > a {
color: #ef7d08;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.seul-item > ul.sub-menu {
display: block;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item:hover > a {
color: #ef7d08;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item > a {
color: #323232;
font-weight: 600;
font-size: 14px;
line-height: 18px;
display: block;
position: relative;
padding: 10px 15px 10px 0;
border-bottom: 1px solid #e8e8e8;
text-align: left;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item > a:hover {
color: #ef7d08;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.current-menu-ancestor > a,
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.current-menu-item > a {
color: #ef7d08;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.menu-item-has-children > a:after {
content: '\f054';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
line-height: 12px;
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap > ul.sub-menu {
position: relative;
left: 0;
width: 25%;
display: block;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap > ul.sub-menu > li.menu-item > a {
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
body > header .corps .contenu-header-corps .liens-utiles {
padding-bottom: 13px;
}
body > header .corps .contenu-header-corps .liens-utiles .espace-partenaire {
text-align: right;
margin-bottom: 10px;
}
body > header .corps .contenu-header-corps .liens-utiles .espace-partenaire a {
font-size: 14px;
line-height: 18px;
background-color: #ef7d08;
color: #ffffff;
padding: 10px 15px;
display: inline-block;
border-radius: 5px;
font-weight: 500;
}
body > header .corps .contenu-header-corps .liens-utiles .espace-partenaire a i {
font-size: 20px;
vertical-align: middle;
margin-left: 15px;
}
body > header .corps .contenu-header-corps .liens-utiles .espace-partenaire a:hover {
background-color: #323232;
}
body > header .corps .contenu-header-corps .liens-utiles .formulaire-recherche form {
position: relative;
width: 100%;
}
body > header .corps .contenu-header-corps .liens-utiles .formulaire-recherche form input {
width: 100%;
border: 1px solid #e8e8e8;
outline: 0;
font-size: 14px;
line-height: 18px;
padding: 9.5px 31px 9.5px 20px;
border-radius: 5px;
color: #323232;
}
body > header .corps .contenu-header-corps .liens-utiles .formulaire-recherche form button {
position: absolute;
background-color: transparent;
border: 0;
outline: 0;
height: 100%;
top: 0;
color: #afadad;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
cursor: pointer;
padding: 0;
right: 8px;
}
body > header .corps .contenu-header-corps .liens-utiles .formulaire-recherche form button:hover {
color: #ef7d08;
}
body > header .toolbox-flottante {
position: fixed;
right: 0;
top: 45%;
width: 40px;
z-index: 9;
}
body > header .toolbox-flottante a {
display: block;
background-color: #ef7d08;
color: #ffffff;
text-align: center;
border: 1px solid #ffffff;
border-right: 0;
}
body > header .toolbox-flottante a i {
height: 40px;
line-height: 40px;
display: block;
font-size: 20px;
}
body > header .toolbox-flottante a i:after {
content: '';
height: 1px;
width: 70%;
display: block;
margin: auto;
background-color: #ffffff;
}
body > header .toolbox-flottante a:hover {
background-color: #323232;
}
body > header .toolbox-flottante a:last-child {
margin-bottom: 0;
}
body > main .image-de-fond {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body > main .bloc-de-texte {
font-size: 16px;
line-height: 24px;
color: #323232;
}
body > main .bloc-de-texte p,
body > main .bloc-de-texte ul,
body > main .bloc-de-texte ol {
margin-bottom: 20px;
}
body > main .bloc-de-texte ol {
padding-left: 20px;
}
body > main .bloc-de-texte ul {
list-style: none;
padding-left: 0;
}
body > main .bloc-de-texte ul > li {
position: relative;
padding-left: 15px;
margin-bottom: 10px;
}
body > main .bloc-de-texte ul > li:before {
content: '\f054';
display: block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ef7d08;
position: absolute;
font-size: 10px;
left: 0;
top: 0;
}
body > main .bloc-de-texte a {
color: #ef7d08;
}
body > main .bloc-de-texte a:hover {
color: #323232;
}
body > main .bloc-de-texte img {
max-width: 100%;
height: auto;
}
body > main .bloc-de-texte h2 {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
color: #ef7d08;
}
body > main .bloc-de-texte h3 {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
body > main .bloc-de-texte h4 {
font-size: 16px;
line-height: 20px;
font-weight: 500;
font-style: italic;
color: #878787;
}
body > main section {
position: relative;
}
body > main section .container {
max-width: 1400px;
}
body > main section#bandeau-dentete {
height: 500px;
position: relative;
}
body > main section#bandeau-dentete.solution-logiciel .textuel .nom-ancetre {
font-size: 40px;
line-height: 44px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
body > main section#bandeau-dentete.solution-logiciel .textuel .titre-general {
color: #ffffff;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
body > main section#bandeau-dentete.solution-logiciel .textuel .titre-general:after {
display: none;
}
body > main section#bandeau-dentete.fiche-solution-logiciel .textuel .nom-ancetre {
font-size: 40px;
line-height: 44px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
body > main section#bandeau-dentete.fiche-solution-logiciel .textuel .nom-solution {
color: #ffffff;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
body > main section#bandeau-dentete.fiche-solution-logiciel .textuel .titre-general:after {
display: none;
}
body > main section#bandeau-dentete .visuel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body > main section#bandeau-dentete .visuel .image {
height: 100%;
}
body > main section#bandeau-dentete .textuel {
height: 100%;
}
body > main section#bandeau-dentete .textuel .titre-general {
font-size: 40px;
line-height: 44px;
font-weight: 500;
position: relative;
color: #ffffff;
margin: 0;
}
body > main section#bandeau-dentete .textuel .titre-general span.couleur {
color: #ef7d08;
}
body > main section#bandeau-dentete .textuel .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
position: absolute;
bottom: -86px;
left: 0;
}
body > main section#fil-dariane {
font-size: 14px;
line-height: 18px;
padding: 30px 0;
font-weight: 500;
}
body > main section#fil-dariane a {
color: #323232;
}
body > main section#fil-dariane a:hover {
color: #ef7d08;
}
body > main section#non-connecte {
padding: 50px;
}
body > main section#non-connecte .alert {
margin-bottom: 25px;
}
body > main section#non-connecte .alert p {
margin: 0;
}
body > main section#non-connecte form {
max-width: 400px;
border: 1px solid #d9d9d9;
padding: 15px;
border-radius: 5px;
margin: auto;
}
body > main section#non-connecte form a[href*='lostpassword'] {
color: #323232;
font-size: 12px;
line-height: 16px;
margin-bottom: 5px;
display: inline-block;
}
body > main section#non-connecte form a[href*='lostpassword']:hover {
color: #ef7d08;
}
body > main section#non-connecte form p {
font-size: 0;
margin-bottom: 10px;
}
body > main section#non-connecte form p > label {
width: 50%;
display: inline-block;
font-size: 16px;
line-height: 20px;
}
body > main section#non-connecte form p > input {
width: 50%;
display: inline-block;
border: 0;
border-bottom: 1px solid #d9d9d9;
border-radius: 0;
font-size: 16px;
line-height: 20px;
color: #323232;
outline: 0;
padding: 0;
}
body > main section#non-connecte form p.login-submit input[type='submit'] {
display: inline-block;
background-color: #ef7d08;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
padding: 7.5px 15px;
border-radius: 5px;
border: 0;
font-size: 16px;
line-height: 20px;
cursor: pointer;
width: auto;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body > main section#non-connecte form p.login-submit input[type='submit']:hover {
background-color: #323232;
}
body > footer {
background-color: #494a54;
border-top: 2px solid #ef7d08;
padding-top: 60px;
}
body > footer .container {
max-width: 1430px;
}
body > footer .corps .logo {
margin-bottom: 63px;
}
body > footer .corps .telephones {
font-size: 16px;
line-height: 20px;
color: #e8e8e8;
margin-bottom: 65px;
}
body > footer .corps .telephones span {
font-weight: 500;
display: block;
color: #ef7d08;
}
body > footer .corps .telephones ul {
margin: 0;
padding: 0;
list-style-type: none;
}
body > footer .corps .telephones ul li {
margin-top: 5px;
}
body > footer .corps .telephones ul li a {
color: #e8e8e8;
}
body > footer .corps .telephones ul li a:hover {
color: #ef7d08;
}
body > footer .corps .reseaux-sociaux {
color: #e8e8e8;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
body > footer .corps .reseaux-sociaux a {
color: #e8e8e8;
font-size: 18px;
line-height: 18px;
font-weight: 400;
vertical-align: bottom;
display: inline-block;
margin-left: 10px;
}
body > footer .corps .reseaux-sociaux a:hover {
color: #ef7d08;
}
body > footer .corps .menu-footer ul.menu {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 0;
margin: 0 -15px;
}
body > footer .corps .menu-footer ul.menu li.menu-item {
display: block;
margin-bottom: 10px;
}
body > footer .corps .menu-footer ul.menu li.menu-item.gros-titre > a {
font-weight: bold;
text-transform: uppercase;
}
body > footer .corps .menu-footer ul.menu li.menu-item.marge-bas {
margin-bottom: 40px;
}
body > footer .corps .menu-footer ul.menu li.menu-item a {
font-size: 14px;
line-height: 18px;
color: #e8e8e8;
}
body > footer .corps .menu-footer ul.menu li.menu-item a:hover {
color: #ef7d08;
}
body > footer .corps .menu-footer ul.menu > li.menu-item {
display: inline-block;
width: 20%;
vertical-align: top;
padding: 0 15px;
margin-bottom: 30px;
}
body > footer .corps .menu-footer ul.menu > li.menu-item > ul.sub-menu {
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 10px;
}
body > footer .corps .container:after {
content: '';
height: 1px;
background-color: #e8e8e8;
display: block;
margin-top: 50px;
}
body > footer .pied {
font-size: 12px;
line-height: 12px;
color: #ffffff;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
body > footer .pied a {
color: #ffffff;
}
body > footer .pied a.logo-idcom {
margin-right: 10px;
}
body > footer .pied a.logo-idcom img {
max-width: 40px;
}
body > footer .pied a:hover {
color: #ef7d08;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel {
position: relative;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item {
position: relative;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone {
max-width: 460px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .titre {
font-size: 28px;
line-height: 38px;
font-weight: 500;
color: #ffffff;
margin: 0;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .titre.fonce {
color: #323232;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .titre span {
font-size: 62px;
line-height: 66px;
font-weight: 300;
color: #ef7d08;
letter-spacing: 2px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire {
background-color: #ffffff;
max-width: 355px;
padding: 20px;
margin-top: 75px;
border-radius: 15px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .titre-intitule {
font-size: 26px;
line-height: 30px;
font-weight: 500;
margin-bottom: 10px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .bouton a {
color: #ffffff;
background-color: #ef7d08;
font-size: 18px;
line-height: 22px;
display: inline-block;
padding: 7.5px 15px;
border-radius: 10px;
font-weight: 500;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .bouton a i {
font-size: 14px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .bouton a:hover {
background-color: #323232;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100%;
background-color: rgba(0,0,0,0.85);
color: #ffffff;
font-size: 13px;
font-weight: bold;
outline: none;
position: absolute;
top: 45%;
z-index: 1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button:hover {
background-color: #ef7d08;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button.owl-prev {
left: 2%;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button.owl-next {
right: 2%;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
text-align: center;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots button {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: transparent;
border: 1px solid #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
margin-right: 10px;
outline: 0;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots button:last-child {
margin-right: 0;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots button:hover {
background-color: #ffffff;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots button.active {
background-color: #ffffff;
}
.page-template-accueil > main section#introduction {
background-image: url(../img/accueil-introduction-bg.jpg);
background-position: top center;
background-size: cover;
background-color: #f7f7f7;
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-accueil > main section#introduction .container {
max-width: 690px;
}
.page-template-accueil > main section#introduction .logo {
text-align: center;
margin-bottom: 25px;
}
.page-template-accueil > main section#introduction .description {
font-size: 18px;
line-height: 22px;
}
.page-template-accueil > main section#introduction .bouton {
text-align: center;
}
.page-template-accueil > main section#introduction .bouton a {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
display: inline-block;
padding: 10px 30px;
border-radius: 25px;
border: 1px solid #ef7d08;
}
.page-template-accueil > main section#introduction .bouton a i {
font-size: 14px;
}
.page-template-accueil > main section#introduction .bouton a:hover {
background-color: #323232;
border-color: #323232;
color: #ffffff;
}
.page-template-accueil > main section#solutions {
padding-top: 45px;
padding-bottom: 25px;
}
.page-template-accueil > main section#solutions .introduction {
text-align: center;
margin-bottom: 50px;
}
.page-template-accueil > main section#solutions .introduction .titre {
font-size: 22px;
line-height: 26px;
margin-bottom: 15px;
font-weight: 500;
}
.page-template-accueil > main section#solutions .introduction .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.page-template-accueil > main section#solutions .introduction .texte p {
text-align: center;
}
.page-template-accueil > main section#solutions .introduction .formulaire-recherche form {
position: relative;
width: 100%;
}
.page-template-accueil > main section#solutions .introduction .formulaire-recherche form input {
width: 100%;
border: 1px solid #e8e8e8;
outline: 0;
font-size: 14px;
line-height: 18px;
padding: 9.5px 31px 9.5px 20px;
border-radius: 5px;
color: #323232;
}
.page-template-accueil > main section#solutions .introduction .formulaire-recherche form button {
position: absolute;
background-color: transparent;
border: 0;
outline: 0;
height: 100%;
top: 0;
color: #afadad;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
cursor: pointer;
padding: 0;
right: 8px;
}
.page-template-accueil > main section#solutions .introduction .formulaire-recherche form button:hover {
color: #ef7d08;
}
.page-template-accueil > main section#solutions .liste {
text-align: center;
}
.page-template-accueil > main section#solutions .liste .nav-tabs {
text-align: center;
border-bottom: 2px solid #e8e8e8;
display: inline-block;
font-size: 0;
margin-bottom: 70px;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a {
color: #323232;
padding: 0 0 15px;
border: 0;
position: relative;
margin-right: 80px;
display: inline-block;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a:last-child {
margin-right: 0;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a .nom {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
height: 2px;
background-color: #ef7d08;
width: 100%;
display: block;
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a:hover:after {
opacity: 1;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a.active:after {
opacity: 1;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item {
margin-bottom: 45px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a {
display: block;
border: 1px solid #e8e8e8;
text-align: center;
border-radius: 25px;
background-color: #e8e8e8;
color: #323232;
overflow: hidden;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a:hover {
color: #ffffff;
background-color: #ef7d08;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .visuel {
border-bottom: 1px solid #e8e8e8;
background-color: #ffffff;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .visuel .image {
height: 270px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .visuel .image.image-pleine-taille {
background-size: auto 80%;
background-repeat: no-repeat;
background-position: center;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .textuel {
height: 60px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .textuel .intitule {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin: 0;
padding: 0 15px;
}
.page-template-accueil > main section#actualites {
background-color: #f7f7f7;
}
.page-template-accueil > main section#actualites > .container {
position: relative;
padding-top: 40px;
padding-bottom: 80px;
z-index: 0;
}
.page-template-accueil > main section#actualites .lignes-fond {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0 15px;
z-index: -1;
}
.page-template-accueil > main section#actualites .lignes-fond .corps {
position: relative;
height: 100%;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne {
height: 100%;
width: 1px;
background-color: #e8e8e8;
top: 0;
position: absolute;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne:nth-child(1) {
left: 0;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne:nth-child(2) {
left: 25%;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne:nth-child(3) {
left: 50%;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne:nth-child(4) {
left: 75%;
}
.page-template-accueil > main section#actualites .lignes-fond .corps .ligne:nth-child(5) {
left: 100%;
}
.page-template-accueil > main section#actualites .titre-general {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.page-template-accueil > main section#actualites .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.page-template-accueil > main section#actualites .actualite {
position: relative;
}
.page-template-accueil > main section#actualites .actualite .textuel .titre {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 5px;
}
.page-template-accueil > main section#actualites .actualite .textuel .date-publication {
color: #878787;
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
.page-template-accueil > main section#actualites .actualite .lire-la-suite a {
color: #ef7d08;
font-size: 16px;
line-height: 20px;
}
.page-template-accueil > main section#actualites .actualite .lire-la-suite a i {
font-size: 12px;
}
.page-template-accueil > main section#actualites .actu-principale {
margin-bottom: 90px;
}
.page-template-accueil > main section#actualites .actu-principale .visuel {
padding-right: 0;
}
.page-template-accueil > main section#actualites .actu-principale .visuel .image {
height: 388px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel {
padding-left: 30px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .lire-la-suite {
margin-top: 50px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .lire-la-suite a {
display: inline-block;
border: 1px solid #ef7d08;
font-weight: 500;
padding: 7.5px 15px;
border-radius: 5px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .lire-la-suite a:hover {
color: #ffffff;
background-color: #ef7d08;
}
.page-template-accueil > main section#actualites .liste {
margin-bottom: 100px;
}
.page-template-accueil > main section#actualites .liste .actualite {
padding: 0;
}
.page-template-accueil > main section#actualites .liste .actualite .visuel {
position: relative;
}
.page-template-accueil > main section#actualites .liste .actualite .visuel .image {
height: 242px;
}
.page-template-accueil > main section#actualites .liste .actualite .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-accueil > main section#actualites .liste .actualite .textuel {
padding: 20px;
}
.page-template-accueil > main section#actualites .liste .actualite .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px;
text-align: right;
}
.page-template-accueil > main section#actualites .liste .actualite .lire-la-suite a:hover {
color: #323232;
}
.page-template-accueil > main section#actualites .liste .actualite.active .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-accueil > main section#actualites .lien-global {
text-align: center;
}
.page-template-accueil > main section#actualites .lien-global a {
color: #ffffff;
background-color: #ef7d08;
font-size: 18px;
line-height: 22px;
display: inline-block;
padding: 10px 30px;
border-radius: 25px;
}
.page-template-accueil > main section#actualites .lien-global a i {
font-size: 14px;
}
.page-template-accueil > main section#actualites .lien-global a:hover {
background-color: #323232;
}
@media screen and (max-width: 768px) {
.page-template-la-societe-a-propos-de-nous > main #bandeau-dentete,
body.page-template-best-seller > main #bandeau-dentete {
height: 101px;
}
}
.page-template-la-societe-a-propos-de-nous > main .formulaire .nf-response-msg p,
body.page-template-best-seller > main .formulaire .nf-response-msg p {
color: black;
position: relative;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation,
body.page-template-best-seller > main section#presentation {
padding-top: 30px;
margin-bottom: 20px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel,
body.page-template-best-seller > main section#presentation .textuel {
padding-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel .titre,
body.page-template-best-seller > main section#presentation .textuel .titre {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel .titre:after,
body.page-template-best-seller > main section#presentation .textuel .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
@media (min-width: 1024px) {
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul,
body.page-template-best-seller > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul {
display: flex;
flex-wrap: wrap;
gap: 10%;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul li,
body.page-template-best-seller > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul li {
width: 45%;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul li p,
body.page-template-best-seller > main section#presentation .textuel.textuel-best-seller .bloc-de-texte ul li p {
text-align: justify;
}
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .visuel,
body.page-template-best-seller > main section#presentation .visuel {
text-align: right;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .visuel-best-seller img,
body.page-template-best-seller > main section#presentation .visuel-best-seller img {
max-height: 500px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone,
body.page-template-best-seller > main section#resume .zone {
background-color: #f7f7f7;
padding-top: 25px;
padding-bottom: 10px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone:before,
body.page-template-best-seller > main section#resume .zone:before {
content: '';
width: 100%;
left: 0;
background-color: #f7f7f7;
top: 0;
height: 100%;
position: absolute;
display: block;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone:after,
body.page-template-best-seller > main section#resume .zone:after {
content: '';
width: 35px;
right: -35px;
background-color: #f7f7f7;
top: 0;
height: 100%;
position: absolute;
display: block;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste > .row,
body.page-template-best-seller > main section#resume .zone .liste > .row {
margin-left: -25px;
margin-right: -25px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element,
body.page-template-best-seller > main section#resume .zone .liste .element {
text-align: center;
margin-bottom: 30px;
padding-left: 25px;
padding-right: 25px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element .icone,
body.page-template-best-seller > main section#resume .zone .liste .element .icone {
margin-bottom: 5px;
height: 85px;
line-height: 67px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element .icone img,
body.page-template-best-seller > main section#resume .zone .liste .element .icone img {
max-height: 100%;
width: auto;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element .intitule,
body.page-template-best-seller > main section#resume .zone .liste .element .intitule {
font-size: 18px;
line-height: 22px;
font-weight: 600;
max-width: 205px;
margin: auto;
margin-bottom: 7px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite,
body.page-template-best-seller > main section#identite {
padding-top: 70px;
padding-bottom: 80px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav,
body.page-template-best-seller > main section#identite nav {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs,
body.page-template-best-seller > main section#identite nav .nav-tabs {
text-align: center;
border-bottom: 2px solid #e8e8e8;
display: inline-block;
font-size: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a,
body.page-template-best-seller > main section#identite nav .nav-tabs a {
color: #323232;
padding: 0 0 15px;
border: 0;
position: relative;
margin-right: 80px;
display: inline-block;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a:last-child,
body.page-template-best-seller > main section#identite nav .nav-tabs a:last-child {
margin-right: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a .nom,
body.page-template-best-seller > main section#identite nav .nav-tabs a .nom {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a:after,
body.page-template-best-seller > main section#identite nav .nav-tabs a:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
height: 2px;
background-color: #ef7d08;
width: 100%;
display: block;
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a:hover:after,
body.page-template-best-seller > main section#identite nav .nav-tabs a:hover:after {
opacity: 1;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a.active:after,
body.page-template-best-seller > main section#identite nav .nav-tabs a.active:after {
opacity: 1;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts {
padding-top: 85px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal {
max-width: 770px;
margin: auto;
padding: 0 55px;
margin-bottom: 80px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule {
font-size: 18px;
line-height: 22px;
color: #ef7d08;
font-weight: bold;
text-align: center;
margin-bottom: 55px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule span,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule span {
color: #323232;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description {
margin-bottom: 25px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description p,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description p {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note {
color: #ef7d08;
font-style: italic;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note p,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note p {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button {
position: absolute;
top: 65px;
outline: 0;
color: #494a54;
font-size: 23px;
line-height: 23px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button:hover,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button:hover {
color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-prev,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-prev {
left: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-next,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-next {
right: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item {
position: relative;
cursor: pointer;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:before {
content: '';
height: 1px;
background-color: #afadad;
width: 100%;
top: 50%;
margin-top: -0.5px;
left: 0;
display: block;
position: absolute;
z-index: -1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item .nombre {
color: #afadad;
font-weight: 600;
font-size: 16px;
line-height: 28px;
width: 28px;
height: 28px;
border: 1px solid #afadad;
border-radius: 100%;
margin: auto;
text-align: center;
background-color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:hover:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:hover:before {
background-color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:hover .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item:hover .nombre {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .current .item:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .current .item:before {
background-color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .current .item .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .current .item .nombre {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire {
padding-top: 45px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal {
margin-bottom: 80px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .visuel .image,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .visuel .image {
background-color: #e8e8e8;
height: 478px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone {
background-color: #ffffff;
width: 515px;
float: right;
border-bottom: 1px solid #ef7d08;
padding: 40px 0 20px 45px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule {
font-size: 18px;
line-height: 22px;
color: #323232;
font-weight: bold;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule span,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule span {
color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item {
position: relative;
cursor: pointer;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:before {
content: '';
height: 1px;
background-color: #afadad;
width: 100%;
top: 50%;
margin-top: -0.5px;
left: 0;
display: block;
position: absolute;
z-index: -1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item .nombre {
color: #afadad;
font-weight: 600;
font-size: 16px;
line-height: 28px;
width: 68px;
height: 28px;
border: 1px solid #afadad;
border-radius: 20px;
margin: auto;
text-align: center;
background-color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:hover:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:hover:before {
background-color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:hover .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item:hover .nombre {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .current .item:before,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .current .item:before {
background-color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .current .item .nombre,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .current .item .nombre {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button {
position: absolute;
top: 3px;
outline: 0;
color: #afadad;
font-size: 23px;
line-height: 23px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button:hover,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button:hover {
color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-prev,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-prev {
left: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-next,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-next {
right: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .ul-col-2 > ul,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .ul-col-2 > ul {
column-count: 2;
gap: 6rem;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .ul-col-2 > ul > ul,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .ul-col-2 > ul > ul {
column-count: unset;
padding-left: 1.3rem;
padding-top: 0.5rem;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements {
padding-top: 60px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .intitule,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .intitule {
color: #9ba95a;
font-weight: bold;
font-size: 18px;
line-height: 22px;
margin-bottom: 25px;
text-transform: uppercase;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .partenariats,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .partenariats {
margin-bottom: 40px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo {
text-align: center;
height: 100px;
line-height: 100px;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo img,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo img {
max-height: 100%;
width: auto;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste {
margin-bottom: 60px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste > .row,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste > .row {
margin-left: -20px;
margin-right: -20px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone {
margin-bottom: 45px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle {
height: 94px;
width: 94px;
border-radius: 100%;
border: 3px solid #e8e8e8;
margin: auto;
position: relative;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle img,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle img {
height: auto;
max-height: 75%;
max-width: 75%;
width: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .intitule,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .intitule {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos {
font-size: 0;
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo {
height: 130px;
line-height: 130px;
display: inline-block;
vertical-align: middle;
padding: 0 2.5%;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo img,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo img {
max-height: 100%;
height: auto;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo:last-child,
body.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo:last-child {
margin-right: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller {
width: 100%;
margin: 0 auto;
max-width: 50%;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller {
max-width: 90%;
}
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller ul,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller ul {
width: fit-content;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller ul > li,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller ul > li {
text-align: justify;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul {
margin-top: 7px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul > li,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul > li {
margin-bottom: 5px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul > li p,
body.page-template-best-seller > main section#identite .tab-content .tab-pane .description-best-seller ul > li > ul > li p {
margin-bottom: 0px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire,
body.page-template-best-seller > main section#devenir-partenaire {
background-image: url(../img/image-formulaire-best-seller.jpg);
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire:before,
body.page-template-best-seller > main section#devenir-partenaire:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background: #ffffff;
opacity: 0.95;
z-index: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .introduction,
body.page-template-best-seller > main section#devenir-partenaire .introduction {
position: relative;
z-index: 1;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .introduction .texte,
body.page-template-best-seller > main section#devenir-partenaire .introduction .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .introduction .texte:after,
body.page-template-best-seller > main section#devenir-partenaire .introduction .texte:after {
content: '';
width: 70px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .formulaire .container,
body.page-template-best-seller > main section#devenir-partenaire .formulaire .container {
max-width: 990px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement,
body.page-template-best-seller > main section#recrutement {
height: 310px;
position: relative;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .visuel,
body.page-template-best-seller > main section#recrutement .visuel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .visuel .image,
body.page-template-best-seller > main section#recrutement .visuel .image {
height: 100%;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel,
body.page-template-best-seller > main section#recrutement .textuel {
height: 100%;
padding-top: 40px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .titre,
body.page-template-best-seller > main section#recrutement .textuel .titre {
font-size: 26px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
color: #ffffff;
margin-bottom: 70px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .bouton,
body.page-template-best-seller > main section#recrutement .textuel .bouton {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .bouton a,
body.page-template-best-seller > main section#recrutement .textuel .bouton a {
padding: 9.5px 35px;
background-color: #ef7d08;
font-size: 18px;
line-height: 22px;
border-radius: 25px;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .bouton a:hover,
body.page-template-best-seller > main section#recrutement .textuel .bouton a:hover {
background-color: #323232;
}
body.page-template-best-seller > main .image-de-fond .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
height: 100px;
}
body.page-template-best-seller > main #devenir-partenaire .introduction .texte p {
text-transform: uppercase;
font-weight: bold;
}
@media (min-width: 1700px) {
body.page-template-best-seller > main #bandeau-dentete .visuel .image {
height: 31.25em;
}
}
@media (min-width: 1280px) and (max-width: 1699px) {
body.page-template-best-seller > main #bandeau-dentete .visuel .image {
height: 22em;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
body.page-template-best-seller > main #bandeau-dentete .visuel .image {
height: 13.5em;
}
}
@media (min-width: 320px) and (max-width: 500px) {
body.page-template-best-seller > main #bandeau-dentete .visuel .image {
height: 6.5em;
}
}
body.page-template-best-seller > main #resume .container .zone:before {
width: 100%;
left: 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation {
padding-top: 30px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel {
padding-bottom: 30px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel .titre {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .visuel {
position: static;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .visuel img {
position: absolute;
max-width: 50%;
bottom: 0;
z-index: -1;
right: 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements {
margin-bottom: 55px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone {
background-color: #f7f7f7;
padding-top: 30px;
padding-bottom: 25px;
position: relative;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone:before {
content: '';
width: 35px;
left: -35px;
background-color: #f7f7f7;
top: 0;
height: 100%;
position: absolute;
display: block;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone:after {
content: '';
width: 1000px;
right: -1000px;
background-color: #f7f7f7;
top: 0;
height: 100%;
position: absolute;
display: block;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .titre {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste > .row {
margin-left: -25px;
margin-right: -25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste .engagement {
text-align: center;
margin-bottom: 30px;
padding-left: 25px;
padding-right: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste .engagement .intitule {
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #ef7d08;
margin-bottom: 5px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste .engagement .description p {
text-align: center;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .titre {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 45px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste > .row {
margin-left: -40px;
margin-right: -40px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 80px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone {
-webkit-box-shadow: 0px 0px 21px 0px rgba(109,99,91,0.5);
-moz-box-shadow: 0px 0px 21px 0px rgba(109,99,91,0.5);
box-shadow: 0px 0px 21px 0px rgba(109,99,91,0.5);
background-color: #ffffff;
border-radius: 15px;
padding: 50px 35px 35px;
text-align: center;
height: 100%;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .icone {
height: 103px;
line-height: 103px;
margin-bottom: 40px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .icone img {
max-height: 100%;
width: auto;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .intitule {
font-weight: 600;
font-size: 22px;
line-height: 26px;
margin-bottom: 40px;
color: #ef7d08;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .informations {
font-weight: 500;
margin-bottom: 20px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .informations .info {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .en-savoir-plus {
margin-top: -20px;
margin-bottom: 40px;
font-size: 16px;
line-height: 20px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .en-savoir-plus a {
color: #323232;
text-decoration: underline;
font-weight: 600;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .en-savoir-plus a:hover {
color: #ef7d08;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .bouton a {
font-size: 16px;
line-height: 20px;
font-weight: 600;
background-color: #ef7d08;
color: #ffffff;
display: inline-block;
padding: 10px 30px;
width: 100%;
max-width: 260px;
border-radius: 25px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .bouton a i {
font-size: 12px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .bouton a:hover {
background-color: #323232;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog {
max-width: 976px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header {
border: 0;
padding: 40px 35px 20px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #ef7d08;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header .close {
padding: 0;
margin: 0;
outline: 0;
color: #878787;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header .close span {
font-size: 40px;
line-height: 27px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-body {
padding: 0 35px 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-body textarea {
height: 259px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs {
border: 0;
display: block;
text-align: center;
font-size: 0;
margin-bottom: 70px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item {
margin: 0;
display: inline-block;
min-width: 300px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item .nav-link {
font-size: 18px;
line-height: 22px;
font-weight: 500;
border: 0;
color: #323232;
border-bottom: 2px solid #e8e8e8;
padding: 0 15px 15px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item .nav-link.active {
border-color: #ef7d08;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item .nav-link:hover {
border-color: #ef7d08;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .description {
max-width: 780px;
margin: auto;
padding-bottom: 50px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier {
background-color: #f7f7f7;
padding-top: 30px;
padding-bottom: 10px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .titre-general {
font-size: 22px;
line-height: 26px;
color: #ef7d08;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 60px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays {
margin-bottom: 55px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .nom-pays {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 25px;
text-transform: uppercase;
overflow: hidden;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .nom-pays span {
display: inline-block;
position: relative;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .nom-pays span:after {
content: '';
display: block;
position: absolute;
height: 1px;
width: 2000px;
right: -2030px;
bottom: 1px;
background-color: #ef7d08;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .nom-periode {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #ef7d08;
margin-bottom: 25px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .formations .formation {
margin-bottom: 20px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .formations .formation .nom-formation {
font-size: 16px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0;
}
.page-template-supports-formations > main section#inscription-formation {
background-image: url(../img/supports-formations-inscription-formation-bg-v2.jpg);
padding-top: 40px;
padding-bottom: 40px;
}
.page-template-supports-formations > main section#inscription-formation .introduction .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
}
.page-template-supports-formations > main section#inscription-formation .introduction .texte:after {
content: '';
width: 70px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-supports-formations > main section#inscription-formation .formulaire .container {
max-width: 690px;
}
.page-template-supports-formations > main section#inscription-formation .formulaire textarea {
height: 283px;
}
.page-template-supports-pieces-detachees > main section .table {
font-size: 16px;
line-height: 20px;
border: 1px solid #d9d9d9;
border-radius: 15px;
border-top: 0;
border-bottom: 0;
margin: 0;
}
.page-template-supports-pieces-detachees > main section .table table {
width: 100%;
}
.page-template-supports-pieces-detachees > main section .table table th,
.page-template-supports-pieces-detachees > main section .table table td {
padding: 5px 25px;
}
.page-template-supports-pieces-detachees > main section .table table thead {
font-weight: 600;
}
.page-template-supports-pieces-detachees > main section .table table thead th {
border-bottom: 1px solid #d9d9d9;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td {
border-bottom: 1px solid #d9d9d9;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td[data-name='quantite'] input {
max-width: 65px;
border: 1px solid #d9d9d9;
outline: none;
text-align: right;
border-radius: 5px;
padding: 5px;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td[data-name='action'] button {
outline: none;
border: 0;
background-color: transparent;
color: #ef7d08;
font-weight: 500;
cursor: pointer;
padding: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td[data-name='action'] button i {
font-size: 12px;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td[data-name='action'] button:hover {
color: #323232;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr:nth-child(even) {
background-color: #f7f7f7;
}
.page-template-supports-pieces-detachees > main section#fil-dariane {
margin-bottom: 20px;
}
.page-template-supports-pieces-detachees > main section#produits {
margin-bottom: 50px;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches {
margin-bottom: 50px;
position: relative;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches input {
width: 100%;
border: 1px solid #d9d9d9;
border-radius: 5px;
height: 39px;
padding: 0 15px 0 48px;
outline: none;
font-size: 14px;
line-height: 18px;
color: #323232;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches input:focus {
border-color: #ef7d08;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches button[type='submit'] {
position: absolute;
top: 5.5px;
color: #afadad;
left: 15px;
font-size: 20px;
background-color: transparent;
border: 0;
outline: 0;
padding: 0;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches button[type='submit']:hover {
color: #ef7d08;
}
.page-template-supports-pieces-detachees > main section#produits .chargement {
text-align: center;
display: none;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande {
padding-bottom: 35px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre {
text-align: center;
overflow: hidden;
margin-bottom: 45px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span {
font-size: 22px;
line-height: 26px;
color: #ef7d08;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:before,
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:after {
content: '';
width: 1000px;
height: 1px;
background-color: #ef7d08;
display: block;
bottom: 5px;
position: absolute;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:before {
left: -1020px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:after {
right: -1020px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .table {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .total-ht {
background-color: #ef7d08;
color: #ffffff;
font-weight: bold;
padding: 5px 15px;
font-size: 18px;
line-height: 22px;
text-align: right;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-bottom: 45px;
padding-right: 50px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .total-ht span {
margin-left: 60px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions {
margin-bottom: 75px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton {
margin-bottom: 15px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton a,
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton button {
display: block;
background-color: #ef7d08;
font-weight: bold;
color: #ffffff;
padding: 8.5px 15px;
font-size: 18px;
line-height: 22px;
border-radius: 25px;
text-align: center;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
border: 0;
cursor: pointer;
width: 100%;
outline: 0;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton a:hover,
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton button:hover {
background-color: #323232;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .description .container {
max-width: 690px;
}
.page-template-supports-demande-de-garantie > main section#formulaire {
margin-bottom: 75px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .introduction .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .introduction .texte:after {
content: '';
width: 70px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .introduction .cartouche {
border: 1px dashed #ef7d08;
padding: 15px;
padding: 20px 15px 0;
margin-bottom: 30px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .formulaire .container {
max-width: 960px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .formulaire textarea {
height: 283px;
}
.page-template-nos-produits > main section#produits,
.tax-categorie_produit > main section#produits {
padding-bottom: 80px;
}
.page-template-nos-produits > main section#produits .categories,
.tax-categorie_produit > main section#produits .categories {
padding-right: 30px;
border-right: 1px solid #d9d9d9;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul {
padding: 0;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li {
padding: 0;
margin-bottom: 35px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li h4,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li h4 {
font-weight: 600;
font-size: 16px;
line-height: 20px;
padding: 0;
margin-bottom: 5px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul {
padding: 0;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li {
padding: 0;
margin-bottom: 5px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li input,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li input {
display: none;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li input:checked + label:after,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li input:checked + label:after {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label {
position: relative;
font-size: 16px;
line-height: 20px;
padding-left: 30px;
cursor: pointer;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:before,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:before {
content: '';
width: 14px;
height: 14px;
background-color: #ffffff;
border: 1px solid #d9d9d9;
display: block;
position: absolute;
top: 3px;
left: 0;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:after,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:after {
content: '';
width: 8px;
height: 8px;
background-color: #ef7d08;
display: block;
position: absolute;
top: 6px;
left: 3px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:hover:after,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label:hover:after {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label {
width: 100%;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label select,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label select {
border: 1px solid #d9d9d9;
padding: 7.5px 40px 7.5px 10px;
font-size: 14px;
line-height: 18px;
border-radius: 5px;
outline: 0;
width: 100%;
background-image: url(../img/champ-select-chevron.png);
background-position: center right;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.page-template-nos-produits > main section#produits .liste,
.tax-categorie_produit > main section#produits .liste {
padding-left: 30px;
}
.page-template-nos-produits > main section#produits .liste .produit,
.tax-categorie_produit > main section#produits .liste .produit {
margin-bottom: 30px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone,
.tax-categorie_produit > main section#produits .liste .produit .zone {
border: 1px solid #d9d9d9;
border-radius: 20px;
position: relative;
padding-bottom: 40px;
height: 100%;
overflow: hidden;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .stock,
.tax-categorie_produit > main section#produits .liste .produit .zone .stock {
text-align: right;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .stock span,
.tax-categorie_produit > main section#produits .liste .produit .zone .stock span {
display: inline-block;
border-bottom: 1px solid #d9d9d9;
font-size: 14px;
line-height: 18px;
font-weight: 500;
padding: 10px 15px 5px 0;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .stock.en-stock,
.tax-categorie_produit > main section#produits .liste .produit .zone .stock.en-stock {
color: #9ba95a;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .stock.indisponible,
.tax-categorie_produit > main section#produits .liste .produit .zone .stock.indisponible {
color: #cc3c3e;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .visuel,
.tax-categorie_produit > main section#produits .liste .produit .zone .visuel {
padding-top: 100%;
position: relative;
border-bottom: 1px solid #d9d9d9;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .visuel img,
.tax-categorie_produit > main section#produits .liste .produit .zone .visuel img {
position: absolute;
max-height: 100%;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 15px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .visuel .overlay,
.tax-categorie_produit > main section#produits .liste .produit .zone .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel {
padding: 20px 30px 0;
text-align: center;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .nom,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .nom {
margin-bottom: 25px;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #ef7d08;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .presentation-rapide p,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .presentation-rapide p {
text-align: center;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite:before,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite:before {
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #d9d9d9;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite a,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite a {
font-size: 16px;
line-height: 20px;
color: #ef7d08;
display: inline-block;
margin: 10px 0;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite a i,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite a i {
font-size: 12px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite a:hover,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite a:hover {
color: #323232;
}
.page-template-nos-produits > main section#produits .liste .produit.active .zone .visuel .overlay,
.tax-categorie_produit > main section#produits .liste .produit.active .zone .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.single-produit > main section .titre-secondaire {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
margin-bottom: 30px;
font-weight: 600;
}
.single-produit > main section .titre-secondaire:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.single-produit > main section#fiche-produit .informations-principales {
padding-bottom: 80px;
border-bottom: 1px solid #d9d9d9;
}
.single-produit > main section#fiche-produit .informations-principales > .row {
margin-left: -30px;
margin-right: -30px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel {
padding-top: 45px;
padding-left: 30px;
padding-right: 30px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.principal {
margin-bottom: 80px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.principal .owl-stage-outer .item a {
display: block;
padding-top: 82%;
position: relative;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.principal .owl-stage-outer .item a img {
position: absolute;
max-height: 100%;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails {
padding: 0 30px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-stage-outer .item {
height: 110px;
line-height: 110px;
cursor: pointer;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-stage-outer .item img {
max-height: 100%;
width: auto;
margin: auto;
vertical-align: middle;
display: inline-block;
opacity: 0.5;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-stage-outer .item:hover img {
opacity: 1;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-stage-outer .current .item img {
opacity: 1;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button {
position: absolute;
top: 45px;
outline: 0;
color: #494a54;
font-size: 23px;
line-height: 23px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button:hover {
color: #ef7d08;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button.disabled {
opacity: 0.25;
cursor: default;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button.disabled:hover {
color: #494a54;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button.owl-prev {
left: 0;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button.owl-next {
right: 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel {
padding-left: 30px;
padding-right: 30px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction {
margin-bottom: 20px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .principale .nom {
font-size: 22px;
line-height: 26px;
color: #ef7d08;
font-weight: 600;
margin: 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire {
text-align: right;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire .stock {
font-weight: 600;
font-size: 16px;
line-height: 16px;
padding: 7.5px 25px;
border-radius: 25px;
color: #ffffff;
display: inline-block;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire .stock.en-stock {
background-color: #9ba95a;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire .stock.indisponible {
background-color: #cc3c3e;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume {
margin-bottom: 30px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card {
border: 0;
border-bottom: 1px solid #d9d9d9;
border-radius: 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header {
border-radius: 0;
border: 0;
padding: 0;
background-color: #ffffff;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header button {
width: 100%;
color: #323232;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
text-align: left;
font-size: 16px;
line-height: 20px;
font-weight: 600;
padding: 25px 25px 25px 0;
position: relative;
border: 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header button i {
color: #ef7d08;
position: absolute;
font-size: 12px;
line-height: 12px;
top: 50%;
right: 0;
margin-top: -6px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header button:hover {
color: #ef7d08;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header button[aria-expanded='true'] i {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-collapse .card-body {
padding: 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .machines-compatibles {
margin-top: 50px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .machines-compatibles .machine p {
margin-bottom: 5px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .machines-compatibles .machine p a {
color: #323232;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .machines-compatibles .machine p a:hover {
color: #ef7d08;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton a {
display: block;
border: 1px solid #ef7d08;
font-size: 18px;
line-height: 22px;
padding: 7.5px 15px;
text-align: center;
border-radius: 25px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton a:hover {
background-color: #323232 !important;
border-color: #323232;
color: #ffffff !important;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton:first-child a {
color: #ef7d08;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton:last-child a {
background-color: #ef7d08;
color: #ffffff;
}
.single-produit > main section#caracteristiques {
padding-top: 45px;
}
.single-produit > main section#caracteristiques .container:after {
content: '';
background-color: #d9d9d9;
height: 1px;
width: 100%;
display: block;
}
.single-produit > main section#caracteristiques .caracteristique {
text-align: center;
margin-bottom: 30px;
}
.single-produit > main section#caracteristiques .caracteristique .intitule {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
}
.single-produit > main section#caracteristiques .caracteristique .contenu p {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.single-produit > main section#telechargements {
padding-top: 45px;
}
.single-produit > main section#telechargements .categories {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 20px;
}
.single-produit > main section#telechargements .categories .categorie {
margin-bottom: 30px;
}
.single-produit > main section#telechargements .categories .categorie .nom {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
}
.single-produit > main section#telechargements .categories .categorie .fichiers-associes .fichier {
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.single-produit > main section#telechargements .categories .categorie .fichiers-associes .fichier a {
color: #323232;
}
.single-produit > main section#telechargements .categories .categorie .fichiers-associes .fichier a:hover {
color: #ef7d08;
}
.single-produit > main section#accessoires-associes {
padding-top: 60px;
padding-bottom: 90px;
}
.single-produit > main section#accessoires-associes .owl-carousel {
padding: 0 55px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .owl-stage {
display: flex;
font-size: 0;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item {
height: 100%;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone {
border: 1px solid #d9d9d9;
border-radius: 20px;
position: relative;
padding-bottom: 40px;
height: 100%;
overflow: hidden;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .stock {
text-align: right;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .stock span {
display: inline-block;
border-bottom: 1px solid #d9d9d9;
font-size: 14px;
line-height: 18px;
font-weight: 500;
padding: 10px 15px 5px 0;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .stock.en-stock {
color: #9ba95a;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .stock.indisponible {
color: #cc3c3e;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .visuel {
padding-top: 100%;
position: relative;
border-bottom: 1px solid #d9d9d9;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .visuel img {
position: absolute;
max-height: 100%;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 15px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel {
padding: 20px 30px 0;
text-align: center;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .nom {
margin-bottom: 25px;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #ef7d08;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .presentation-rapide p {
text-align: center;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite:before {
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #d9d9d9;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite a {
font-size: 16px;
line-height: 20px;
color: #ef7d08;
display: inline-block;
margin: 10px 0;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite a i {
font-size: 12px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite a:hover {
color: #323232;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item.active .zone .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button {
position: absolute;
top: 45%;
outline: 0;
color: #494a54;
font-size: 23px;
line-height: 23px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button:hover {
color: #ef7d08;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.disabled {
opacity: 0.25;
cursor: default;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.disabled:hover {
color: #494a54;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.owl-next {
right: 0;
}
.page-template-solution-logiciel > main section#fil-dariane {
margin-bottom: 20px;
}
.page-template-solution-logiciel > main section#solutions .titre-general {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
margin-bottom: 30px;
font-weight: 600;
text-transform: uppercase;
}
.page-template-solution-logiciel > main section#solutions .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-solution-logiciel > main section#solutions .description {
margin-bottom: 50px;
}
.page-template-solution-logiciel > main section#solutions .liste {
padding-bottom: 30px;
}
.page-template-solution-logiciel > main section#solutions .liste > .row {
margin-left: -20px;
margin-right: -20px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone {
border: 1px solid #d9d9d9;
border-radius: 20px;
overflow: hidden;
height: 100%;
position: relative;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .visuel {
overflow: hidden;
position: relative;
border-bottom: 1px solid #d9d9d9;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .visuel .image {
height: 301px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .textuel {
padding: 44px 33px 62px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .textuel .titre {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #ef7d08;
margin-bottom: 15px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .textuel .tags {
font-size: 14px;
line-height: 18px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 33px 15px;
text-align: center;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .lire-la-suite:before {
content: '';
height: 1px;
width: 100%;
background-color: #d9d9d9;
display: block;
margin-bottom: 15px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .lire-la-suite a {
color: #ef7d08;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .lire-la-suite a i {
font-size: 10px;
}
.page-template-solution-logiciel > main section#solutions .liste .solution .zone .lire-la-suite a:hover {
color: #323232;
}
.page-template-incident .page-classique {
width: 80%;
margin: auto;
}
.page-template-incident .formulaire-incident h4.bonjour {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ef7d08);
text-align: left;
font: normal normal medium 16px/24px Georama;
font-family: "Georama";
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
color: #EF7D08;
text-transform: uppercase;
position: relative;
margin-bottom: 2rem;
margin-top: 2rem;
}
.page-template-incident .formulaire-incident h4.bonjour:after {
content: "";
display: block;
width: 50px;
height: 1px;
background: #EF7D08;
position: absolute;
left: 0;
bottom: -10px;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field,
.page-template-incident .formulaire-incident .email-container .nf-field {
border-bottom: 1px solid #d9d9d9;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field input,
.page-template-incident .formulaire-incident .email-container .nf-field input {
border-bottom: none !important;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-167::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-165::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-166::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-168::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-167::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-165::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-166::-webkit-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-168::-webkit-input-placeholder {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal medium 16px/24px Georama;
letter-spacing: 0px;
color: #0D0D0D;
text-transform: uppercase;
opacity: 0.33;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-167::-moz-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-165::-moz-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-166::-moz-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-168::-moz-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-167::-moz-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-165::-moz-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-166::-moz-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-168::-moz-placeholder {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal medium 16px/24px Georama;
letter-spacing: 0px;
color: #0D0D0D;
text-transform: uppercase;
opacity: 0.33;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-167::-ms-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-165:-ms-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-166:-ms-input-placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-168:-ms-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-167::-ms-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-165:-ms-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-166:-ms-input-placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-168:-ms-input-placeholder {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal medium 16px/24px Georama;
letter-spacing: 0px;
color: #0D0D0D;
text-transform: uppercase;
opacity: 0.33;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-167::placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-165::placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-166::placeholder,
.page-template-incident .formulaire-incident .textbox-container .nf-field #nf-field-168::placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-167::placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-165::placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-166::placeholder,
.page-template-incident .formulaire-incident .email-container .nf-field #nf-field-168::placeholder {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal medium 16px/24px Georama;
letter-spacing: 0px;
color: #0D0D0D;
text-transform: uppercase;
opacity: 0.33;
}
.page-template-incident .formulaire-incident .textbox-container .nf-field .nf-field-label label,
.page-template-incident .formulaire-incident .email-container .nf-field .nf-field-label label {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal medium 16px/24px Georama;
letter-spacing: 0px;
color: #0D0D0D;
}
.page-template-incident .formulaire-incident .listselect-wrap select {
border: 1px solid #d9d9d9 !important;
padding: 0 1rem !important;
border-radius: 5px !important;
}
.page-template-incident .formulaire-incident .listcheckbox-container label {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/26px Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 16px/14px Georama !important;
letter-spacing: 0px;
color: #1C1E22;
}
.page-template-incident .formulaire-incident .checkbox-container .nf-field-label {
padding-left: 10px;
padding-bottom: 5px;
}
.page-template-incident .formulaire-incident .checkbox-container .nf-field-label label {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/26px Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 16px/26px Georama;
font-weight: 400;
letter-spacing: 0px;
color: #1C1E22;
}
.page-template-incident .formulaire-incident .checkbox-container .nf-field-label label a {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/26px Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 16px/26px Georama;
letter-spacing: 0px;
font-weight: 400;
text-decoration: underline;
color: #1C1E22;
}
.page-template-incident .formulaire-incident .checkbox-container input[type="checkbox"]:checked {
accent-color: black;
background-color: black;
border-color: black;
height: 15px;
width: 15px;
margin-top: 5px;
}
.page-template-incident .formulaire-incident .nf-row .nf-field-label {
width: fit-content;
}
.page-template-incident .formulaire-incident .nf-row .nf-field-label label {
width: fit-content;
}
.page-template-incident .formulaire-incident .champs-obligatoire {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/26px Georama;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 16px/26px Georama;
letter-spacing: 0px;
color: #1C1E22;
}
.page-template-fiche-solution-logiciel > main section#fil-dariane {
margin-bottom: 30px;
}
.page-template-fiche-solution-logiciel > main section#presentation {
padding-bottom: 85px;
background-color: #f7f7f7;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel {
position: relative;
background-color: #ffffff;
padding-right: 60px;
padding-bottom: 60px;
min-height: 550px;
z-index: 1;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel .titre {
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 40px;
color: #ef7d08;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 15px;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel .introduction {
font-weight: bold;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel:before {
content: '';
width: 10000px;
position: absolute;
height: 2px;
background-color: #ef7d08;
right: 0;
bottom: 0;
display: block;
z-index: 1;
}
.page-template-fiche-solution-logiciel > main section#presentation .textuel:after {
content: '';
display: block;
background-color: #ffffff;
height: 100%;
width: 1000px;
left: -1000px;
position: absolute;
top: 0;
}
.page-template-fiche-solution-logiciel > main section#presentation .visuel {
position: static;
}
.page-template-fiche-solution-logiciel > main section#presentation .visuel .image {
height: 100%;
width: 55%;
position: absolute;
right: 0;
top: 0;
z-index: 0;
border-bottom: 1px solid #ef7d08;
}
.page-template-fiche-solution-logiciel > main section#benefices {
background-color: #f7f7f7;
padding-bottom: 60px;
}
.page-template-fiche-solution-logiciel > main section#benefices .titre {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-template-fiche-solution-logiciel > main section#benefices .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 30px;
}
.page-template-fiche-solution-logiciel > main section#benefices .liste .benefice {
text-align: center;
margin-bottom: 30px;
}
.page-template-fiche-solution-logiciel > main section#benefices .liste .benefice .icone {
margin-bottom: 25px;
height: 73px;
line-height: 73px;
font-size: 0;
}
.page-template-fiche-solution-logiciel > main section#benefices .liste .benefice .icone img {
max-height: 100%;
width: auto;
}
.page-template-fiche-solution-logiciel > main section#benefices .liste .benefice .intitule {
font-size: 18px;
line-height: 22px;
font-weight: 600;
max-width: 270px;
margin: 0 auto;
}
.page-template-fiche-solution-logiciel > main section#zone-dinformations-complementaire {
padding-top: 45px;
padding-bottom: 0px;
}
.page-template-fiche-solution-logiciel > main section#zone-dinformations-complementaire .liste .information {
margin-bottom: 60px;
}
.page-template-fiche-solution-logiciel > main section#zone-dinformations-complementaire .liste .information .titre {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
color: #ef7d08;
}
.page-template-fiche-solution-logiciel > main section#zone-dinformations-complementaire .liste .information .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 30px;
}
.page-template-fiche-solution-logiciel > main section#telechargements {
padding-top: 45px;
padding-bottom: 20px;
}
.page-template-fiche-solution-logiciel > main section#telechargements .titre {
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
color: #ef7d08;
}
.page-template-fiche-solution-logiciel > main section#telechargements .titre:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-fiche-solution-logiciel > main section#telechargements .categories .categorie {
margin-bottom: 30px;
}
.page-template-fiche-solution-logiciel > main section#telechargements .categories .categorie .nom {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
}
.page-template-fiche-solution-logiciel > main section#telechargements .categories .categorie .fichiers-associes .fichier {
margin-bottom: 10px;
}
.page-template-fiche-solution-logiciel > main section#telechargements .categories .categorie .fichiers-associes .fichier a {
color: #323232;
}
.page-template-fiche-solution-logiciel > main section#telechargements .categories .categorie .fichiers-associes .fichier a:hover {
color: #ef7d08;
}
.page-template-fiche-solution-logiciel > main section#contacter {
background-image: url(../img/la-societe-a-propos-de-nous-devenir-partenaire-bg.jpg);
padding-top: 40px;
padding-bottom: 40px;
}
.page-template-fiche-solution-logiciel > main section#contacter .introduction .texte {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
}
.page-template-fiche-solution-logiciel > main section#contacter .introduction .texte:after {
content: '';
width: 70px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-fiche-solution-logiciel > main section#contacter .formulaire .container {
max-width: 690px;
}
.page-template-fiche-solution-logiciel > main section#contacter .formulaire textarea {
height: 283px;
}
.page-template-actualites > main section#actualites .grid > .row,
.page-template-recompenses > main section#actualites .grid > .row {
margin-left: -20px;
margin-right: -20px;
}
.page-template-actualites > main section#actualites .grid .actualite,
.page-template-recompenses > main section#actualites .grid .actualite {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone,
.page-template-recompenses > main section#actualites .grid .actualite .zone {
border: 1px solid #d9d9d9;
border-radius: 20px;
overflow: hidden;
height: 100%;
position: relative;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .visuel,
.page-template-recompenses > main section#actualites .grid .actualite .zone .visuel {
overflow: hidden;
position: relative;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .visuel .image,
.page-template-recompenses > main section#actualites .grid .actualite .zone .visuel .image {
height: 301px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .visuel .overlay,
.page-template-recompenses > main section#actualites .grid .actualite .zone .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .textuel,
.page-template-recompenses > main section#actualites .grid .actualite .zone .textuel {
padding: 44px 33px 62px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .textuel .titre,
.page-template-recompenses > main section#actualites .grid .actualite .zone .textuel .titre {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #323232;
margin-bottom: 15px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .textuel .tags,
.page-template-recompenses > main section#actualites .grid .actualite .zone .textuel .tags {
font-size: 14px;
line-height: 18px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 33px 15px;
text-align: center;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite:before,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite:before {
content: '';
height: 1px;
width: 100%;
background-color: #d9d9d9;
display: block;
margin-bottom: 15px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite a,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite a {
color: #ef7d08;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite a i,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite a i {
font-size: 10px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite a:hover,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite a:hover {
color: #323232;
}
.page-template-actualites > main section#actualites .grid .actualite.active .visuel .image,
.page-template-recompenses > main section#actualites .grid .actualite.active .visuel .image {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
}
.page-template-actualites > main section#actualites .grid .actualite.active .visuel .overlay,
.page-template-recompenses > main section#actualites .grid .actualite.active .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-actualites > main section#actualites .scroller-status,
.page-template-recompenses > main section#actualites .scroller-status {
text-align: center;
margin-top: 30px;
display: none;
}
.page-template-actualites > main section#actualites .la-pagination,
.page-template-recompenses > main section#actualites .la-pagination {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.page-template-actualites > main section#actualites .la-pagination a,
.page-template-recompenses > main section#actualites .la-pagination a {
border: 1px solid #ef7d08;
color: #ef7d08;
padding: 20px 50px;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
letter-spacing: 3px;
display: inline-block;
}
.page-template-actualites > main section#actualites .la-pagination a:hover,
.page-template-recompenses > main section#actualites .la-pagination a:hover {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-actualites > main section#newsletter,
.page-template-recompenses > main section#newsletter {
padding: 60px 0;
}
.page-template-actualites > main section#newsletter .titre-secondaire,
.page-template-recompenses > main section#newsletter .titre-secondaire {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
margin-bottom: 30px;
font-weight: 600;
}
.page-template-actualites > main section#newsletter .titre-secondaire:after,
.page-template-recompenses > main section#newsletter .titre-secondaire:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-actualites > main section#newsletter .fichier p,
.page-template-recompenses > main section#newsletter .fichier p {
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.page-template-actualites > main section#newsletter .fichier p a,
.page-template-recompenses > main section#newsletter .fichier p a {
color: #323232;
}
.page-template-actualites > main section#newsletter .fichier p a:hover,
.page-template-recompenses > main section#newsletter .fichier p a:hover {
color: #ef7d08;
}
.tag > main section#actualites .grid > .row {
margin-left: -20px;
margin-right: -20px;
}
.tag > main section#actualites .grid .actualite {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.tag > main section#actualites .grid .actualite .zone {
border: 1px solid #d9d9d9;
border-radius: 20px;
overflow: hidden;
height: 100%;
position: relative;
}
.tag > main section#actualites .grid .actualite .zone .visuel {
overflow: hidden;
position: relative;
}
.tag > main section#actualites .grid .actualite .zone .visuel .image {
height: 301px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.tag > main section#actualites .grid .actualite .zone .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.tag > main section#actualites .grid .actualite .zone .textuel {
padding: 44px 33px 62px;
}
.tag > main section#actualites .grid .actualite .zone .textuel .titre {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #323232;
margin-bottom: 15px;
}
.tag > main section#actualites .grid .actualite .zone .textuel .tags {
font-size: 14px;
line-height: 18px;
}
.tag > main section#actualites .grid .actualite .zone .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 33px 15px;
text-align: center;
}
.tag > main section#actualites .grid .actualite .zone .lire-la-suite:before {
content: '';
height: 1px;
width: 100%;
background-color: #d9d9d9;
display: block;
margin-bottom: 15px;
}
.tag > main section#actualites .grid .actualite .zone .lire-la-suite a {
color: #ef7d08;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.tag > main section#actualites .grid .actualite .zone .lire-la-suite a i {
font-size: 10px;
}
.tag > main section#actualites .grid .actualite .zone .lire-la-suite a:hover {
color: #323232;
}
.tag > main section#actualites .grid .actualite.active .visuel .image {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
}
.tag > main section#actualites .grid .actualite.active .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.tag > main section#actualites .scroller-status {
text-align: center;
margin-top: 30px;
display: none;
}
.tag > main section#actualites .la-pagination {
text-align: center;
margin-top: 30px;
}
.tag > main section#actualites .la-pagination a {
border: 1px solid #ef7d08;
color: #ef7d08;
padding: 20px 50px;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
letter-spacing: 3px;
display: inline-block;
}
.tag > main section#actualites .la-pagination a:hover {
background-color: #ef7d08;
color: #ffffff;
}
.single-post > main section .titre-general {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.single-post > main section .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.single-post > main section#bandeau-dentete .visuel:after {
content: '';
background-color: #323232;
opacity: 0.3;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.single-post > main section#fil-dariane {
margin-bottom: 20px;
}
.single-post > main section#contenu-actualite {
padding-bottom: 90px;
}
.single-post > main section#contenu-actualite .partage {
margin-top: 60px;
}
.single-post > main section#contenu-actualite .partage .intitule {
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
}
.single-post > main section#contenu-actualite .partage .liste ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0;
}
.single-post > main section#contenu-actualite .partage .liste ul li {
display: inline-block;
margin-right: 11px;
}
.single-post > main section#contenu-actualite .partage .liste ul li a:hover {
opacity: 0.5;
}
.single-post > main section#autres-actualites {
background-color: #f7f7f7;
}
.single-post > main section#autres-actualites > .container {
position: relative;
padding-top: 40px;
padding-bottom: 80px;
z-index: 0;
}
.single-post > main section#autres-actualites .lignes-fond {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0 15px;
z-index: -1;
}
.single-post > main section#autres-actualites .lignes-fond .corps {
position: relative;
height: 100%;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne {
height: 100%;
width: 1px;
background-color: #e8e8e8;
top: 0;
position: absolute;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne:nth-child(1) {
left: 0;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne:nth-child(2) {
left: 25%;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne:nth-child(3) {
left: 50%;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne:nth-child(4) {
left: 75%;
}
.single-post > main section#autres-actualites .lignes-fond .corps .ligne:nth-child(5) {
left: 100%;
}
.single-post > main section#autres-actualites .liste > .row {
margin: 0;
}
.single-post > main section#autres-actualites .liste .actualite {
padding: 0;
}
.single-post > main section#autres-actualites .liste .actualite .visuel {
position: relative;
}
.single-post > main section#autres-actualites .liste .actualite .visuel .image {
height: 242px;
}
.single-post > main section#autres-actualites .liste .actualite .visuel .overlay {
position: absolute;
background-color: #ef7d08;
opacity: 0.75;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-post > main section#autres-actualites .liste .actualite .textuel {
padding: 20px;
}
.single-post > main section#autres-actualites .liste .actualite .textuel .titre {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 5px;
}
.single-post > main section#autres-actualites .liste .actualite .textuel .date-publication {
color: #878787;
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px;
text-align: right;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite a {
color: #ef7d08;
font-size: 16px;
line-height: 20px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite a i {
font-size: 12px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite a:hover {
color: #323232;
}
.single-post > main section#autres-actualites .liste .actualite.active .visuel .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-contact > main section#contacter {
margin-bottom: 100px;
}
.page-template-contact > main section#contacter .coordonnees .societes {
max-width: 315px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe {
border-bottom: 1px solid #ef7d08;
padding-top: 40px;
padding-bottom: 25px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .nom {
font-size: 22px;
line-height: 26px;
font-weight: 600;
color: #494a54;
margin-bottom: 10px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .nom span {
color: #ef7d08;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .pays {
font-size: 18px;
line-height: 22px;
font-weight: 500;
margin-bottom: 40px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info .intitule {
font-weight: 500;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info .valeur span {
text-transform: uppercase;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info .valeur a {
color: #323232;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info .valeur a:hover {
color: #ef7d08;
}
.page-template-contact > main section#contacter .carte {
position: static;
}
.page-template-contact > main section#contacter .carte img {
position: absolute;
right: 0;
max-width: 65%;
top: -80px;
z-index: -1;
}
.page-template-contact > main section#formulaire {
margin-bottom: 75px;
}
.page-template-contact > main section#formulaire .container {
max-width: 960px;
}
.page-template-contact > main section#formulaire .introduction {
color: #ef7d08;
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
}
.page-template-contact > main section#formulaire .introduction:after {
content: '';
width: 70px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 20px;
}
.page-template-espace-partenaire > main section .titre-general {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.page-template-espace-partenaire > main section .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 30px;
}
.page-template-espace-partenaire > main section#fil-dariane {
margin-bottom: 50px;
}
.page-template-espace-partenaire > main section#resume .nom-prenom {
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
font-weight: 600;
}
.page-template-espace-partenaire > main section#resume .nom-prenom span {
text-transform: uppercase;
}
.page-template-espace-partenaire > main section#resume .nom-prenom i {
font-size: 27px;
color: #ef7d08;
vertical-align: middle;
}
.page-template-espace-partenaire > main section#resume .nom-prenom .deconnexion {
font-size: 14px;
line-height: 18px;
}
.page-template-espace-partenaire > main section#resume .nom-prenom .deconnexion a {
color: #ef7d08;
}
.page-template-espace-partenaire > main section#resume .nom-prenom .deconnexion a:hover {
color: #323232;
}
.page-template-espace-partenaire > main section#resume .nom-prenom .deconnexion a i {
font-size: initial;
}
.page-template-espace-partenaire > main section#resume .informations {
font-size: 16px;
line-height: 20px;
font-weight: 500;
border-bottom: 1px solid #ef7d08;
padding-bottom: 50px;
}
.page-template-espace-partenaire > main section#resume .informations .information {
margin-bottom: 10px;
}
.page-template-espace-partenaire > main section#privileges {
padding-top: 50px;
padding-bottom: 80px;
}
.page-template-espace-partenaire > main section#privileges .liste {
margin-bottom: 35px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege {
margin-bottom: 45px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a {
display: block;
border: 1px solid #e8e8e8;
text-align: center;
border-radius: 25px;
background-color: #e8e8e8;
color: #323232;
overflow: hidden;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a:hover {
color: #ffffff;
background-color: #ef7d08;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .visuel {
border-bottom: 1px solid #e8e8e8;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .visuel .image {
height: 270px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .textuel {
height: 60px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .textuel .intitule {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin: 0;
padding: 0 15px;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel {
position: relative;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
text-align: center;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots button {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: transparent;
border: 1px solid #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
margin-right: 10px;
outline: 0;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots button:last-child {
margin-right: 0;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots button:hover {
background-color: #ffffff;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots button.active {
background-color: #ffffff;
}
.page-template-espace-partenaire > main section#contacts {
padding-bottom: 50px;
}
.page-template-espace-partenaire > main section#contacts .liste > .row {
margin-left: -100px;
margin-right: -100px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact {
padding-left: 100px;
padding-right: 100px;
margin-bottom: 30px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .visuel {
position: relative;
aspect-ratio: 1;
max-width: 310px;
max-height: 310px;
margin-bottom: 25px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .visuel .image {
border-radius: 25px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel {
font-size: 16px;
line-height: 20px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .nom-prenom {
font-size: 18px;
line-height: 22px;
font-weight: 600;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .poste {
font-style: italic;
text-transform: lowercase;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .poste:first-letter {
text-transform: uppercase;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .information {
margin-top: 10px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .information a {
color: #323232;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .information a:hover {
color: #ef7d08;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section .titre-general {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 30px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#fil-dariane {
margin-bottom: 50px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume {
padding-bottom: 50px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume .nom-prenom {
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
font-weight: 600;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume .nom-prenom span {
text-transform: uppercase;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume .nom-prenom i {
font-size: 27px;
color: #ef7d08;
vertical-align: middle;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ {
margin-bottom: 10px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .label {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .label span {
color: #ef7d08;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input input {
border: 0;
border-bottom: 1px solid #d9d9d9;
border-radius: 0;
font-size: 16px;
line-height: 20px;
color: #323232;
outline: 0;
padding: 0;
width: 100%;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe label {
font-size: 12px;
line-height: 16px;
position: relative;
margin: 0;
font-weight: 500;
padding-left: 24px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
cursor: pointer;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe label:before {
content: '\f00c';
color: #323232;
font-style: normal;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 0px;
left: 0;
font-size: 14px;
z-index: 1;
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe label:after {
content: '';
background-color: #ffffff;
border: 1px solid #ef7d08;
top: 0;
position: absolute;
left: 0;
width: 14px;
height: 14px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe label:hover {
color: #ef7d08;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe input {
display: none;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input .voir-mot-passe input:checked + label:before {
opacity: 1;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form input[type='submit'] {
display: inline-block;
background-color: #ef7d08;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
padding: 7.5px 15px;
border-radius: 5px;
border: 0;
font-size: 16px;
line-height: 20px;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form input[type='submit']:hover {
background-color: #323232;
}
.page-template-modele-landing-page > main section#contenu > .container {
margin-top: 4rem;
margin-bottom: 4rem;
}
.page-template-modele-landing-page > main section#contenu > .container:nth-child(2n + 2) .textuel {
order: 2;
}
.page-template-modele-landing-page > main section#contenu > .container:nth-child(2n + 2) .visuel {
order: 1;
}
.page-template-mentions-legales > main section#fil-dariane {
margin-bottom: 50px;
}
.page-template-mentions-legales > main section#contenu-page {
margin-bottom: 50px;
}
.page-template-confidentialite > main section#fil-dariane {
margin-bottom: 50px;
}
.page-template-confidentialite > main section#contenu-page {
margin-bottom: 50px;
}
.search > main section#resultats-recherche .titre-general {
color: #ef7d08;
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 30px;
text-transform: uppercase;
}
.search > main section#resultats-recherche .titre-general:after {
content: '';
width: 50px;
height: 1px;
background-color: #ef7d08;
display: block;
margin-top: 25px;
}
.search > main section#resultats-recherche .resultats .resultat {
border-bottom: 1px solid #d9d9d9;
padding: 30px 0;
}
.search > main section#resultats-recherche .resultats .resultat .titre {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.search > main section#resultats-recherche .resultats .resultat .titre a {
color: #323232;
}
.search > main section#resultats-recherche .resultats .resultat .titre a span {
color: #afadad;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.search > main section#resultats-recherche .resultats .resultat .titre a:hover {
color: #ef7d08;
}
.search > main section#resultats-recherche .resultats .resultat .titre a:hover span {
color: #ef7d08;
}
@media screen and (max-width: 1529px) {
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone {
margin-left: 80px;
}
}
@media screen and (max-width: 1439px) {
body > main section#bandeau-dentete {
height: 400px;
}
.page-template-espace-partenaire > main section#contacts .liste > .row {
margin-left: -50px;
margin-right: -50px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact {
padding-left: 50px;
padding-right: 50px;
}
}
@media screen and (max-width: 1199px) {
body #modalMobileTelephones .modal-dialog .modal-content {
border: 0;
border-radius: 25px;
overflow: hidden;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
background-color: #ef7d08;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .titre {
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #ffffff;
display: block;
padding: 10px 60px 10px 15px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .titre i {
font-size: 22px;
margin-right: 5px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 5px;
right: 15px;
z-index: 1;
font-size: 60px;
line-height: 40px;
padding: 0;
opacity: 1;
text-shadow: none;
margin: 0;
float: none;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
color: #ffffff;
outline: none;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .close:hover {
color: #878787;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body {
padding: 30px 15px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 20px;
line-height: 24px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul li {
margin-bottom: 15px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul li:last-child {
margin-bottom: 0;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul li a {
color: #ef7d08;
font-weight: 500;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul li a:hover {
color: #323232;
}
body #modalMobileRechercher .modal-dialog .modal-content {
border: 0;
border-radius: 25px;
overflow: hidden;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
background-color: #ef7d08;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .titre {
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #ffffff;
display: block;
padding: 10px 60px 10px 15px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .titre i {
font-size: 24px;
margin-right: 5px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 5px;
right: 15px;
z-index: 1;
font-size: 60px;
line-height: 40px;
padding: 0;
opacity: 1;
text-shadow: none;
margin: 0;
float: none;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
color: #ffffff;
outline: none;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .close:hover {
color: #878787;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body {
padding: 30px 15px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form {
position: relative;
width: 100%;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form input {
width: 100%;
border: 1px solid #e8e8e8;
outline: 0;
font-size: 18px;
line-height: 22px;
padding: 9.5px 31px 9.5px 20px;
border-radius: 5px;
color: #323232;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form button {
position: absolute;
background-color: transparent;
border: 0;
outline: 0;
height: 100%;
top: 0;
color: #afadad;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
cursor: pointer;
padding: 0;
right: 8px;
font-size: 22px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form button:hover {
color: #ef7d08;
}
body > header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
border-top: 0;
border-bottom: 1px solid #ef7d08;
}
body > header .entete {
display: none;
}
body > header .corps {
height: 60px;
border: 0;
}
body > header .corps .contenu-header-corps .logo {
padding-bottom: 5px;
}
body > header .corps .contenu-header-corps .logo img {
height: 50px;
}
body > header .corps .contenu-header-corps .menu-principal {
width: 400px;
position: fixed;
top: 60px;
height: 100%;
z-index: 9;
background-color: #ffffff;
text-align: left;
border-right: 1px solid #ef7d08;
display: none;
overflow-y: scroll;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.menu-item-has-children > a:before {
content: '\f13a';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
font-size: 16px;
line-height: 16px;
color: #ef7d08;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.ouvert > a:before {
color: #323232;
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.current-menu-ancestor > a,
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.current-menu-item > a {
color: #ef7d08;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.current-menu-ancestor > a:after,
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.current-menu-item > a:after {
display: none;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item {
display: block;
margin: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > a {
border-bottom: 1px solid #e8e8e8;
padding: 10px 31px 10px 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-societe > .sub-menu-wrap,
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-produits > .sub-menu-wrap,
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item.bg-supports > .sub-menu-wrap {
height: auto;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap {
position: static;
background-image: none !important;
height: auto;
padding: 0;
border: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu {
width: 100%;
position: static;
padding-left: 30px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item {
padding-left: 0px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item > a {
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding: 10px 31px 10px 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.seul-item > a {
display: none;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.seul-item > .sub-menu {
padding: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item.menu-item-has-children > a:after {
display: none;
}
body > header #langues-mobile {
position: absolute;
top: 18px;
right: 85px;
}
body > header #langues-mobile .dropdown {
text-transform: uppercase;
padding: 0;
}
body > header #langues-mobile .dropdown.show button {
color: #ef7d08;
}
body > header #langues-mobile .dropdown button {
text-transform: uppercase;
outline: 0;
padding: 0;
background-color: transparent;
box-shadow: none;
font-size: 16px;
}
body > header #langues-mobile .dropdown button:after {
margin-left: 5px;
vertical-align: middle;
}
body > header #langues-mobile .dropdown .dropdown-menu {
padding: 5px 10px;
min-width: 80px;
margin: 0;
border: 1px solid #e8e8e8;
border-radius: 5px;
}
body > header #langues-mobile .dropdown .dropdown-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
body > header #langues-mobile .dropdown .dropdown-menu ul li a {
color: #323232;
}
body > header #langues-mobile .dropdown .dropdown-menu ul li a span {
margin-left: 5px !important;
}
body > header #langues-mobile .dropdown .dropdown-menu ul li a:hover {
color: #ef7d08;
}
body > header #menu-mobile {
position: absolute;
right: 15px;
top: 10px;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 18px;
text-align: center;
background-color: #ef7d08;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body > header #menu-mobile .icone {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
body > header #menu-mobile .icone.fermant {
display: none;
}
body > header #menu-mobile.active {
background-color: #323232;
}
body > header #toolbox-mobile {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
left: auto;
border-top: 1px solid #ef7d08;
background-color: #ffffff;
padding-left: 15px;
}
body > header #toolbox-mobile span {
font-weight: bold;
margin-top: 10px;
display: inline-block;
font-size: 18px;
line-height: 18px;
}
body > header #toolbox-mobile ul {
margin: 0;
padding: 0;
font-size: 0;
list-style-type: none;
display: inline-block;
float: right;
}
body > header #toolbox-mobile ul li {
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
}
body > header #toolbox-mobile ul li a {
font-size: 20px;
color: #ffffff;
display: block;
}
body > header #toolbox-mobile ul li a:hover {
background-color: #494a54 !important;
}
body > header #toolbox-mobile ul li:nth-child(1) a {
background-color: #f5d8bb;
}
body > header #toolbox-mobile ul li:nth-child(2) a {
background-color: #f4cea7;
}
body > header #toolbox-mobile ul li:nth-child(3) a {
background-color: #f3ba80;
}
body > header #toolbox-mobile ul li:nth-child(4) a {
background-color: #f2a658;
}
body > header #toolbox-mobile ul li:nth-child(5) a {
background-color: #f09130;
}
body > header #toolbox-mobile ul li:nth-child(6) a {
background-color: #ef7d08;
}
body > main {
padding-top: 60px;
}
body > main section#bandeau-dentete {
height: 300px;
}
body > main section#bandeau-dentete .textuel .titre-general {
font-size: 32px;
line-height: 36px;
}
body > main section#bandeau-dentete .textuel .titre-general:after {
bottom: -30px;
}
body > footer {
padding-bottom: 40px;
}
body > footer .corps .menu-footer ul.menu li.menu-item a {
font-size: 12px;
line-height: 16px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire {
margin-top: 30px;
}
.page-template-accueil > main section#actualites .liste .actualite {
margin-bottom: 30px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire {
text-align: left;
margin-top: 15px;
}
.single-post > main section#autres-actualites .liste .actualite {
margin-bottom: 30px;
}
.page-template-supports-pieces-detachees > main section .table {
font-size: 14px;
line-height: 18px;
}
.page-template-espace-partenaire > main section#contacts .liste > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 991px) {
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande {
padding: 15px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande .introduction {
font-size: 16px;
line-height: 24px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone {
font-size: 16px;
line-height: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .intitule {
font-size: 16px;
line-height: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input {
padding-left: 15px;
padding-right: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .visuel img {
position: static;
max-width: 100%;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton:first-child {
margin-bottom: 15px;
}
.page-template-fiche-solution-logiciel > main section#presentation .visuel {
padding: 0;
}
.page-template-fiche-solution-logiciel > main section#presentation .visuel .image {
height: 400px;
width: 100%;
position: static;
}
.page-template-contact > main section#contacter .carte img {
right: -310px;
max-width: 100%;
}
.page-template-supports-pieces-detachees > main section .table table thead {
display: none;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr {
border-bottom: 2px solid #ef7d08;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr:last-child {
border: 0;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td {
display: block;
text-align: right;
}
.page-template-supports-pieces-detachees > main section .table table tbody tr td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .visuel {
margin-left: auto;
margin-right: auto;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .nom-prenom,
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .poste {
text-align: center;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .intitule {
text-align: right;
}
}
@media screen and (max-width: 767.98px) {
body .nf-form-cont .nf-form-content .nf-field-container {
margin-bottom: 10px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
height: 180px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset {
margin: 0 -7.5px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field {
padding: 0 7.5px;
margin-bottom: 5px;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-repeater-fieldsets fieldset .nf-repeater-fieldset nf-field .field-wrap .nf-field-label {
display: block;
}
body .nf-form-cont .nf-form-content .nf-field-container.repeater-container .nf-add-fieldset {
float: none;
display: block;
margin: auto;
padding: 7.5px 15px;
font-size: 10px;
line-height: 14px;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input {
padding: 10px 15px !important;
max-width: 250px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .titre {
font-size: 20px;
line-height: 24px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .titre i {
font-size: 16px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-header .close {
top: 10px;
font-size: 30px;
line-height: 20px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body {
padding: 15px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form input {
padding: 7.5px 35px 7.5px 15px;
font-size: 14px;
line-height: 18px;
}
body #modalMobileRechercher .modal-dialog .modal-content .modal-body .formulaire-recherche form button {
font-size: 18px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .titre {
font-size: 20px;
line-height: 24px;
padding: 10px 30px 10px 15px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .titre i {
font-size: 16px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-header .close {
top: 10px;
font-size: 30px;
line-height: 20px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body {
padding: 15px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul {
font-size: 14px;
line-height: 18px;
}
body #modalMobileTelephones .modal-dialog .modal-content .modal-body .telephones ul li {
margin-bottom: 10px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-header .close {
top: 10px;
font-size: 30px;
line-height: 20px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande {
padding: 30px 15px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande .titre {
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .groupe-demande .introduction {
font-size: 14px;
line-height: 22px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel {
padding-top: 15px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone {
padding: 15px 0;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .intitule {
margin-bottom: 5px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .numeros-telephone .liste ul li {
margin-bottom: 5px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .intitule {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input {
height: 40px;
}
body #modalContactezNous .modal-dialog .modal-content .modal-body .demande-de-rappel .formulaire .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
height: 180px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header {
padding: 15px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header .modal-title {
font-size: 20px;
line-height: 24px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-header .close {
top: 10px;
font-size: 30px;
line-height: 20px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-body {
padding: 0 15px;
}
body #modalDemandeDevisPiecesDetachees .modal-dialog .modal-content .modal-body textarea {
height: 150px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header {
padding: 15px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header .modal-title {
font-size: 20px;
line-height: 24px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-header .close {
top: 10px;
font-size: 30px;
line-height: 20px;
}
body #modalDemandeCreationCompte .modal-dialog .modal-content .modal-body {
padding: 0 15px;
}
body > header #toolbox-mobile {
padding-left: 0;
}
body > header #toolbox-mobile span {
display: none;
}
body > header #toolbox-mobile ul {
width: 100%;
}
body > header #toolbox-mobile ul li {
width: 16.66%;
}
body > header #toolbox-mobile ul li a {
font-size: 18px;
}
body > header #langues-mobile {
right: 70px;
}
body > header #langues-mobile .dropdown button {
font-size: 12px;
}
body > header #langues-mobile .dropdown .dropdown-menu ul li a {
font-size: 12px;
}
body > header .corps .contenu-header-corps .logo {
padding-bottom: 10px;
}
body > header .corps .contenu-header-corps .logo img {
height: 40px;
}
body > header .corps .contenu-header-corps .menu-principal {
width: 100%;
border-right: 0;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu {
padding-bottom: 90px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu li.menu-item.menu-item-has-children > a:before {
margin-top: -7px;
font-size: 14px;
line-height: 14px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > a {
font-size: 14px;
line-height: 18px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu {
padding-left: 15px;
}
body > header .corps .contenu-header-corps .menu-principal ul.menu > li.menu-item > .sub-menu-wrap ul.sub-menu > li.menu-item > a {
font-size: 12px;
line-height: 18px;
}
body > main .bloc-de-texte {
font-size: 14px;
line-height: 22px;
}
body > main .bloc-de-texte p,
body > main .bloc-de-texte ol,
body > main .bloc-de-texte ul {
margin-bottom: 15px;
}
body > main section#bandeau-dentete {
height: 200px;
}
body > main section#bandeau-dentete .textuel .titre-general {
font-size: 20px;
line-height: 28px;
}
body > main section#bandeau-dentete .textuel .titre-general:after {
bottom: -15px;
}
body > main section#fil-dariane {
font-size: 12px;
line-height: 16px;
}
body > main section#non-connecte {
padding: 30px 0;
}
body > footer {
padding-top: 30px;
}
body > footer .corps .container:after {
margin-top: 10px;
}
body > footer .corps .logo {
margin-bottom: 30px;
}
body > footer .corps .logo img {
max-height: 40px;
}
body > footer .corps .telephones {
font-size: 12px;
line-height: 16px;
margin-bottom: 30px;
}
body > footer .corps .reseaux-sociaux {
font-size: 12px;
line-height: 16px;
margin-bottom: 30px;
}
body > footer .corps .menu-footer ul.menu > li.menu-item {
width: 50%;
}
body > footer .corps .menu-footer ul.menu > li.menu-item a {
font-size: 11px;
line-height: 15px;
}
body > footer .corps .menu-footer ul.menu > li.menu-item > ul.sub-menu {
margin-top: 5px;
}
body > footer .corps .menu-footer ul.menu li.menu-item {
margin-bottom: 5px;
}
body > footer .corps .menu-footer ul.menu li.menu-item.marge-bas {
margin-bottom: 15px;
}
body > footer .corps .menu-footer ul.menu li.menu-item.gros-titre > a {
font-size: 12px;
line-height: 16px;
}
body > footer .corps .menu-footer ul.menu li.menu-item.menu-item-has-children {
margin-bottom: 15px;
}
body > footer .pied {
font-size: 10px;
line-height: 14px;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
}
body > footer .pied a.logo-idcom {
margin-right: 10px;
float: left;
}
body > footer .pied a.logo-idcom img {
max-width: 30px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone {
margin-left: 0;
padding: 25px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .titre {
font-size: 18px;
line-height: 22px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .titre span {
font-size: 38px;
line-height: 42px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire {
margin-top: 15px;
padding: 15px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .titre-intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .texte {
font-size: 12px;
line-height: 16px;
margin-bottom: 15px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .bouton a {
font-size: 14px;
line-height: 18px;
padding: 5px 15px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-stage-outer .item .textuel .zone .bloc-information-complementaire .bouton a i {
font-size: 12px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-dots {
bottom: 15px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button {
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 0;
font-size: 10px;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.page-template-accueil > main section#diaporama-dentete .owl-carousel .owl-nav button.owl-next {
right: 0;
}
.page-template-accueil > main section#introduction {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-accueil > main section#introduction .logo img {
max-height: 40px;
}
.page-template-accueil > main section#introduction .description {
font-size: 14px;
line-height: 22px;
}
.page-template-accueil > main section#introduction .bouton a {
font-size: 14px;
line-height: 14px;
}
.page-template-accueil > main section#introduction .bouton a i {
font-size: 12px;
}
.page-template-accueil > main section#solutions {
padding-top: 30px;
padding-bottom: 15px;
}
.page-template-accueil > main section#solutions .introduction {
margin-bottom: 30px;
}
.page-template-accueil > main section#solutions .introduction .titre {
font-size: 18px;
line-height: 22px;
}
.page-template-accueil > main section#solutions .introduction .texte {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
.page-template-accueil > main section#solutions .liste .nav-tabs {
border: 0;
width: 100%;
margin-bottom: 30px;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a {
display: block;
width: 100%;
max-width: 320px;
padding: 5px 15px;
border: 1px solid #e8e8e8;
border-bottom: 0;
border-radius: 0;
margin: auto !important;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a:last-child {
border-bottom: 1px solid #e8e8e8;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a .nom {
font-size: 14px;
line-height: 18px;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a:after {
display: none;
}
.page-template-accueil > main section#solutions .liste .nav-tabs a.active {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item {
margin-bottom: 15px;
padding-right: 7.5px;
padding-left: 7.5px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a {
border-radius: 15px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .visuel.image-pleine-taille {
padding: 10px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .visuel .image {
height: auto;
padding-top: 100%;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .textuel {
height: 60px;
}
.page-template-accueil > main section#solutions .liste .tab-content .tab-pane .item a .textuel .intitule {
padding: 0 5px;
font-size: 12px;
line-height: 16px;
}
.page-template-accueil > main section#actualites {
padding-top: 30px;
}
.page-template-accueil > main section#actualites > .container {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-accueil > main section#actualites .titre-general {
font-size: 18px;
line-height: 22px;
}
.page-template-accueil > main section#actualites .titre-general:after {
margin-top: 10px;
}
.page-template-accueil > main section#actualites .actu-principale {
margin-bottom: 30px;
}
.page-template-accueil > main section#actualites .actu-principale .visuel {
padding-right: 15px;
margin-bottom: 15px;
}
.page-template-accueil > main section#actualites .actu-principale .visuel .image {
height: 180px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel {
padding-left: 15px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .titre {
font-size: 16px;
line-height: 20px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .date-publication {
font-size: 12px;
line-height: 16px;
margin-bottom: 15px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .lire-la-suite {
margin-top: 15px;
}
.page-template-accueil > main section#actualites .actu-principale .textuel .lire-la-suite a {
padding: 5px 15px;
font-size: 14px;
line-height: 18px;
}
.page-template-accueil > main section#actualites .liste {
margin-bottom: 0;
}
.page-template-accueil > main section#actualites .liste .actualite .visuel .image {
height: 120px;
}
.page-template-accueil > main section#actualites .liste .actualite .textuel {
padding: 15px;
}
.page-template-accueil > main section#actualites .liste .actualite .textuel .titre {
font-size: 16px;
line-height: 20px;
}
.page-template-accueil > main section#actualites .liste .actualite .textuel .date-publication {
font-size: 12px;
line-height: 16px;
margin-bottom: 15px;
}
.page-template-accueil > main section#actualites .liste .actualite .lire-la-suite {
margin-top: 15px;
}
.page-template-accueil > main section#actualites .liste .actualite .lire-la-suite a {
font-size: 14px;
line-height: 18px;
}
.page-template-accueil > main section#actualites .lien-global a {
font-size: 14px;
line-height: 18px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation,
.page-template-best-seller > main section#presentation {
padding-top: 0;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel,
.page-template-best-seller > main section#presentation .textuel {
padding-bottom: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel .titre,
.page-template-best-seller > main section#presentation .textuel .titre {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .textuel .titre:after,
.page-template-best-seller > main section#presentation .textuel .titre:after {
margin-top: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .visuel,
.page-template-best-seller > main section#presentation .visuel {
text-align: center;
}
.page-template-la-societe-a-propos-de-nous > main section#presentation .visuel img,
.page-template-best-seller > main section#presentation .visuel img {
max-height: 200px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste > .row,
.page-template-best-seller > main section#resume .zone .liste > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element,
.page-template-best-seller > main section#resume .zone .liste .element {
padding-left: 7.5px;
padding-right: 7.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element .icone,
.page-template-best-seller > main section#resume .zone .liste .element .icone {
margin-bottom: 15px;
height: 45px;
line-height: 45px;
}
.page-template-la-societe-a-propos-de-nous > main section#resume .zone .liste .element .intitule,
.page-template-best-seller > main section#resume .zone .liste .element .intitule {
font-size: 14px;
line-height: 18px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite,
.page-template-best-seller > main section#identite {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs,
.page-template-best-seller > main section#identite nav .nav-tabs {
border: 0;
width: 100%;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a,
.page-template-best-seller > main section#identite nav .nav-tabs a {
display: block;
width: 100%;
max-width: 320px;
padding: 5px 15px;
border: 1px solid #e8e8e8;
border-bottom: 0;
border-radius: 0;
margin: auto !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a:last-child,
.page-template-best-seller > main section#identite nav .nav-tabs a:last-child {
border-bottom: 1px solid #e8e8e8;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a .nom,
.page-template-best-seller > main section#identite nav .nav-tabs a .nom {
font-size: 14px;
line-height: 18px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a:after,
.page-template-best-seller > main section#identite nav .nav-tabs a:after {
display: none;
}
.page-template-la-societe-a-propos-de-nous > main section#identite nav .nav-tabs a.active,
.page-template-best-seller > main section#identite nav .nav-tabs a.active {
background-color: #ef7d08;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts {
padding-top: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal {
padding: 0;
margin-bottom: 10px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
text-align: justify;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description {
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description p,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .description p {
text-align: justify;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note p,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-stage-outer .item .note p {
text-align: justify;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button {
top: -40px;
font-size: 10px;
line-height: 25px;
background-color: #ef7d08;
color: #ffffff;
width: 25px;
height: 25px;
border-radius: 100%;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button:hover,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button:hover {
background-color: #323232;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-prev,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-prev {
left: 50%;
margin-left: -32.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-next,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.principal .owl-nav button.owl-next {
right: 50%;
margin-right: -32.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item .nombre,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .item .nombre {
font-size: 14px;
line-height: 23px;
width: 25px;
height: 25px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button {
top: 3px;
position: absolute;
outline: 0;
color: #afadad;
font-size: 20px;
line-height: 20px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button:hover,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button:hover {
color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button.owl-prev,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button.owl-prev {
left: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button.owl-next,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-points-forts .owl-carousel.thumbnails .owl-nav button.owl-next {
right: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire {
padding-top: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal {
padding: 0;
margin-bottom: 10px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .visuel .image,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .visuel .image {
height: 180px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone {
width: 100%;
padding: 15px 0 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-stage-outer .item .textuel .zone .intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button {
top: -40px;
font-size: 10px;
line-height: 25px;
background-color: #ef7d08;
color: #ffffff;
width: 25px;
height: 25px;
border-radius: 100%;
position: absolute;
outline: none;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button:hover,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button:hover {
background-color: #323232;
color: #ffffff;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button.owl-prev,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button.owl-prev {
left: 50%;
margin-left: -32.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button.owl-next,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.principal .owl-nav button.owl-next {
right: 50%;
margin-right: -32.5px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item .nombre,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-stage-outer .item .nombre {
font-size: 14px;
line-height: 22px;
width: 55px;
height: 24px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav .item .nombre,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav .item .nombre {
font-size: 14px;
line-height: 23px;
width: 25px;
height: 25px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button {
position: absolute;
outline: 0;
color: #afadad;
font-size: 20px;
line-height: 20px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button:hover,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button:hover {
color: #ef7d08;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-prev,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-prev {
left: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-next,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-histoire .owl-carousel.thumbnails .owl-nav button.owl-next {
right: -1px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements {
padding-top: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .intitule,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .partenariats,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .partenariats {
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .partenariats .logos .logo {
margin-bottom: 15px;
height: 40px;
line-height: 40px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste {
margin-bottom: 0;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste > .row,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone {
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle {
height: 70px;
width: 70px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle img,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .icone .cercle img {
max-height: 60%;
max-width: 60%;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .intitule,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .liste .engagement .intitule {
font-size: 16px;
line-height: 20px;
}
.page-template-la-societe-a-propos-de-nous > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo,
.page-template-best-seller > main section#identite .tab-content .tab-pane#nav-engagements .certifications .logos .logo {
height: 50px;
line-height: 50px;
padding: 0 7.5px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire,
.page-template-best-seller > main section#devenir-partenaire {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .introduction .texte,
.page-template-best-seller > main section#devenir-partenaire .introduction .texte {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#devenir-partenaire .introduction .texte:after,
.page-template-best-seller > main section#devenir-partenaire .introduction .texte:after {
margin-top: 15px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement,
.page-template-best-seller > main section#recrutement {
height: auto;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel,
.page-template-best-seller > main section#recrutement .textuel {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .titre,
.page-template-best-seller > main section#recrutement .textuel .titre {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.page-template-la-societe-a-propos-de-nous > main section#recrutement .textuel .bouton a,
.page-template-best-seller > main section#recrutement .textuel .bouton a {
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
max-width: 250px;
width: 100%;
display: inline-block;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation {
padding-top: 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel {
padding-bottom: 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel .titre {
font-size: 18px;
line-height: 22px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .textuel .titre:after {
margin-top: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#presentation .visuel img {
max-height: 200px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements {
margin-bottom: 30px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone {
padding-bottom: 0;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .titre {
font-size: 18px;
line-height: 22px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste .engagement {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px;
}
.page-template-la-societe-rejoignez-lequipe > main section#engagements .zone .liste .engagement .intitule {
font-size: 14px;
line-height: 18px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .titre {
margin-bottom: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .titre:after {
margin-top: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone {
padding: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .icone {
height: 45px;
line-height: 45px;
margin-bottom: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .informations {
margin-bottom: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .informations .info {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .en-savoir-plus {
margin-top: -15px;
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .liste .offre .zone .bouton a {
font-size: 14px;
line-height: 18px;
padding: 7.5px 15px;
border-radius: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header {
padding: 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 18px;
line-height: 22px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-header .close {
font-size: 30px;
line-height: 12px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-body {
padding: 0 15px;
}
.page-template-la-societe-rejoignez-lequipe > main section#offres-demploi .modal .modal-dialog .modal-content .modal-body textarea {
height: 180px;
}
.page-template-nos-produits > main section#produits,
.tax-categorie_produit > main section#produits {
padding-bottom: 15px;
}
.page-template-nos-produits > main section#produits .categories,
.tax-categorie_produit > main section#produits .categories {
padding-right: 15px;
margin-bottom: 30px;
}
.page-template-nos-produits > main section#produits .categories .bouton-filtrer button,
.tax-categorie_produit > main section#produits .categories .bouton-filtrer button {
outline: 0;
padding: 7.5px 15px;
background-color: #ef7d08;
color: #ffffff;
font-weight: 600;
border: 0;
display: block;
width: 100%;
max-width: 250px;
border-radius: 25px;
margin: auto;
font-size: 14px;
line-height: 18px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-nos-produits > main section#produits .categories .bouton-filtrer button:hover,
.tax-categorie_produit > main section#produits .categories .bouton-filtrer button:hover {
background-color: #323232;
}
.page-template-nos-produits > main section#produits .categories .filtres,
.tax-categorie_produit > main section#produits .categories .filtres {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 100;
overflow: scroll;
height: 100%;
}
.page-template-nos-produits > main section#produits .categories .filtres .titre-filtres,
.tax-categorie_produit > main section#produits .categories .filtres .titre-filtres {
padding: 10px 15px 0;
text-align: center;
color: #323232;
font-weight: 600;
font-size: 18px;
line-height: 18px;
margin-bottom: 15px;
position: relative;
}
.page-template-nos-produits > main section#produits .categories .filtres .titre-filtres:after,
.tax-categorie_produit > main section#produits .categories .filtres .titre-filtres:after {
content: '';
height: 2px;
background-color: #ef7d08;
display: block;
width: 100%;
margin-top: 10px;
}
.page-template-nos-produits > main section#produits .categories .filtres .titre-filtres .fermer-filtres,
.tax-categorie_produit > main section#produits .categories .filtres .titre-filtres .fermer-filtres {
position: absolute;
right: 15px;
font-size: 18px;
top: 10px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
color: #ef7d08;
}
.page-template-nos-produits > main section#produits .categories .filtres .titre-filtres .fermer-filtres:hover,
.tax-categorie_produit > main section#produits .categories .filtres .titre-filtres .fermer-filtres:hover {
color: #323232;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li {
padding: 0 15px;
margin-bottom: 25px;
width: 50%;
display: inline-block;
vertical-align: top;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li h4,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li h4 {
font-size: 14px;
line-height: 18px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li {
margin-bottom: 0px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='checkbox'] ul li label {
font-size: 14px;
line-height: 18px;
padding-left: 19px;
}
.page-template-nos-produits > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label select,
.tax-categorie_produit > main section#produits .categories .filtres .searchandfilter > ul > li[data-sf-field-input-type='select'] label select {
min-width: 0;
}
.page-template-nos-produits > main section#produits .liste,
.tax-categorie_produit > main section#produits .liste {
padding-left: 15px;
}
.page-template-nos-produits > main section#produits .liste > .row,
.tax-categorie_produit > main section#produits .liste > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-nos-produits > main section#produits .liste .produit,
.tax-categorie_produit > main section#produits .liste .produit {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .stock span,
.tax-categorie_produit > main section#produits .liste .produit .zone .stock span {
padding: 2.5px 15px 2.5px 0;
font-size: 12px;
line-height: 12px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel {
padding: 15px 15px 0;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .nom,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .nom {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite {
padding: 0 15px;
}
.page-template-nos-produits > main section#produits .liste .produit .zone .textuel .lire-la-suite a,
.tax-categorie_produit > main section#produits .liste .produit .zone .textuel .lire-la-suite a {
font-size: 14px;
line-height: 18px;
}
.single-produit > main section .titre-secondaire {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.single-produit > main section .titre-secondaire:after {
margin-top: 15px;
}
.single-produit > main section#fiche-produit .informations-principales {
padding-bottom: 30px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel {
margin-bottom: 30px;
padding-top: 0;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.principal {
margin-bottom: 15px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.principal .owl-stage-outer .item a {
height: 200px;
padding: 0;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-stage-outer .item {
height: 50px;
line-height: 50px;
}
.single-produit > main section#fiche-produit .informations-principales .visuel .diaporama-photos .owl-carousel.thumbnails .owl-nav button {
top: 30%;
font-size: 15px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction {
margin-bottom: 15px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .principale .nom {
font-size: 18px;
line-height: 22px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire {
margin-top: 5px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .introduction .secondaire .stock {
font-size: 12px;
line-height: 16px;
padding: 5px 15px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .resume .card .card-header button {
font-size: 14px;
line-height: 18px;
padding: 15px 15px 15px 0;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .machines-compatibles {
margin-top: 15px;
}
.single-produit > main section#fiche-produit .informations-principales .textuel .boutons .bouton a {
font-size: 14px;
line-height: 18px;
max-width: 250px;
margin: auto;
}
.single-produit > main section#caracteristiques {
padding-top: 30px;
}
.single-produit > main section#caracteristiques .container:after {
margin-top: 10px;
}
.single-produit > main section#caracteristiques .caracteristique {
margin-bottom: 15px;
}
.single-produit > main section#caracteristiques .caracteristique .intitule {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.single-produit > main section#caracteristiques .caracteristique .contenu p {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.single-produit > main section#telechargements {
padding-top: 30px;
}
.single-produit > main section#telechargements .categories {
padding-bottom: 15px;
}
.single-produit > main section#telechargements .categories .categorie {
margin-bottom: 10px;
}
.single-produit > main section#telechargements .categories .categorie .nom {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
.single-produit > main section#accessoires-associes {
padding-top: 30px;
padding-bottom: 30px;
}
.single-produit > main section#accessoires-associes .owl-carousel {
padding: 40px 0 0;
position: relative;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .stock span {
padding: 2.5px 15px 2.5px 0;
font-size: 12px;
line-height: 12px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel {
padding: 15px 15px 0;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .nom {
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-stage-outer .item .zone .textuel .lire-la-suite a {
font-size: 14px;
line-height: 18px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button {
top: 0;
font-size: 10px;
line-height: 25px;
background-color: #ef7d08;
color: #ffffff;
width: 25px;
height: 25px;
border-radius: 100%;
position: absolute;
outline: none;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button:hover {
background-color: #323232;
color: #ffffff;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.owl-prev {
left: 50%;
margin-left: -32.5px;
}
.single-produit > main section#accessoires-associes .owl-carousel .owl-nav button.owl-next {
right: 50%;
margin-right: -32.5px;
}
.page-template-supports-pieces-detachees > main section .table table th,
.page-template-supports-pieces-detachees > main section .table table td {
padding: 5px 15px;
}
.page-template-supports-pieces-detachees > main section#fil-dariane {
margin-bottom: 0px;
}
.page-template-supports-pieces-detachees > main section#produits {
margin-bottom: 30px;
}
.page-template-supports-pieces-detachees > main section#produits .champ-recherches {
margin-bottom: 30px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre {
margin-bottom: 30px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span {
font-size: 18px;
line-height: 22px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:before,
.page-template-supports-pieces-detachees > main section#bon-de-commande .titre span:after {
bottom: 10px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions {
margin-bottom: 15px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton a,
.page-template-supports-pieces-detachees > main section#bon-de-commande .boutons-actions .bouton button {
padding: 7.5px 15px;
font-size: 14px;
line-height: 18px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .total-ht {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
padding-right: 15px;
}
.page-template-supports-pieces-detachees > main section#bon-de-commande .total-ht span {
margin-left: 5px;
}
.page-template-supports-demande-de-garantie > main section#formulaire {
margin-bottom: 30px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .introduction .texte {
font-size: 14px;
line-height: 18px;
margin-bottom: 30px;
}
.page-template-supports-demande-de-garantie > main section#formulaire .formulaire textarea {
height: 180px;
}
.page-template-supports-formations > main section#presentation {
padding-bottom: 15px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs {
margin-bottom: 30px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item {
min-width: 0;
}
.page-template-supports-formations > main section#presentation .types-de-formations .nav-tabs .nav-item .nav-link {
font-size: 14px;
line-height: 18px;
padding: 0 3.5px 5px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .titre-general {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays {
margin-bottom: 30px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .nom-pays {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .nom-periode {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .formations .formation {
margin-bottom: 15px;
}
.page-template-supports-formations > main section#presentation .types-de-formations .tab-content .tab-pane .calendrier .agenda .pays .periodes .periode .formations .formation .nom-formation {
font-size: 14px;
line-height: 18px;
}
.page-template-supports-formations > main section#inscription-formation {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-supports-formations > main section#inscription-formation .introduction .texte {
margin-bottom: 15px;
}
.page-template-supports-formations > main section#inscription-formation .formulaire textarea {
height: 180px;
}
.page-template-actualites > main section#actualites .grid > .row,
.page-template-recompenses > main section#actualites .grid > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-actualites > main section#actualites .grid .actualite,
.page-template-recompenses > main section#actualites .grid .actualite {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .visuel .image,
.page-template-recompenses > main section#actualites .grid .actualite .zone .visuel .image {
height: auto;
padding-top: 100%;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .textuel,
.page-template-recompenses > main section#actualites .grid .actualite .zone .textuel {
padding: 15px;
padding-bottom: 30px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .textuel .titre,
.page-template-recompenses > main section#actualites .grid .actualite .zone .textuel .titre {
font-size: 16px;
line-height: 20px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite {
padding: 0 15px 5px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite a,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite a {
font-size: 14px;
line-height: 18px;
}
.page-template-actualites > main section#actualites .grid .actualite .zone .lire-la-suite:before,
.page-template-recompenses > main section#actualites .grid .actualite .zone .lire-la-suite:before {
margin-bottom: 5px;
}
.page-template-actualites > main section#newsletter,
.page-template-recompenses > main section#newsletter {
padding: 30px 0;
}
.page-template-actualites > main section#newsletter .titre-secondaire,
.page-template-recompenses > main section#newsletter .titre-secondaire {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-actualites > main section#newsletter .titre-secondaire:after,
.page-template-recompenses > main section#newsletter .titre-secondaire:after {
margin-top: 15px;
}
.page-template-actualites > main section#newsletter .fichier p,
.page-template-recompenses > main section#newsletter .fichier p {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.single-post > main section .titre-general {
font-size: 18px;
line-height: 22px;
}
.single-post > main section .titre-general:after {
margin-top: 15px;
}
.single-post > main section#contenu-actualite {
padding-bottom: 30px;
}
.single-post > main section#contenu-actualite .partage {
margin-top: 30px;
}
.single-post > main section#contenu-actualite .partage .intitule {
font-size: 14px;
line-height: 18px;
}
.single-post > main section#contenu-actualite .partage .liste ul li a img {
max-width: 30px;
}
.single-post > main section#autres-actualites > .container {
padding-bottom: 0;
}
.single-post > main section#autres-actualites .liste .actualite .visuel .image {
height: auto;
padding-top: 100%;
}
.single-post > main section#autres-actualites .liste .actualite .textuel {
padding: 15px;
padding-bottom: 30px;
}
.single-post > main section#autres-actualites .liste .actualite .textuel .titre {
font-size: 16px;
line-height: 20px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite {
padding: 0 15px 5px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite a {
font-size: 14px;
line-height: 18px;
}
.single-post > main section#autres-actualites .liste .actualite .lire-la-suite:before {
margin-bottom: 5px;
}
.page-template-contact > main section#contacter {
margin-bottom: 30px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe {
padding-top: 15px;
padding-bottom: 5px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .nom {
font-size: 18px;
line-height: 22px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .pays {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-contact > main section#contacter .coordonnees .societes .societe .infos .info {
font-size: 14px;
line-height: 18px;
}
.page-template-contact > main section#formulaire {
margin-bottom: 30px;
}
.page-template-contact > main section#formulaire .introduction {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-mentions-legales > main section#fil-dariane {
margin-bottom: 0;
}
.page-template-confidentialite > main section#fil-dariane {
margin-bottom: 0;
}
.page-template-espace-partenaire > main section .titre-general {
margin-bottom: 30px;
font-size: 18px;
line-height: 22px;
}
.page-template-espace-partenaire > main section .titre-general:after {
margin-top: 15px;
}
.page-template-espace-partenaire > main section#fil-dariane {
margin-bottom: 0;
}
.page-template-espace-partenaire > main section#resume .nom-prenom {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.page-template-espace-partenaire > main section#resume .informations {
font-size: 14px;
line-height: 18px;
padding-bottom: 20px;
}
.page-template-espace-partenaire > main section#privileges {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-espace-partenaire > main section#privileges .liste > .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege {
margin-bottom: 15px;
padding-left: 7.5px;
padding-right: 7.5px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .visuel .image {
height: auto;
padding-top: 100%;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .textuel {
height: 50px;
}
.page-template-espace-partenaire > main section#privileges .liste .privilege a .textuel .intitule {
font-size: 14px;
line-height: 18px;
}
.page-template-espace-partenaire > main section#privileges .banniere-publicitaire .owl-carousel .owl-dots {
bottom: 5px;
}
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .intitule,
.page-template-espace-partenaire > main section#contacts .liste .contact .zone .textuel .valeur {
text-align: center;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section .titre-general {
font-size: 18px;
line-height: 22px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section .titre-general:after {
margin-top: 15px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#fil-dariane {
margin-bottom: 0;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume .nom-prenom {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .label {
font-size: 14px;
line-height: 18px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form .champ .input input {
font-size: 14px;
line-height: 18px;
}
.page-template-espace-partenaire-mes-infos-personnelles > main section#resume form input[type='submit'] {
font-size: 14px;
line-height: 18px;
}
}