/***** Ensemble des class Com2see *****/

/***** 01. GENERAL *****/
.nopadding {
    padding:0px;
}
.clearfix {
    clear:both;
}
.margin-top {
    margin-top:50px;
}
.margin-bottom {
	margin-bottom:50px;
}
.text-center {
    text-align:center;
}
.bold {
    font-weight:bold;
}
img {
    max-width:100%;
    height:auto;
}
.polaroid img {
    border:1px solid #aaa;
    padding:3px;
    background:#fff;
	width:100%;
}
p {
    display:block;
    float:left;
    clear:both;
    width:100%;
    text-align:justify;
	font-size:16px;
    padding-bottom:15px;
    margin-bottom:0;
}
p:last-child {
    margin-bottom:0;
}
.navbar-toggle2 {
    background:none;
	border:1px solid #fff;
    float:right;
    margin-left:auto;
	position: relative;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 23px;
    margin-bottom: 8px;
    border-radius: 4px;
	cursor:pointer;
}
@media(max-width:767px){
    .navbar-toggle2{
        margin:15px 0;
        float:left;
    }
}
.navbar-toggle2 .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 50px;
    margin-top: 3px;
    background:#fff;
}
.navbar-toggle2 .icon-bar.first-bar{
    margin-top:0;
}
#content .row {
    float:left;
    display:block;
    clear:both;
    width:100%;
    padding-top:100px;
    padding-bottom:100px;
    margin:0;
}
.btn {
    color:#fff;
    font-size:16px;
    cursor:pointer;
    border-radius:0px;
    -webkit-border-radius:0px;
    line-height:40px;
    padding:0 30px;
    border:0;
}
.btn.btn-blanc {
    background:#0096ff;background:var(--main-color);
    color:#fff;
}
.btn.btn-blanc:hover {
    background:#00529b;background:var(--main-dark-color);
}
.btn.btn-white {
    background:#fff;
    color:#555;
    font-weight:normal;
}
.btn.btn-white:hover {
    background:#ddd;
    color:#333;
}
.btn.btn-contour {
    background:#fff;
    color:#555;
    font-weight:normal;
    border:1px solid #0096ff;
    border:1px solid var(--main-color);
}
.btn.btn-contour:hover {
    background:#0096ff;background:var(--main-color);
}
.btn:hover {
    color:#fff;
    transition: background 0.3s;
}
.btn.small {
    font-size:14px;
    line-height:30px;
	font-weight:normal;
	text-transform:none;
}
.btn.tiny {
    font-size:10px;
}
.btn.big {
    font-size:20px;
    line-height:60px;
    padding:0 60px;
}
h1, h2, h3, h4 {
    float:left;
    display:block;
    clear:both;
    width:100%;
    font-weight:bold;
    padding:0;
    margin:0;
    padding-bottom:20px;
    font-size:40px;
	text-align:center;
	color:#333333;
}
h3 {
    padding-bottom:60px;
    font-size:24px;
    color:#888888;
    font-weight:normal;
}
h4{
    font-size:20px;
    padding-bottom:30px;
}
.center {
    text-align:center;
}
a {
	color:#0096ff;color:var(--main-color);
}
a:hover{
	text-decoration:none;
	color:#00529b;color:var(--main-dark-color);
}
#content li {
	float:left;
	width:100%;
}

/***** 02. COPYWRITING *****/
#copyright a {
    color:#0096ff;color:var(--main-color);
}
#copyright a:hover {
    color:#00529b;color:var(--main-dark-color);
}
#copyright {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    padding:15px 30px;
    background: #000000;
    color: #aaaaaa;
	font-size:13px;
	line-height:41px;
}
#copyright .copywriting {
    line-height: 41px;
	text-align:right;
}
@media (max-width: 991px){
	#copyright, #copyright .copywriting{
		text-align:center;
	}
}

/***** 03. SLIDER *****/
.slider-avis, #slider-container {
    position:static;
    display:block;
    float:left;
    width:100%;
    clear:both;
    overflow: hidden;
    padding:0;
    margin:0;
    margin-bottom:30px;
}
.slider-avis.owl-pagination, #slider-container.owl-pagination {
    position: absolute;
    bottom: 3.5%;
    right: 50%;
    display:none;
}
.slider-avis.owl-theme .owl-controls, #slider-container.owl-theme .owl-controls{
    display:block;
    float:left;
    width:100%;
    position:absolute;
    bottom:60px;
    left:0;
}
#slider-avis-service.owl-theme .owl-controls{
    position:initial;
}
.slider-avis.owl-theme .owl-controls .owl-dots, #slider-container.owl-theme .owl-controls .owl-dots {
    display: inline-flex;
}
.slider-avis.owl-theme .owl-controls .owl-dots span, #slider-container.owl-theme .owl-controls .owl-dots span {
    background:#fff;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.3;
    width: 12px;
}
#slider-avis-service.owl-theme .owl-controls .owl-dots span{
    background:#000;
}
.slider-avis.owl-theme .owl-controls .owl-dot:hover span {
    opacity: 0.8;
    cursor:pointer;
}
.slider-avis.owl-theme .owl-controls .owl-dot.active span, #slider-avis-service.owl-theme .owl-controls .owl-dot.active span {
    background:#0096ff;background:var(--main-color);
    opacity:1;
}

/***** 05. MAP *****/
.bandeau, #map {
    float:left;
    display:block;
    clear:both;
    width:100%;
    height:100%;
    overflow:hidden;
}
/*#map {
    height:470px;
}*/

/***** 06. CONTACT FORM *****/
.wpcf7-form .row {
    padding:0px !important;
}
.wpcf7-not-valid {
    border-color: #A94442 !important;
}
.wpcf7-not-valid-tip {
    color:#a94442 !important;
    line-height:20px;
}
.wpcf7-validation-errors {
    display: block;
	float:left;
	width:100%;
	clear:both;
    border: 0px none !important;
    background: none repeat scroll 0% 0% rgb(197, 67, 67);
    padding: 0px 0px 0px 20px !important;
    margin: 30px 15px 0px 0px !important;
    line-height: 40px;
    color:#fff;
    overflow:hidden;
}
.wpcf7-mail-sent-ok {
    background: #5CB85C;
	display: block;
	float:left;
	width:100%;
	clear:both;
    border: 0px none !important;
    padding: 0px 0px 0px 20px !important;
    margin: 30px 15px 0px 0px !important;
    line-height: 40px;
    color:#fff;
    overflow:hidden;
}

/***** 07. PAGINATION *****/
.pagination {
    margin-top: 0px;
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: auto;
    display: table;
    border-radius:0;
    padding-top:50px;
}
.pagination ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: auto;
    text-align: center;
}
.pagination ul li {
    display: table-cell;
    list-style: none;
    float: none !important;
	width:auto !important;
}
.pagination ul li a, .pagination ul li span {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-left: 8px;
    border-radius:0px;
	color:#aaa;
}
.pagination ul li span.current {
    color:#0096ff;color:var(--main-color);
}

/***** 08. OUTILS *****/
.row.outils {
    padding-top:40px;
}
.outil {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border:1px solid #aaa;
    text-align:center;
    text-decoration:none;
    postion:relative;
    padding:0px;
    display: block;
    float:left;
    width:100%;
    margin-top:20px;
    background-size:cover;
}
.outil i {
    font-size:60px;
    display:block;
    clear:both;
    padding-bottom:40px;
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
}
.outil .titre-outil {
    color:#fff;
    font-size:25px;
    text-transform:uppercase;
	line-height:30px;
}
.outil .texte-outil {
    color:#fff;
    margin-top:25px;
}
.outil.credit {
    background-image:url(../img/outil-credit-imposition.jpg);
}
.outil.essences {
    background-image:url(../img/outil-essences.jpg);
}
.outil.vitrage {
    background-image:url(../img/outil-vitrages.jpg);
    background-position:center center;
}
.outil .overlay-outil {
    display:block;
    float:left;
    width:100%;
    background:#333;
    padding:30px 15px;
    transition: background 0.3s;
}
.outil:hover .overlay-outil {
    background:#fff;
}
.outil:hover .titre-outil, .outil:hover .texte-outil, .outil:hover h4 {
    color:#555;
}