/**
 * Typography
 */

@font-face {
  font-family: 'Bellota';
  src: url("fonts/bellota/Bellota-Regular.eot");
  src: url("fonts/bellota/Bellota-Regular.eot?#iefix") format('embedded-opentype'),
       url("fonts/bellota/Bellota-Regular.woff2") format('woff2'), 
       url("fonts/bellota/Bellota-Regular.woff") format('woff'), 
       url("fonts/bellota/Bellota-Regular.ttf")  format('truetype'), 
       url("fonts/bellota/Bellota-Regular.svg#BellotaRegular") format('svg'); 
}

@font-face {
  font-family: 'arcon';
  src: url("fonts/arcon/Arcon-Rounded-Regular.eot"); 
  src: url("fonts/arcon/Arcon-Rounded-Regular.eot?#iefix") format('embedded-opentype'), 
       url("fonts/arcon/Arcon-Rounded-Regular.woff2") format('woff2'), 
       url("fonts/arcon/Arcon-Rounded-Regular.woff") format('woff'), 
       url("fonts/arcon/Arcon-Rounded-Regular.ttf")  format('truetype'), 
       url("fonts/arcon/Arcon-Rounded-Regular.svg#ArconRoundedRegular") format('svg'); 
}

@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome/fontawesome-webfont.eot?v=#4.1.0");
  src: url("fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=#4.1.0") format("embedded-opentype"), url("fonts/fontawesome/fontawesome-webfont.woff2?v=#4.1.0") format("woff2"), url("fonts/fontawesome/fontawesome-webfont.woff?v=#4.1.0") format("woff"), url("fonts/fontawesome/fontawesome-webfont.ttf?v=#4.1.0") format("truetype"), url("fonts/fontawesome/fontawesome-webfont.svg?v=#4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* = Global
-------------------------------------------------------------- */

html {
	font-size:100%;
}

body {
	background-color: #fdfdfd;
	color: #777;
	font-family: 'arcon', arial, sans-serif;
	font-size: 1em;
	line-height: 1.8;
	margin: 0;
}

.content {
	clear: both;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0 auto;
	max-width: 1100px;
	padding: 0;
}

.content h1::before {
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #d5dde1;
    bottom: -15px;
    content: "";
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}

.content h1::after {
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    bottom: -14px;
    content: "";
    height: 0;
    left: 61px;
    position: absolute;
    width: 0;
}

.content h1 {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #f5f5f5;
	box-shadow: 0 4px 4px #f4f4f4;
	color: #ccc;
	font-size: 1.4rem;
	line-height: 1.6rem;
	margin: 1em 0;
	padding: 0.3em 0.5em 0.4em;
	position: relative;
}

h2 {
	background-color: #f8f8f8;
	border-bottom: solid 3px #afe127;
	color: #777;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1.2em !important;
	margin: 2em 0 1em 0;
	padding: 0 0.5em 0.2em 0.5em;
}

h2.otop {
	margin-top: 0;
}

h4 {
	margin: 1em 0 0;
	padding: 0 0 0 2em;
}

p {
	margin: 0 0 1em 0;
}

a {
	color: #007fff;
}

.big {
	font-size: 1.4rem;
}

.important {
    background-color: #FF9977;
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #FF9977, #FF9977 20px, #FFA387 20px, #FFA387 40px) repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    margin: 0 0 2em;
    padding: 1rem;
}

.img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.img-ent {	
	border-bottom: 4px solid #262B33;
	display: block;
	margin: 0;
}

.intro {
	background-color: #E8EBEF;
	color: #3D434D;
	margin-top: 0;
	padding: 1.5em;
}

.intro-box {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #3D434D;
	margin-top: 0;
	padding: 1.5em 1.5em 0.5em 1.5em;
}

.arr {
	border-radius: 50%;
}

.clr {
	clear: both;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

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

.part-left, .part-right {
	max-width: 45%;
}

.part-2 {
	width: 50%;
}

.btn {
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0 none !important;
	background-color: #007fff !important;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5em;
	padding: 0.2em 1em;
	text-decoration: none;
}

.btn:hover {
	background-color: #0273E5 !important;
}


/* = Header
-------------------------------------------------------------- */

header {
	background-color: #fdfdfd;
	border-bottom: 2px solid #AFE127;
	padding: 1em 0 2em;
	position: relative;
}

header::after {
    border-top: 10px solid #AFE127;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    bottom: -12px;
    width: 0;
    z-index: 999;
}

#bd-hd {
	background-color: #fdfdfd;
	height: 3em;
	padding: 0.2em 0 0.6em 0.5em;
}

.bd-hd-fixed {
	background-color: #fdfdfd !important;
	border-bottom: 4px solid #AFE127;
	margin: 0 auto;
	opacity: .97;
	padding: 0 0 2.3em 0 !important;
	position: fixed;
	top: -100px;
	-ms-transform: translate(0, -0); /* IE 9 */
    -webkit-transform: translate(0, -0); /* Safari */
    transform: translate(0, 100px);
    transition-duration: .55s;
	width: 100%;

}

#site-header {
	margin: 0 auto;
	max-width: 1100px;
}

.site-name {
	float: left;
	font-size: 2em;
	line-height: 3.2rem;
}

.site-name a {
	background: url("images/logo.png") 0 0 no-repeat;
	color: #555;
	padding: 40px 0 0 80px;
	text-decoration: none;
}

.site-name-z {
	color: #AFE127;
}

.site-description {
	color: #555;
	font-size: 1em;
	float: left;
	margin: 0.5em 0 0 0.5em;
}

.site-description-fixed {
	margin: 0 0 0 0.5em !important;
}


/* = Navigation
-------------------------------------------------------------- */

#site-navigation {
	float: none;
	line-height: 1.3rem;
	margin: 0;
}

#pull {
	background-color: transparent;
	border: 0;
	color: #AFE127;
	cursor: pointer;
	float: right;
	font-size: 1.3em;
	margin: 0.4em 0 0;
}

.pull-fixed {
	margin: 0 0 0 !important;
}

#site-navigation ul {
	background-color: #fdfdfd;
	border-bottom: 4px solid #AFE127;
	display: none;
	float: left;
	line-height: 1.3rem;
	margin: 0 0 2em -1em;
	padding: 1em 0 1em 3em;
	width: 100%;
}

#site-navigation li {
	float: none;
	list-style: none;
}

.nav-accueil::before {
	color: #AFE127;
	content: "\f015";
	font-size: 1.5em;
	font-family: FontAwesome;
    left: -0.8em;
    position: absolute;
    top: 6px;
}

 .nav-accueil {
    color: #fff;
    cursor: pointer;
	padding-left: 0 !important;
    position: relative;
 }

 .menu-item {
	border-right: 0px solid #595e66;
	color: #222;
	display: block;
	font-size: 1.2rem;
	float: none;
	list-style: none;
	padding: 0.4em 0.8em;
	text-decoration: none;
 }

 .menu-item:hover {
	background-color: #AFE127;
	color: #fff;
 }


/* = Slider
-------------------------------------------------------------- */

#slider-header {
	background-color: #0D0503;
	---background: url("images/slide-01.jpg") no-repeat;
	---background-size: contain;
	---background-size: 100% 100%;
	clear: both;
	margin: auto 0;
	padding: 0;
	position: relative;
}

.slid-slog {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
	vertical-align: baseline;
}

#slider-header h1 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
	color: #fff;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1em;
	line-height: 1.5rem;
	margin: 0 auto;
	padding: 0.5em;
	text-align: center;
}

.slid-img {
	border: 0 none;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}


/* = Accueil
-------------------------------------------------------------- */

#com-acc {
	background-color: #f7f7f7;
	border-bottom: 4px solid #AFE127;
	margin-bottom: 5em;
	padding: 2em 0;
}

#cle-box {
    background-color: #f2f2f3;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

.cle {
	color: #6D6D91;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1.3em;
	padding: 0.8em 0;
	position: relative;
	text-align: center;
}

.com-acc-box {
	margin: 0 auto;
	max-width: 1100px;
}

.ord-acc {
	margin: 0 auto;
	max-width: 906px;
}

.slog-acc-box {
	margin: 0;
	max-width: 1100px;
	text-align: center;
}

.slog-acc {
	color: #113a63 !important;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1.1em;
}

.btn-acc {
	margin: 2em 0 0;
}

.btn-slog {
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #007fff;
	color: #fff;
	display: inline-block;
	font-size: 1em;
	padding: 0.5em 1em;
	text-decoration: none;
}

.btn-slog:hover {
	background-color: #0273E5;
}

#qui-acc {
	margin: 0 auto;
	max-width: 900px;
}

.qui-sommes-nous, .services {
	background-color: #fff;
	border: 1px solid #d5dde1;
    color: #113a63;
    float: none;
    margin: 0 auto;
    margin-bottom: 2em;
    max-width: 100%;
}

.pres-img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 70px;
	padding: 1.5em 0 0;
}

.qui-sommes-nous h2, .services h2 {
	background-color: transparent;
	border-bottom: 0 none;
	color: #113a63;
	font-family: 'Bellota', arial, sans-serif;
	margin: 0.5em 0 ;
	text-align: center;
}

.box-acc {
	background-color: #F4F4F4;
    font-size: 1rem;
    padding: 1.5em;
}

.dev-acc {
	background: url(images/mbp.jpg) repeat;
	border-top: 1px solid #d5dde1;
	clear: both;
	margin-top: 3em;
	padding: 5em 0;
	text-align: center;
}

.quest {
	color: #113a63;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}

.sseng {
	color: #777B7F; 
	margin: 1em 0 0;
}

#av-cl {
	background-color: #F2F2F3;
	border-bottom: 1px solid #d9d9d9;
	border-top: 4px solid #6d6d91;
}

#av-cl-box {
	margin: 0 auto;
	max-width: 1100px;
	padding: 2em 2em 5em;
}

.av-tt::before {
	color: #6D6D91;
	content: "\f086";
	font-family: FontAwesome;
	font-size: 1.1em;
    left: 0;
    position: absolute;
    top: -2px;
}

.av-tt {
	color: #113a63;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1.2em;
	margin: 1em 0 0;
	padding-left: 26px;
	position: relative;
}

.av-l, .av-c, .av-r {
    display: inline-block;
	float: none;
	margin: 0 0 2em 0;
	max-width: 100%;
	vertical-align: top;
}

.av-avatar-img {
	border: 5px solid #fff;
	border-radius: 50%;
	float: left;
	margin: 1em 1em 1em 0;
}

.av-header {
	margin-bottom: 15px;
}

.av-inf {
	float: left;
}

.av-author::before {
	color: #6D6D91;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 1em;
    left: 0;
    position: absolute;
    top: 0;
}

.av-author {
	font-weight: bold;
	margin: 2em 0 0;
	padding: 0 0 0 1.2em;
	position: relative;
}

.av-url::before {
	color: #F9A927;
	content: "\f005 \f005 \f005";
	font-family: FontAwesome;
	font-size: 1em;
    left: 0;
    position: absolute;
    top: 1px;
}

.av-url {
	padding: 0 0 0 50px;
	position: relative;
}

.av::before {
    border-bottom: 10px solid #e0e0e0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    left: 44px;
    position: absolute;
    top: -11px;
    width: 0;
}

.av::after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 45px;
    position: absolute;
    top: -10px;
    width: 0;
}

.av {
	background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 3px #e0e0e0;
    clear: both;
	font-family: 'Bellota', arial, sans-serif;
    margin-top: 26px;
	padding: 1em;
    position: relative;
}

.cont-dec {
	background: url(images/mbp.jpg) repeat;
	max-width: 100%;
	padding: 5em 0 9em;
}

.dec {
	margin: 0 auto;
	max-width: 60%
}

.dec-img {
	display: block;
	float: left;
	margin: 0 auto;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	max-width: 40%;
}

.dec h2 {
	background-color: transparent;
	border: 0 none;
	color: #113a63;
}

.dec-slog {
	text-align: center;
}


/* = Réalisations
-------------------------------------------------------------- */

#slider-real {
	height: auto;
	margin: 0 auto;
	max-width: 906px;
	position: relative;
}

#bg-slider-real {
	background:url(images/bg-slider.png) no-repeat;
	background-size: contain;
	background-size: 100%;
	display: block;
	height: 560px;
	max-width: 906px;
}

#bg-slider-real-acc {
	background:url(images/bg-slider.png) no-repeat;
	background-size: 100%;
	display: block;
	height: 220px;
	max-width: 906px;
}

.slid-box {
	margin: 0 auto;
	padding: 3% 12% 0;
	max-width: 906px;
	position: absolute;
}

/* Basic Styles */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
 
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.flexslider a img { outline: none; border: none; }
 
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
    width: 100%;
    display: block;
 	height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* Container Styles */

.flexslider {
    position: relative;
    zoom: 1;
    padding: 0;
    background: #ffffff; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
    box-shadow: 0px 1px 1px rgba(0,0,0, .2);
}

.flex-container {
    min-width: 150px;
    max-width: 690px;
}
 
.flexslider .slides { zoom: 1; }

/* Next and Previous Arrows */

.flex-direction-nav a {
    display: none;
    position: absolute;
    margin: -17px 0 0 0;
    width: 50px;
    height: 50px;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
}

.flex-direction-nav a:before {
    display: block;
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    top: 11px;
    left: 0;
    background: url(images/fleches.png) no-repeat;
}
 
.flex-direction-nav a:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 35px;
}

.flex-direction-nav .flex-next {
    right: -100px;
 
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
}
 
.flex-direction-nav .flex-prev {
    left: -105px;
 
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}
 
.flex-direction-nav .flex-next:before { background-position: -70px 0; left: 15px; }
.flex-direction-nav .flex-prev:before { background-position: 0 0; }

/* controls */

.flexslider .flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: -50%;
    text-align: center;
    margin: 0;
}
 
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
}
 
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background-color: #ddd;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
    -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
}
 
.flex-control-paging li a.flex-active {
    background-color: #AFE127;
 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* captions */

.flexslider .slides p {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 5px;
    margin: 0;
 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    color: white;
 
    background-color: #222222;
    background: rgba(0,0,0, .9);
 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Fiches sites */

#fiches-box {
	font-size: 1rem;
	margin-top: 4em;
}

.fiche-site-l, .fiche-site-c, .fiche-site-r {
	background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #3d434d, #3d434d 4px, #444a54 4px, #444a54 8px) repeat scroll 0 0;
	border: 1px solid #d5dde1;
	display: inline-block;
	margin-bottom: 4em;
	margin-left: 0;
	max-width: 100%;
	vertical-align: top;
}

.avatar-site {
	border-radius: 50%;
	border: 3px solid #fff;
	display: block;
	height: auto;
	margin: 0 auto;
	margin-top: -32px;
	max-width: 60px;
}

.url-site {
	background-color: #fff;
	color: #777;
	display: block;
	font-size: 1.2rem;
	padding: 0.5em 0.5em 1.7em ;
	text-align: center;
	text-decoration: none;
}

.url-site:hover {
	background-color: #afe127;
	color: #fff;
}

.thumb-real {
	padding: 1.2em 0 0.6em;
}

.desc-site {
	color: #eee;
	font-weight: bold;
	line-height: 1.2;
	padding: 0.3em 1em 0;
	text-align: center;
}

.tec-site {
	background-color: #fff;
	color: #70767F;
	line-height: 1.2;
	margin-bottom: 1em;
	padding: 0.6em 1em 1em;
}

.bt-site {
	background-color: #3D434D;
	border-bottom: 3px solid #AFE127;
	color: #fff;
	display: block;
	margin: 0 0 1em 0;
	padding: 0.3em 1em 0.3em 0;
	text-align: right;
	text-decoration: none;
}

.bt-site:hover {
	background-color: #a3d31d;
	border-bottom: 3px solid #262B33;
	color: #fff;
}


/* = Contact
-------------------------------------------------------------- */

#contact fieldset {
	background-size: 100%;
	border: 1px solid #ddd;
	margin: 1.5em 0;
	padding: 1em;
}

.part-2 {
    width: 95%;
}

#contact input {
	background-color: rgba(255, 255, 255, 0.4);
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #eee;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.3);
	padding: 0.5em 1em;
}

#contact input:hover, #contact input:focus {
	background-color: #fff;
}

.ch-input, .ch-input-nom, .ch-input-mail, .ch-input-tel {
	display: inline-block;
	position: relative;
}

.ch-soc {
	float: none;
	margin: 0 1em 1em 0;
	width: 49%;
}

.ch-input-url {
	display: none;
}

.ch-input-nom::before, .ch-input-mail::before, .ch-input-tel::before {
	color: #3596ba;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 1.2em;
    left: 0.4em;
    position: absolute;
    top: 0.4em;
}

.ch-input-nom::before {
	content: "\f007";
}

.ch-input-mail::before {
	content: "\f1fa";
}

.ch-input-tel::before {
	content: "\f095";
}

.ch-nom, .ch-mail, .ch-tel {
	margin: 0 0.1em 0.5em 0;
	padding-left: 2.3em !important;
}

.ch-text {
	min-height: 200px;
	width: 80%;
}

#contact textarea {
	background-color: rgba(255, 255, 255, 0.4);
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #eee;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.3);
	clear: both;
	font-family: 'arcon', arial, sans-serif;
	margin-top: 0;
	padding: 0.5em 0.5em;
}

#contact textarea:hover, #contact textarea:focus {
	background-color: #fff;
}

#contact #submit {
	border: none;
}

.obligatoire {
	color: #F75625;
	font-weight: bold;
	margin-right: 1em;
	vertical-align: top;
}

.fac {
	color: #aaa;
	margin-top: -10px;
	max-width: 45%;
}

.msg-error {
	background-color: #F9BBBB;
	border-bottom: 4px solid #ff0000;
	color: #333;
	padding: 1em 2em;
}

.alerte-error {
	color: #ff0000;
	font-size: 1.2rem;
}

.msg-succes {
	background-color: #D7F9BB;
	border-bottom: 4px solid #7DC63D;
	color: #7DC63D;
	padding: 1em 2em;
}

.msg-succes h2 {
	font-family: "arcon",arial,sans-serif;
}


/* = Devis
-------------------------------------------------------------- */

.intro-box-dev {
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 1rem;
	margin-top: 0;
	padding: 1.5em 1.5em 0.5em 1.5em;
}

.dev-img {
	float: left;
	margin: -1em 1em 0 0;
	max-width: 130px;
}

#form-full fieldset {
	background-color: #eee;
	border: 0 none;
	margin: 1.5em 0;
	padding: 1em;
}

.form-box {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 1em 0;
	padding: 1em;
}

#form-full input {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	font-size: 1rem;
	padding: 0.5em 1em;
}

#form-full input:hover, #form-full input:focus {
	background-color: #fff;
}

#form-full textarea {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	font-family: 'arcon', arial, sans-serif;
	font-size: 1rem;
	margin: 1em 0;
	padding: 1em;
}

#form-full textarea:hover, #form-full textarea:focus {
	background-color: #fff;
}

.quest-devis::before {
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ddd;
    bottom: -15px;
    content: "";
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}

.quest-devis::after {
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    bottom: -14px;
    content: "";
    height: 0;
    left: 61px;
    position: absolute;
    width: 0;
}

.quest-devis {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1em;
	padding: 0 0 0.5em;
	position: relative;
}

.plus-infos {
	background-color: #BDE550;
	border-radius: 2px;
	color: #fff;
	cursor:pointer;
	display: inline-block;
	font-size: 0.8rem;
	line-height: 1;
	padding: 0 0.5em 0.1em;
	text-decoration: none;
}

.plus-infos:hover {
	background-color: #afe127;
}

#info-mes, #info-mod, #info-ns, #info-vs {
	background-color: #FBFFF2;
	border: 1px solid #D3EA93;
	color: #7AA30B;
	display: none;
	font-size: 1rem;
	margin: 1em 0;
	padding: 0.5em 1em 0;
}


/* = Plan
-------------------------------------------------------------- */

#plan ul li {
	list-style: none;
}

/* = Cahier des charges
-------------------------------------------------------------- */

#cahier {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 1em;
}

.intro-form-img {
	vertical-align: baseline;
}

.intro-form {
	background-color: #2184a8;
	color: #fff;
	font-size: 1.2rem;
	margin-top: 0;
	padding: 1.5em 1.5em 0.5em 1.5em;
}

.intro-form a {
	color: #fff;
}

#form-gen {
	margin: 0 auto;
	max-width: 876px;
}

#form-gen fieldset {
	background-color: #E3ECEF;
	background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #E3ECEF, #E3ECEF 4px, #EDF6F9 4px, #EDF6F9 8px) repeat scroll 0 0;
	border: 0 none;
	color: #7F9BA5;
	font-size: 1.2rem;
	margin: 0 0 .5em 0;
	padding: 1em;
}

#form-gen input {
	background-color: #f2fbff;
    border: 1px solid #afdced;
    border-radius: 2px;
    color: #3596ba;
	font-size: 1rem;
	padding: 0.4em 1em;
	margin: 0.5em 0;
}

#form-gen label {
    color: #3596ba;
}

#form-gen input::-webkit-input-placeholder, #form-gen textarea::-webkit-input-placeholder {
    color: #3596ba;
}
#form-gen input:-moz-placeholder, #form-gen textarea:-moz-placeholder {
    color: #3596ba;
}
#form-gen input::-moz-placeholder, #form-gen textarea::-moz-placeholder {
    color: #3596ba;
}
#form-gen input:-ms-input-placeholder, #form-gen textarea:-ms-input-placeholder {
    color: #3596ba;
}

#form-gen input:hover, #form-gen input:focus {
	background-color: #fff;
}

#form-gen textarea {
	background-color: #f2fbff;
    border: 1px solid #afdced;
    border-radius: 2px;
    color: #3596ba;
	font-family: 'arcon', arial, sans-serif;
	font-size: 1.2rem;
	margin: 1em 0;
	padding: 1em;
}

#form-gen textarea:hover, #form-gen textarea:focus {
	background-color: #fff;
}

.quest-form::before {
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ddd;
    bottom: -15px;
    content: "";
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}

.quest-form::after {
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    bottom: -14px;
    content: "";
    height: 0;
    left: 61px;
    position: absolute;
    width: 0;
}

.quest-form {
	border-bottom: 1px solid #ddd;
	color: #2184A8;
	font-size: 1.4rem;
	margin: 0 0 1em;
	padding: 0 0 0.5em;
	position: relative;
}

.lab-gen {
	font-weight: bold;
}

.checkBloc {
	display: inline-block;
    margin-right: 1em;
}
	
/* Label */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked ,
[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}

/* checkbox */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 4px;
	width: 16px; height: 16px;
	border: 1px solid #afdced;
	background: #f2fbff;
	border-radius: 3px;
}

/* radio */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	border-radius: 50%;
}

/* checked mark */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 0; left: 4px;
	font-size: 14px;
	color: #2184A8;
	line-height: 1.75;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	transition: all .1s;
}
	
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	content: "\f111";
	font-family: FontAwesome;
	position: absolute;
	top: 8px; left: 5px;
	font-size: 10px;
	color: #2184A8;
	line-height: 1;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	transition: all .1s;
}

/* checked mark changes */
[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after {
	color: #999;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
	color: #aaa;
}

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
}

#btn-form {
	font-size: 1.4rem !important;
}

/* Infobulle */

a.infobulle{
	position:relative;
	z-index:24;
	color:#bde550;
	text-decoration:none;
	vertical-align: top;
}
 
a.infobulle:hover{
	z-index:25;
	background-color:#FFF
}
 
a.infobulle span{
	display: none
}
 
a.infobulle:hover span{
	background-color: #bde550;
	border-radius: 2px;
	color:#5B6D2A;
	display:block;
	font-size: 1rem;
	position:absolute;
	top:1.5em; left:50%; width:15em;
	transform: translateX(-50%);
	padding:0.7em 1em;
}

.ui-widget-header {
    background-color: #bde550 !important;
}


/* = Dossiers
-------------------------------------------------------------- */

#dossiers, #conseils, #sujets {
	background-color: #fff;
	border: solid 1px #eee;
	float: none;
	max-width: 100%;
	padding: 1.5em 0.5em;
}

#dossiers h2 {
	---border-bottom: 3px solid #529eea;
	border-bottom: 3px solid #afe127;
}

.quote {
	background: #fff;
	background:url(images/cht.jpg) 0 5% no-repeat transparent;
	border: 4px dashed #eee;
	color: #555;
	font-family: 'Bellota', arial, sans-serif;
	font-size: 1em;
	margin: 2em 0;
	padding: 1em 2em 1em 6em;
}

.quote .fa-quote-left, .quote .fa-quote-right {
	color: #FFB672;
}

.nav-dos-foot {
	margin: 2em 0 3em;
	text-align: center;
}

.btn-vrt {
	background-color: #AFE127;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 1.4em;
	margin: 0 auto;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
}

.btn-vrt:hover {
	background-color: #9CCC1A;
}


/* = Conseils
-------------------------------------------------------------- */

#conseils h2 {
	---border-bottom: 3px solid #afe127;
	border-bottom: 3px solid #529eea;
}


/* = Sujets
-------------------------------------------------------------- */

#sujets h2 {
	border-bottom: 3px solid #ffb672;
}

.img-suj {
	background-color: #F1EFF2;
	padding: 2em;
}


/* = Lexique
-------------------------------------------------------------- */

#lexique, #lexique-full  {
	background-color: #fff;
	border: solid 1px #eee;
	float: none;
	max-width: 100%;
	padding: 1.5em 1em;
}

#lexique h2, #lexique-full h2 {
	border-bottom: 3px solid #b471f2;
	margin: 0 0 1em;
}

#lexique a, #lexique-full a {
	color: #95C912;
	text-decoration: none;
}

#lexique a:hover, , #lexique-full a:hover {
	color: #A2E004;
	text-decoration: underline;
}

.c404 {
	font-size: 6rem;
	font-weight: bold;
	text-align: center;
}


/* = Sidebar
-------------------------------------------------------------- */

#secondary {
	float: none;
	margin-top: 4em;
	max-width: 100%;	
}

#adsid {
	background: #fff;
	border: 1px solid #eee;
	margin-bottom: 2em;
	padding: 0 0 1em;
}

.adquest {
	font-size: 1.3rem;
	padding: 1em 0.5em .5em;
	text-align: center;
}

.adrep {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

.adrep a {
	text-decoration: none;
}

#devsid {
	margin-bottom: 3em;
	text-align: center;
}

#dos-index, #cons-index, #suj-index, #lex-index {
	background: #fff;	
	border: 1px solid #eee;
	font-size: 1rem;
	margin-bottom: 2em;
	padding: 0 0 1em;
}

#dos-index h3, #cons-index h3, #suj-index h3, #lex-index h3 {
	background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #4a4f59, #4a4f59 4px, #444a54 4px, #444a54 8px) repeat scroll 0 0;
	---border-bottom: 4px solid #529EEA;
	border-bottom: 4px solid #afe127;
	color: #eee;
	margin: 0 0 0.5em;
	padding: 0.2em 1em;
}

#dos-index p, #cons-index p, #suj-index p, #lex-index p {
	margin: 0 1em;
	padding: 0 0 1em;
	text-align: left;
}

#dos-index .btn, #cons-index .btn, #suj-index .btn, #lex-index .btn {
	display: block;
	font-size: 1rem;
	margin: 0 auto;
	max-width: 90px;
}

#dos-index .btn {
	background-color: #BDE550 !important;
	max-width: 110px;
}

#dos-index .btn:hover {
	background-color: #afe127 !important;
}

#dos-index ul, #cons-index ul, #suj-index ul, #lex-index ul {
	margin: 0;
	padding: 0
}

#dos-index ul li, #cons-index ul li, #suj-index ul li, #lex-index ul li {
	list-style: none;
}

.som-li, .cons-li, .suj-li, .lex-li {
	---color: #529EEA;
	color: #9FCE1E;
	display: inline-block;
	font-size: 0.9rem;
	line-height: 2rem;
	margin: 0 1em;
	padding: 0.2em 1em;
	text-decoration: none;
}

.som-li:hover, .cons-li:hover, .suj-li:hover, .lex-li:hover {
	---background-color: #007fff;
	background-color: #AFE127;
	color: #fff;
}

/**/

#cons-index h3 {
	---border-bottom: 4px solid #afe127;
	border-bottom: 4px solid #529EEA;
}

#cons-index .btn {
	---background-color: #BDE550 !important;
	background-color: #007fff !important;
	max-width: 110px;
}

#cons-index .btn:hover {
	---background-color: #afe127 !important;
	background-color: #0273E5 !important;
}

.cons-li {
	---color: #9FCE1E;
	color: #529EEA;
}

.cons-li:hover {
	---background-color: #AFE127;
	background-color: #007fff;
}

/**/

#suj-index h3 {
	border-bottom: 4px solid #FFB672;
}

#suj-index .btn {
	background-color: #FFB672 !important;
	max-width: 115px;
}

#suj-index .btn:hover {
	background-color: #F49C4E !important;
}

.suj-li {
	color: #F99843;
}

.suj-li:hover {
	background-color: #F99843;
}

/**/

#lex-index h3 {
	border-bottom: 4px solid #B471F2;
}

#lex-index .btn {
	background-color: #B471F2 !important;
	max-width: 80px;
}

#lex-index .btn:hover {
	background-color: #9F4AEF !important;
}


/* = 404
-------------------------------------------------------------- */

.img-lex {
	border: 5px solid #F0EEEF;
	border-radius: 10%;
	margin-right: 0.5em;
	vertical-align: bottom;
}


/* = Footer
-------------------------------------------------------------- */

footer {
	background-color: #262b33;
	border-top: 4px solid #AFE127;
	clear: both;
	margin: 3em 0 0 0;
	padding: 3em 0 0;
	max-width: 100%;
}

#site-footer {
	color: #ccc;
	margin: 0 auto;
	max-width: 1100px;
	padding: 2em 1em;
}

#ass-tel {
	float: right;
}

#foot-cop {
	margin: 0 0 2em;
}

#foot-cop a, #foot-sav a {
	color: #AFE127;
	text-decoration: none;
}

#foot-cop a:hover, #foot-sav a:hover {
	color: #AFE127;
	text-decoration: underline;
}

#foot-devis {
	background-color: #3d434d;
	background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #3D434D, #3D434D 4px, #444A54 4px, #444A54 8px) repeat scroll 0 0;
	display: block;
	font-size: 1.5rem;
	margin: 0 auto;
	max-width: auto;
	padding: 1em 0em;
	text-align: center;
}

.btn-foot {
	background-color: #A3D31D;
    border: medium none;
    border-radius: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em !important;
    margin: 1em 0 1em 0;
	max-width: 100%;
    padding: 0.2em 0.5em;
    text-decoration: none;
}

.btn-foot:hover {
	background-color: #9CCC1A;
}

#foot-sav {
	font-family: 'Bellota', arial, sans-serif;
	margin: 3em 0 0;
}

.gotop {
	color: #AFE127;
	float: right;
	font-size: 3.5em;
	line-height: 0;
	margin: 0 0 0 0.5em;
}

.gotop a {
	color: #AFE127 !important;
}

.gotop a:hover {
	color: #505760 !important;
}

#box-menu-foot {
	border-top: 3px solid #000;
	background-color: #15171C;
	padding: 1em;
}

.menu-foot {
	margin: 0 auto;
	max-width: 1100px;
	padding: 1em 0 0;
}

.menu-foot li {
	display: inline-block;
    height: 2rem;
    list-style: outside none none;
    margin-left: -1.5em;
    padding-right: 1.5em;
}

.menu-foot-item {
	border-right: 1px solid #777;
	color: #ccc;
	display: inline-block;
	float: left;
	line-height: 1;
	margin-right: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}

.menu-foot-item:hover {
	color: #A2D329;
}

.nav-accueil-foot::before {
	color: #AFE127;
	content: "\f015";
	font-size: 1.1em;
	font-family: FontAwesome;
    left: -1em;
    position: absolute;
    top: -0.5em;
}

.nav-accueil-foot {
    color: #fff;
    cursor: pointer;
	padding-left: 0 !important;
    position: relative;
}

#avrt-foot {
	color: #ccc;
	margin: 0 auto;
	max-width: 1100px;
	padding: .5em 1em;
	---text-align: right;
}

#avrt-foot a {
	color: #ccc;
}

/**
 * Media Queries
 */

 /* - >= 320px */

@media screen and (min-width: 320px) {

	#bg-slider-real-acc {
		height: 250px;
	}
}

 /* - >= 370px */

@media screen and (min-width: 370px) {

	header {
		padding: 1.5em 0 3em;
	}

	#bd-hd {
		padding: 0.2em 0 0.8em 1em;
	}

	.site-name {
		font-size: 2.5em;
	}

	.site-description {
		margin: 1.3em 0 0 0.5em;
	}

	.site-description-fixed {
		margin: 0 0 0 0.5em !important;
	}

	#pull {
		font-size: 1.7em;
		margin: 0.5em 0 0;
	}

	.content h1 {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	h2 {
		font-size: 1.4em;
	}

	#slider-header h1 {
		font-size: 1.3em;
		line-height: 1.8rem;
	}

	.slid-slog {
		---padding: 3em 0;
	}

	#bg-slider-real-acc {
		height: 300px;
	}

	.slog-acc {
		font-family: 'Bellota', arial, sans-serif;
		font-size: 1.3em;
	}

	.btn-slog {
		font-size: 1.2em;
	}

	#com-acc {
		padding: 3em 0;
	}

	.quest {
		font-size: 1.5em;
	}

	.cle {
		font-size: 1.5em;
		padding: 1em 0;
	}

	.av-tt::before {
	    font-size: 1.2em;
	    top: -6px;
	}
	.av-tt {
	    font-size: 1.4em;
	    padding-left: 36px;
	}

	.av-avatar-img {
		margin: 1em;
	}

	.fiche-site-l, .fiche-site-c, .fiche-site-r {
		margin-left: 2%;
		max-width: 45%;
	}

	.flexslider .flex-control-nav {
	    bottom: -45%;
	}

	#dossiers, #lexique, #conseils, #sujets {
		padding: 1.5em 1em;
	}
}

 /* - >= 400px */

@media screen and (min-width: 400px) {

	#bg-slider-real-acc {
		height: 340px;
	}
}

 /* - >= 444px */

@media screen and (min-width: 444px) {

	.site-description-fixed {
		margin: 1.2em 0 0 0.5em !important;
	}
}

 /* - >= 520px */

@media screen and (min-width: 520px) {

	.bd-hd-fixed {
		padding: 0.2em 0 3.4em 0 !important;
	}

	#site-navigation {
		clear: left;
		float: left;		
		margin: 1em 0 0 2em;
	}

	.site-description-fixed {
		margin: 1.2em 0 0 0.5em !important;
	}

	#pull {
		display: none;
	}

	#site-navigation ul {
		background-color: transparent;
		border: none;
		display: inline-block;
		line-height: 1.3rem;
		margin: 0;
		padding: 0;
		width: auto;
	}

	#site-navigation li {
		float: left;
	}

	.menu-item {
		font-size: 1rem;
		float: left;
	}

	.menu-item:hover {
		background-color: transparent;
		color: #AFE127;
		font-size: 1rem;
		float: left;
	}

	.content h1 {
		font-size: 2rem;
		line-height: 2.2rem;
	}

	h2 {
		font-size: 1.6em;
	}

	#slider-header::after {
	    border-top: 15px solid #AFE127;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	    bottom: -15px;
	}

	#slider-header h1 {
		font-size: 1.5em;
		line-height: 2.2rem;
	}

	.flexslider .flex-control-nav {
	    bottom: -35%;
	}

	.slid-slog {
		padding: 0 1em;
	}

	#bg-slider-real-acc {
		height: 380px;
	}

	.slog-acc {
		font-size: 1.5em;
	}

	.btn-slog {
		font-size: 1.3em;
	}

	#com-acc {
		padding: 4em 0;
	}

	.quest {
		font-size: 2em;
	}

	.qui-sommes-nous, .services {
	    max-width: 80%;
	}

	.cle {
		font-size: 2em;
		padding: 1em 0;
	}

	.av-tt::before {
	    font-size: 1.3em;
	    top: -8px;
	}
	.av-tt {
	    font-size: 2em;
	    padding-left: 56px;
	}

	#dossiers, #lexique, #conseils, #sujets {
		padding: 1.5em;
	}

	.fiche-site-l, .fiche-site-c, .fiche-site-r {
		margin-left: 2.5%;
		max-width: 45%;
	}

	.c404 {
		font-size: 10rem;
	}

	.gotop {
		margin: 0 0.1em 0 0.5em;
	}
}

 /* - >= 600px */

@media screen and (min-width: 600px) {

	#bg-slider-real-acc {
		height: 420px;
	}
}

 /* - >= 650px */

@media screen and (min-width: 650px) {

	#bg-slider-real-acc {
		height: 580px;
	}
}

 /* - >= 910px */

@media screen and (min-width: 910px) {
	
	header {
		padding: 2em 0;
	}

	#bd-hd {
		height: 3em;
	}

	.bd-hd-fixed {
	    padding: 0.2em 0 0.8em !important;
	}

	#site-navigation {
		clear: none;
		float: right;		
	}

	.content {
		font-size: 1.3rem;
		padding: 0 2em;
	}

	.content h1 {
		font-size: 2.4rem;
		line-height: 2.6rem;
	}

	h2 {
		font-size: 1.7em;
	}

	#slider-header h1 {
		font-size: 1.5em;
		line-height: 4rem;
	}

	.slid-slog {
		padding: 0 2em;
	}

	#bg-slider-real-acc {
		height: 630px;
	}

	.flex-direction-nav a {
	    display: block;
	}

	.slog-acc {
		font-size: 1.7em;
	}

	.btn-slog {
		font-size: 1.4em;
	}

	#com-acc {
		padding: 5em 0;
	}

	.quest {
		font-size: 2.5em;
	}

	.qui-sommes-nous, .services {
	    max-width: 45%;
	}

	.qui-sommes-nous {
	    float: left;
	    ---margin-left: 10%;
	}

	.services {
	    float: right;
	    ---margin-right: 10%;
	}

	.pres-img {
		max-width: 97px;
	}

	.cle {
		font-size: 2.5em;
		padding: 1em 0;
	}

	.fiche-site-l, .fiche-site-c, .fiche-site-r {
		margin-left: 2.5%;
		max-width: 30%;
	}

	.quote {
		padding: 1em 2em 1em 4.5em;
	}

	#contact fieldset {
		margin: 2em 0;
		padding: 2em;
	}

	.part-2 {
	    width: 50%;
	}

	#contact input, #form-full input {
		font-size: 1.4rem;
	}

	.ch-nom, .ch-mail {
	}

	#contact textarea, #form-full textarea {
		font-size: 1.4rem;
		margin-top: 1em;
		padding: 0.5em 1em;
	}

	.c404 {
		font-size: 12rem;
	}

	.btn-foot {
	    border-radius: 3px;
	    margin: 1em 0 1em 1em;
	}

	.gotop {
		margin: -1em 0.5em 0;
	}
}

 /* - >= 980px */

@media screen and (min-width: 980px) {

	.site-name {
	    font-size: 3.2em;
	}
	
	.slid-slog {
		padding: 0 4em;
	}

	.btn-slog {
		font-size: 1.5em;
	}

	#com-acc {
		padding: 5em 0 5em;
	}

	.cle {
		font-size: 3em;
		padding: 0.5em 0;
	}

	#dossiers, #lexique, #conseils, #sujets {
		float: left;
		max-width: 62%;
	}

	#secondary {
		float: right;
		margin-top: 0;
		max-width: 30%;	
	}

	.som-li, .cons-li, .suj-li, .lex-li {
		line-height: 1.5rem;
	}

	.c404 {
		font-size: 15rem;
	}
}

 /* - >= 1160px  */

@media screen and (min-width: 1160px) {

	#bd-hd {
		padding: 0.2em 0 0.8em 0em;
	}

	.content {
		padding: 0;
	}

	.content h1 {
		font-size: 2.8rem;
	}

	#slider-header {
		margin: auto 0;
	}

	#slider-header h1 {
		font-size: 2em;
		line-height: 4rem;
	}

	.slid-slog {
		padding: 1em 0;
	}

	#av-cl-box {
		padding: 1em 0 3em;
	}

	.av-l, .av-c {
	    margin-right: 2.8em;
	}
	.av-l, .av-c, .av-r {
	    max-width: 29%;
	}

	.av-tt {
	    margin: 1em 0;
	}
}