/**
 * Editor
 **/
 
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Pagination
 **/
 
.pagination { margin:30px 0; padding:0; list-style:none; }
.pagination ul { margin:0; padding:0; list-style:none; }
.pagination li { display:inline-block; margin:0 2px; }
.pagination li a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination li.active a { background:rgba(0,0,0,0.1); }

/**
 * Responsive Menus
 **/
#header .hamburger { display:none; position:relative; padding:0; }
#header .hamburger:hover { opacity:1; }
#header .hamburger:focus { outline:none; }

@media (max-width: 992px) {
  #header .hamburger { display:inline-block; }
  #header .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; list-style:none; margin:0; padding:0; }
  
  /* Fullscreen */
  body.fullscreen #header .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  body.fullscreen #header .hamburger { z-index: 10; }
  
  body.fullscreen.fade #header .menu { opacity:0; visibility:hidden; }
  body.fullscreen.fade.open #header .menu { opacity:1; visibility:visible; }
  
  body.fullscreen.top #header .menu { transform:translateY(-100%); }
  body.fullscreen.top.open #header .menu { transform:translateY(0); }
  
  body.fullscreen.right #header .menu { transform:translateX(100%); }
  body.fullscreen.right.open #header .menu { transform:translateX(0); }
  
  body.fullscreen.bottom #header .menu { transform:translateY(100%); }
  body.fullscreen.bottom.open #header .menu { transform:translateY(0); }
  
  body.fullscreen.left #header .menu { transform:translateX(-100%); }
  body.fullscreen.left.open #header .menu { transform:translateX(0); }
  
  /* Over */
  body.over #header .menu { position:fixed; }
  body.over #header .hamburger { z-index: 10; }
  
  body.over.top #header .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  body.over.top.open #header .menu { transform:translateY(0); }
  
  body.over.right #header .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  body.over.right.open #header .menu { transform:translateX(0); }
  
  body.over.bottom #header .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  body.over.bottom.open #header .menu { transform:translateY(0); }
  
  body.over.left #header .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  body.over.left.open #header .menu { transform:translateX(0); }
  
  /* Push */
  body.push { transition:all 0.5s ease 0s; overflow-x:hidden; }
  body.push #header .menu { position:fixed; }
  
  body.push.top #header .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  body.push.top.open { transform:translateY(300px); }
  
  body.push.right #header .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  body.push.right.open { transform:translateX(-300px); }
  
  body.push.bottom #header .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  body.push.bottom.open { transform:translateY(-300px); }
  
  body.push.left #header .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  body.push.left.open { transform:translateX(300px); }
}

/**
 * All elements
 */

.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; }

.field [data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
.field [data-validate-for].visible { display:block; }

/**
 * Textfields & Textarea
 */

.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/**
 * Checkbox & Radio
 */

.field.checkbox,
.field.radio { line-height: 20px; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:10px; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

/* checkbox */

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

/* Radio */

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/**
 * Select
 */

/* Standard select */
.field.select2 select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Select2 */
.field.select2 .select2-selection { border-radius:0; border:1px solid #ccc; height:46px; }
.field.select2 .select2-selection__rendered { line-height:46px; }
.field.select2 .select2-selection__arrow { height:46px; }

/**
 * Addresses
 */

.field.address .ap-input { height:auto; line-height:auto; border-radius:0; }
.field.address .ap-dropdown-menu { color:#000; }

/**
 * Captcha
 **/

.field.captcha { display:flex; justify-content:center; }
/**
 * General Elements
 **/

body { font-family:'Roboto'; font-weight:300; font-size:18px; overflow-x:hidden; }
:focus { outline:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes] { display: block; width: 100%; }

strong, b { font-weight:700; }

/* Forms */
.field.textfield { position:relative; }
.field.textfield label { color:#8a8770; position:absolute; left:15px; top:50%; transform:translateY(-50%); }
.field.textfield input { border:1px solid #a8a8a7; padding:15px; }
.field.textfield.filled label { display:none; }

.field.textarea { position:relative; }
.field.textarea label { color:#8a8770; position:absolute; left:15px; top:15px; }
.field.textarea textarea { border:1px solid #a8a8a7; padding:15px; }
.field.textarea.filled label { display:none; }

.field.submit { text-align:left; }
.field.submit .btn { background:#303030; color:#fff; border:1px solid #303030; text-transform:uppercase; padding:10px 40px; }

/**
 * Layout
 **/
 
/* Header */
#header .container { text-align:center; padding:100px 15px 50px 15px; }
#header .logo { margin-bottom:60px; display:inline-block; }
#header .menu { margin:0; padding:0; font-family:'Noto Serif', serif; display:flex; flex-direction:row; justify-content:space-between; list-style:none; font-size:20px; position:relative; }
#header .menu a { color:#8a8770; padding:0; }
#header .menu a:hover { text-decoration:none; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #8a8770; }

.hamburger { display:none; }

#footer { padding:60px 0 60px 0; line-height:2em; border-top:1px solid #8a8770; font-size:20px; }
#footer ul { list-style:none; margin:0; padding:0; }
#footer ul a { color:#8a8770; }
#footer h2 { font-family:'Noto Serif', serif; font-size:34px; color:#000; font-weight:normal; text-align:center; }
#footer h2:after { content:''; width:35px; height:1px; background:#000; display:block; margin:20px auto; }
#footer i { padding:10px 15px; border:1px solid #8a8770; margin-right:15px; }
#footer .left { text-align:left; }
#footer .center { text-align:center; }
#footer .right { text-align:right; }
 
/* General */

.container-big { width:1670px; margin:0 auto; }

.intro { margin-bottom:160px; position:relative; visibility:hidden; }
.intro .container-big { position:relative; }
.intro .slider .swiper-container { height:100%; }
.intro .slider img { height:100%; object-fit:cover; }
.intro .text {  padding:100px; border-left:7px solid #fff; }
.intro .text .inner { text-align:justify; max-width:60%; }
.intro .text h1 { font-family:'Noto Serif', serif; font-size:60px; color:#1d1d1b; font-weight:normal; margin-bottom:30px; }
.intro .text p { color:#57505a; line-height:2em; }
.intro .svg { visibility:hidden; }

.intro .caption { position:absolute; left:150px; bottom:-120px; background:rgba(0,0,0,0.8); color:#fff; max-width:450px; padding:50px 100px; font-family:'Noto Serif', serif; z-index:3; }
.intro .caption h2 { color:#fff; font-weight:normal; font-size:28px; }
.intro .caption p { color:#fff; font-size:20px; }

/* Accueil */
#accueil .intro { padding:130px 0 50px 0; margin-bottom:0; position:relative; z-index:2; }
#accueil .intro h2 { color:#212120; font-family:'Noto Serif', serif; font-size:50px; font-weight:normal; line-height:0.8em; }
#accueil .intro h2 i { color:#8a8770; font-family:'Roboto'; font-weight:300; font-size:30px; font-style:normal; }
#accueil .intro p { color:#57505a; line-height:2em; text-align:justify; }
#accueil .intro .images { float:right; margin-right:100px; margin-top:-200px; }
#accueil .intro .images img { margin-bottom:10px; }
#accueil .intro .svg { width:500px; position:absolute; left:-100px; top:50%; transform:translateY(-50%) !important; }

#accueil .jobs { position:relative; padding-right:140px; }
#accueil .jobs .container-big { padding:150px; background:url(../themes/avotreimage/assets/img/chemise.jpg) no-repeat center center; background-size:cover; }
#accueil .jobs .caption { max-width:600px; background:rgba(255,255,255,0.8); padding:80px 130px; text-align:center; }
#accueil .jobs .caption ul { margin:0; padding:0; list-style:none; font-size:25px; margin-top:30px; }
#accueil .jobs .caption li { margin:10px 0; }
#accueil .jobs .svg { width:850px; position:absolute; right:-500px; padding-left:170px; top:50%; transform:translateY(-50%) !important; z-index:-1; }

#accueil #footer { border-top:none; }

/* Créations */
#creation .intro .text { background:#efe8e2; position:relative; }
#creation .intro .caption { background:rgba(155,152,143,0.90); }
#creation .intro .caption h2 { color:#1d1c1a; }
#creation .intro .caption p { color:#fff;  }
#creation .intro .svg { position:absolute; right:-235px; bottom:-120px; width:480px; z-index: 2; }

/* Réparations */
#reparation .intro .text { background:#bebbae; }
#reparation .intro .text h1 { color:#fff; }
#reparation .intro .caption { background:rgba(45,43,38,0.9); }
#reparation .intro .caption h2 { color:#fff; }
#reparation .intro .caption p { color:#bebbae; }
#reparation .intro .svg { position:absolute; right:-235px; bottom:-120px; width:480px; z-index: 2; }

/* Marques */
#marques .intro { margin-bottom:0; }
#marques .intro .text { background:#3d3b38; }
#marques .intro .text h1 { color:#fff; }
#marques .intro .text p { color:#98978c; }
#marques .carousel { padding:100px 0; }
#marques .carousel .swiper-wrapper { align-items:center; }
#marques .intro .svg { position:absolute; right:-300px; top:50%; width:550px; transform:translateY(-50%) !important; z-index: 2; }

/* Contact */
#contact .intro .row { justify-content: space-between; }
#contact .intro .text { background:#8a8770; padding:80px; }
#contact .intro .text h1 { color:#1d1d1b; }
#contact .intro .text p { color:#1d1d1b; }
#contact .intro .text .address p { color:#fff; }
#contact .intro .svg { position:absolute; right:-100px; top:50%; width:480px; transform:translateY(-50%) !important; z-index: 2; }

#contact .intro a { color:#fff; }

/* Pages */
.page table { width:100%; margin:20px 0; }
.page table tr, .page table td { padding:10px; border:1px solid #ccc; }

@media (max-width: 1700px) {
  body { font-size:16px; }
  .container-big { width:1170px; padding-left:15px; padding-right:15px; }
  #header .container { padding-top:60px; }
  #header .logo { margin-bottom:40px; }
  
  #accueil .intro { padding-top:60px; }
  #accueil .intro h2 { font-size:40px; }
  #accueil .intro h2 i { font-size:25px; }
  #accueil .intro .images { margin-top:-150px; max-width:250px; }
  #accueil .intro .svg { width:400px; }
  
  
  .intro .text .inner { max-width:100%; }
  .intro .text h1 { font-size:50px; }
  .intro .caption { padding:30px 50px; max-width:350px; }
  .intro .caption h2 { font-size:24px; }
  .intro .caption p { font-size:16px; }
  #main .intro .svg { z-index:-1; }
}

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  .container-big { width:960px; }
  #header .container { padding-top:40px; }
  #header .logo { margin-bottom:40px; }
  .intro { margin-bottom:60px; }
  .intro .text { padding:50px; }
  .intro .text h1 { font-size:40px; }
  .intro .caption { position:static; max-width:100%; margin-top:7px; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  .container-big { width:720px; padding-left:15px; padding-right:15px; }
  .svg { display:none; }
  #accueil .intro .images { margin-right:30px; margin-top:0; }
  #accueil .jobs { padding-right:0; }
  #accueil .jobs .container-big { padding:100px; }
  #accueil .jobs .caption { padding:60px 100px; }
  #header #magic-line { display:none; }
  #header .container { position:static; }
  #header .hamburger { position:absolute; left:50%; top:15px; transform:translateX(-50%); }
  body.open #header .hamburger-inner, body.open #header .hamburger-inner::after, body.open #header .hamburger-inner::before { background:#98978c; }
  #header .container { padding-top:80px; }
  #header .logo { margin-bottom:0; }
  #header .menu { flex-direction:column; justify-content:center; background:rgba(61,59,56,.95); }
  #header .menu li { margin:0; }
  #header .menu li:before { content:''; display:block; margin:15px auto; width:50px; height:1px; background:#98977c; }
  #header .menu li:first-child:before { content:none;  }
  #header .menu li a { color:#98978c; }
  
  
  #footer .left { text-align:center; margin-bottom:20px; }
  #footer .right { text-align:center; margin-top:20px; }
  #footer .right i { display:none; }
  
  .intro .slider { order:2; margin-top:7px; }
  .intro .text { border-left:none; margin-top:7px; order:1; }
  
  #contact .intro .text { padding:30px; margin-top:0; align-self:flex-start; }
  
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  .container-big { width:540px; padding-left:15px; padding-right:15px; }
  .intro { visibility:visible; }
  #accueil .intro h2 { font-size:35px; }
  #accueil .intro h2 i { font-size:20px; }
  #accueil .intro { padding-top:20px; }
  #accueil .intro .left { order:2; }
  #accueil .intro .right { order:1; }
  #accueil .intro .images { float:none; margin-right:0; display:flex; flex-direction:row; justify-content:space-between; max-width:100%; margin-top:15px; }
  #accueil .intro .images img:first-child { margin-right:15px; }
  
  #accueil .jobs .container-big { padding:50px; }
  #accueil .jobs .caption { padding:40px 80px; }
  .intro .slider .swiper-container { max-height:420px; }
  
  #contact .intro .text { order:1; }
  #contact .intro .form { order:2; margin-top:30px; }
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  .container-big { width:100%; padding-left:15px; padding-right:15px; }
  #accueil .intro h2 { font-size:30px; }
  #accueil .jobs .container-big { padding:30px; }
  #accueil .jobs .caption ul { font-size:18px; }
}