html,body{height:100%;}
body{
	background: url(../images/body_bg.jpg) top center repeat #302923;
	color:#C0B49C;
	position:relative;
	min-width:320px;
	-webkit-text-size-adjust: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
/*********************************header*************************************/
header{
	width:100%;
	padding:27px 0 12px;
}
	header .indent-bottom{
	padding-bottom:1px;
}
.logo{float:left; padding-top:1px; padding-left:4px;}
	.logo a{
		display:block;
		width:198px;
		height:24px;
		overflow:hidden;
		text-indent:-999em;
		white-space:nowrap;
		/*background:url(../images/logo.png) 0 0 no-repeat;*/
		text-decoration:none;
	}
		.logo a:hover{text-decoration:none;}
.secondary-menu{float:right; overflow:hidden;}
	.secondary-menu li{
		float:left;
		font:12px/20px Arial, Helvetica, sans-serif;
		color:#8f8980;
		padding: 2px 15px 0;
		background:url(../images/secondary-menu-separator.gif) right center no-repeat;
		overflow:hidden;
	}
		.secondary-menu li:first-child{padding-left:0;}
		.secondary-menu li.last-item{padding-right:0; background:none;}
		.secondary-menu a{color:#8f8980; text-decoration:none;}
			.secondary-menu a:hover{text-decoration:none; color:#fff;}
		.secondary-menu span{display:inline-block; margin-right:13px; float:left;}
/********************************* Content **********************************/
#content{width:100%; border-bottom:8px solid #221c18; padding-bottom:47px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent3-1{float:left; margin-right:18px;}
.img-indent4-1{float:left; margin-right:22px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/* ---------- Tags ---------*/
h1{
	color:#ff8c04;
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
}
        h1.title1{line-height:26px;}
h2{
	color:#fffffe;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
}
	h2.title1{line-height:26px;}
h3 {
    color:#fffffe;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 200;
}
h4{font:400 16px/19px 'Lato', sans-serif; color:#fff;}
h5{
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	color:#ff8c04;
}
h6{
	color: #C0B49C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
}
	h6 a{color:#ff8c04; text-decoration:none;}
		h6 a:hover{text-decoration:none; color:#fff;}

blockquote{
	width:100%;
	padding-bottom:19px;
	color:#C0B49C;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
  blockquote:after{
    display: block;
    position: absolute;
    bottom: 1px;
    left: 63px;
    width: 34px;
    height: 19px;
    background: url('../images/quote-bottom.gif') no-repeat;
    content: "";
  }
	.quote-content{
		border:1px solid #4b4641;
		border-bottom-color:#4b4641;
		min-height:130px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	.quote-bg{
		background:url(../images/quote.png) 17px 11px no-repeat;
		padding:21px 20px 25px 25px;
	}
	.quote-caption{text-align:right; margin-top:-6px;}
		.quote-caption a{text-decoration:none;}
			.quote-caption a:hover{color:#414141;}
/*---------- Columns --------*/
.col-2-1{float:left; width:161px; margin-right:48px;}
.col-2-1x{float:left; width:184px; margin-right:24px;}
.col-2-1xx{float:left; width:191px; margin-right:15px;}
.col-4{float:left; width:291px; margin-right:13px;}
/*----------- Boxes ----------*/
.box{background:url(../images/box-tail.png) center top repeat;}
#page2 .box {background:#1c1714;}
	.box .indents{padding:24px 18px 35px;}
	.box h2{
	font-size:28px;
	line-height:normal;
}
.box2{
	background:#423a36;
	padding:15px 15px 14px;
}
.img-box{
	display:inline-block;
	background:#423a36;
	padding:5px;
}
.partners .img-box{
  padding: 7px;
  border: 1px solid #57524e;
  background: #fff;
}
.arrow1{background:url(../images/arrow1.png) 159px 0 no-repeat; padding-top:10px;}
.arrow2{background:url(../images/arrow2.png) 367px bottom no-repeat; padding-bottom:14px;}
.circle{
	float:left;
	margin-right:14px;
	width:53px;
	height:53px;
	overflow:hidden;
	font:bold 36px/53px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background:#ff8d07;
	border-radius:26px;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
}
.block1{
	float:left;
	margin-right:20px;
	padding-top:4px;
	width:51px;
	height:63px;
	overflow:hidden;
	font:bold 36px/44px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background:url(../images/block1.png) center top no-repeat;
}
/*---------- Links ----------*/
a{color:#ff8d07; outline:none; cursor:pointer; text-decoration:underline;}
	a:hover{text-decoration: none;}
a[href^="tel:"]{color:#7d7d7d; text-decoration:none;}
.button{
	display:inline-block;
	cursor:pointer;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:#504641;
	padding:8px 13px 7px;
	margin-bottom:14px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.button:hover{text-decoration:none; background-position: center -57px; background-color: #ff8c04;}
        
        .button-inv{
	display:inline-block;
	cursor:pointer;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:#ff8c04;
	padding:8px 13px 7px;
	margin-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.button-inv:hover{text-decoration:none; background-position: center -57px; background-color: #504641;}
/*---------- Lists -----------*/
.list-1 li{
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#ff350d;
	background:url(../images/marker-1.png) 0 8px no-repeat;
	padding-left:18px;
	margin-bottom:5px;
}
	.list-1 a{text-decoration:none; color:#ff8c04;}
		.list-1 a:hover{text-decoration:none; color:#fff;}
.list-2 li{
	font:300 25px/30px 'Lato', sans-serif;
	margin-bottom:5px;
}
	.list-2 a{
		display:block;
		color:#85786e;
		text-decoration:none;
		padding:12px 17px 13px;
		background:#201b18;
	}
		.list-2 a:hover{
			text-decoration:none;
			color:#ff8b03;
		}
/*---------- Borders ---------*/
.border-bottom{border-bottom:1px solid #4c4642;}
/*---------- Indents ---------*/
p, .p3-1{
	margin-bottom:18px;
	text-align: left;
}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{
	margin-bottom:8px;
}
	.p4{
	margin-bottom:20px;
	text-align: left;
	color: #D0CDCA;
}	.p4-1{margin-bottom:22px;}
	.p5{
	margin-bottom:5px;
}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{
	margin-bottom:15px;
}	.p8-1{margin-bottom:42px;}
.indent-top1{padding-top:5px;}
.indent-right2{padding-right:10px;}
.indent-right4{padding-right:20px;}
.indent-right5{padding-right:25px;}
.indent-right6{padding-right:30px;}
.indent-left4{padding-left:20px;}
.indent-bottom2{padding-bottom:10px;}
.indent-bottom3{padding-bottom:15px;}
.indent-bottom4-1{padding-bottom:22px;}
.indent-bottom6{padding-bottom:30px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom10{padding-bottom:50px;}
/*----------- Map ------------*/
#map iframe{width:100%; height:265px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{margin-bottom:20px;}
#map dl span {float:left; width:73px;}
/********************************* aside **********************************/
aside{
	width:100%;
	border-bottom:8px solid #221c18;
	padding:34px 0 38px;
	font:13px/20px Arial, Helvetica, sans-serif;
}
	aside .list-1 li{font-size:13px;}
	.social-icons{
		float:left;
		width:50%;
		overflow:hidden;
	}
		.social-icons li{margin-bottom:10px;}
		.social-icons a{
			color:#ff8c04;
			text-decoration:none;
			display:inline-block;
			padding-left:27px;
			background-position:0 1px;
			background-repeat:no-repeat;
		}
		.social-icons .icon-1{background-image:url(../images/icon-1.png);}
		.social-icons .icon-2{background-image:url(../images/icon-2.png);}
		.social-icons .icon-3{background-image:url(../images/icon-3.png);}
		/*.social-icons .icon-4{background-image:url(../images/icon-4.png);}*/
		.social-icons a:hover{color:#fff;}
/************************************** Footer *************************************/
footer{
	width:100%;
	padding:26px 0 35px;
	overflow:hidden;
	font:13px/20px Arial, Helvetica, sans-serif;
}
	.footer-text{float:left;}
		.footer-text a{color:#ff8c04; text-decoration:none;}
			.footer-text a:hover{color:#fff;}
	.footer-link{float:right;}

/*=================================================================================*/
@media only screen and (max-width: 995px) {
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
		h2{margin-bottom:15px !important;}
	.indent-right2, .indent-right4, .indent-right5, .indent-right6{padding-right:0;}
	.indent-left4{padding-left:0;}
	.indent-bottom4-1, .indent-bottom8-1, .indent-bottom10{padding-bottom:20px;}
	.indent-bottom3, .indent-bottom7{padding-bottom:30px;}
	.col-2-1{width:140px; margin-right:30px;}
	.col-2-1x{width:150px; margin-right:20px;}
	.col-2-1xx{width:154px;}
	.col-4{width:236px; margin-right:20px;}
	/*-----------------------------------------*/
	.arrow1{background-position:130px 0;}
	.arrow2{background-position:300px bottom;}
		.arrow1 .arrow2 .indent-top1{padding-top:0;}
		.arrow1 .arrow2 .wrapper{margin-bottom:10px !important;}
	.list-2 li{font-size:20px; line-height:24px;}
}

@media only screen and (max-width: 767px) {
	.indent-top1{padding-top:0;}
	.col-2-1{width:123px; margin-right:20px;}
	.col-2-1x{width:126px;}
	.col-2-1xx{width:130px;}
	.col-4{float:none; width:100%; margin-right:0; margin-bottom:30px;}
	/*-----------------------------------------*/
	.logo{float:none; margin-bottom:15px; padding-left:0;}
	.secondary-menu{float:none;}
	.box{padding:25px 0 30px;}
		.box .indents{padding:0 18px;}
	.circle{float:none; margin:0 auto 20px;}
	.arrow1{background-position:110px 0;}
	.arrow2{background-position:250px bottom;}
	.social-icons li{float:left; width:50%;}
	.footer-text, .footer-link{float:none;}
  .img-indent4-1, .img-indent{float: none;margin-right: 0;}
  img{width: 100%;}
  .img-box{display: block;}
}

@media only screen and (max-width: 479px) {
	.col-2-1, .col-2-1x, .col-2-1xx{float:none; width:100%; margin-right:0; margin-bottom:40px;}
	/*-----------------------------------------*/
	.secondary-menu li{background:none;}
		.secondary-menu li:first-child{background:url(../images/secondary-menu-separator.gif) right center no-repeat;}
		.secondary-menu li.last-item{float:none; width:245px; padding-left:0; padding-top:15px;}
	.arrow1{padding-top:0; background:url(../images/arrow1-mp.png) 0 155px no-repeat;}
	.arrow2{padding-bottom:0; background:url(../images/arrow2-mp.png) right 340px no-repeat;}
	.social-icons li{float:none; width:100%;}
}

/****** More *******/

hr {
    width: 67%;
    margin-bottom: 32px;
}

.fb-like {
    margin: 8px 0 34px 0;
}

ol > li {
    margin-left: 10px;
}

.fleft {
    float: left;
    margin: 0 16px 8px 0;
}

#content ul {
    list-style: none;
    padding-left: 1.2em;
    
}

#content ul li:before {
    content: "-";
    display: block;
    float: left;
    width: 1.2em;
    color: #ff8d07;
}

#content ul li h5 {
    display: inline;
}


#center-img1, #center-box1 {
    display: block;
    width: 188px;
    margin : 0 auto 20px auto;
}

#center-img2{
    display: block;
    width: 190px;
    margin : 40px auto 40px auto;
}

#center-img2 img {
    width: 100%
}

#center-img3 {
    width: 320px;
    margin : 0 auto;
}

b {
    font-weight: 700;
}

.margh {
    margin-top: 50px;
}

table {
    display: block;
    margin: 0 auto;
    width: 80%;
}

td {
    padding: 10px
}

.td-left {
    text-align: left;
    padding-left: 20px;
}

#content .grey-list li:before {
    color: #C0B49C;
}

@media only screen and (max-width: 479px) {
    table {
        width: 100%;
    }
    td {
        padding: 2px;
    }
    
    body {
        font-size: 12px;
    }
}

/*------start list_carousel CAROUFREDSEL------- */

#content #carousel {
    padding-left: 0;
}

#carousel .box2 a {
    text-align: right;
}

#carousel .box2 {
    min-height: 305px;
}

.carh2.v3 {
    margin: 30px 0;
}

.list_carousel {
  padding: 0 0 55px;
  position: relative;
  margin-top: 34px;
  margin:0 -10px;
}
.list_carousel .more_btn{
  margin-bottom: 38px;
}
.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;
  cursor: default;
}

.list_carousel li::before {
    content : '' !important;
}
.list_carousel li {
  padding: 0;
  padding-top: 14px;
  margin:0 10px;
  float: left;
}
.list_carousel li blockquote{
	position: relative;
	width: 100%;
	background: #d63b37;
	margin-bottom: 27px;
	color: #fff;
	font-style: italic;
	line-height: 21px;
}
.list_carousel li blockquote .inner{
	padding: 28px 26px;
}

.list_carousel li blockquote:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 22px;
	height: 11px;
	left: 59px;
	bottom: -11px;
	background: url(/../images/quote_corner.png) no-repeat 0 0;
}

.list_carousel.responsive {
  width: auto;
}
.prev,
.next {
  position: absolute;
  top: -47px;
  display: block;
  width: 59px;
  height: 44px;
}
.next {
  background: url(/../images/slider_arr_next.png) no-repeat 0 0;
  right: 11px;
}
.prev {
  background: url(/../images/slider_arr_prev.png) no-repeat 0 0;
  right: 71px;
}
.prev:hover,
.next:hover {
  background-position: 0 bottom;
}

.img_section{
	float: left;
	max-width: 80px;
        margin : 35px 20px 0 20px;
}

.txt3{margin-top: 14px; line-height: 21px;}

.color3{color: #ff8c04;}

.bold {
    font-weight: bold;
}

#carousel .box2 {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    behavior: url(/PIE.htc);
}


/*------end list_carousel ------- */

/* More *********************************************************/

.marTop1{margin-top: 12px;}
.marTop2{margin-top: 16px;padding-bottom: 5px;}
.marTop3{margin-top: 0px !important;}
.marTop4{margin-top: 27px !important;}
.marTop5{margin-top: 22px !important;}
.marTop6{margin-top: 31px !important;}
.marTop7{margin-top: 8px !important; display: inline-block;}
.marTop8{margin-top: -2px !important;}
.marTop9{margin-top: 27px !important;}
.marTop10{margin-top: 45px !important;}

.h2{
    margin-top: 42px;
    margin-bottom: 30px;
}

h2.v2, .h2.v2 {margin-top: 76px;}
h2.v3, .h2.v3{margin-top: 56px;}
h2.v4, .h2.v4{margin-top: 48px;}
h2.v5, .h2.v5{margin-top: 60px; margin-bottom: 28px;}
h2.v6, .h2.v6{margin-top: 48px; margin-bottom: 27px;}
h2.v7, .h2.v7{margin-top: 63px; margin-bottom: 27px;}
h2.v8, .h2.v8{margin-top: 38px;}
h2.v9, .h2.v9{margin-top: 63px;}

.date_txt{
	margin-top: 30px;
	color:#ff8c04;
	display: block;
	margin-top: 13px;
	text-align: center;
	text-transform: uppercase;
}
.date_txt.v2{
	float: left;
	width: 52px;
	text-align: left;
	margin-top: -4px;
	line-height: 18px;
}
.day{
	font:bold 36px/36px 'Archivo Narrow', Arial, sans-serif;
	display: inline-block;
}
.month{
	font:14px/14px 'Archivo Narrow', Arial, sans-serif;
	color:#3c3c3c; 
	text-transform:uppercase;
	display: block;
	margin-bottom: 16px;
}

a.link1{color: #ff8d07;}
a.link1:hover{color: #C0B49C;}

a.link2{color: #ff8d07;}
a.link2:hover{color: #C0B49C;}

a.link3{color: #ff8d07; font-weight: bold;}
a.link3:hover{color: #C0B49C;}

a.link4{color: #ff8d07; font-weight: bold;}
a.link4:hover{color: #C0B49C;}

a.link5{color: #ff8d07; font-weight: bold; text-transform: uppercase;margin-bottom: 10px;display: inline-block; text-decoration: none; font-size:16px;line-height: 26px;}
a.link5:hover{color: #C0B49C;}

.liste-articles, .liste-articles td {
    border: none;
    margin-top: 10px;
}

.page-link {
    display: block;
    float:right;
    min-width: 28px;
    text-align: center;
    padding: 3px;
    font-size: 16px;
    color:#fff;
    background-color: #ff8c04;
    margin: 15px 0 18px 4px; 
}


.page-link:hover {
    background-color: #83868a;
    color:#fff;
}

.main-img {
    display: block;
    width: 300px;
    margin: 40px auto 0 auto;
    /*border:2px solid #83868a;*/
    background:#fff;
    padding:6px;
}

.car-img, .blog-img {
    width: 57px;
    height: 57px;
}

.blog-img, .article-content img {
    background: #fff;
    padding: 5px;
}

.article-content img {
    display: block;
    float: left;
}

.article-content {
    margin: 15px 0 30px 0;
}

.comment {
    font-weight: 600;
    margin: 20px 0 15px 0;
}

.comment p {
    font-weight: 200;
    margin-top: 3px;
} 


.login-box, .suscribe-box, .account-box {
    overflow: hidden;
    display: block;
    /*width: 100%;*/
    max-width: 500px;
    margin: 40px auto;
    background-color: transparent;
    padding: 20px;
    border: 1px solid #ff8c04;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.contact-box {
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 530px !important;
    margin: 40px auto;
}

.comment-list {
    width: 100%;
    overflow: auto;
    max-height: 800px;
}

.comment-box {
    overflow: hidden;
    display: block;
    width: 60%;
}

.comment-box textarea {
    display: block;
    width: 95%;
    border: 1px solid #ccc;
    margin: 15px 0 10px 0;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.login-box input[type=text], .login-box input[type=password], .login-box input[type=email],
.suscribe-box input[type=text], .suscribe-box input[type=password], .suscribe-box input[type=email],
.account-box input[type=text], .account-box input[type=password] {
    display: block;
    width: 90%;
    height: 28px;
    padding: 2px 5px;
    border: 1px solid #ccc;
    float: left;
    clear: left;
    margin: 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.login-box input[type=submit], .suscribe-box input[type=submit], .account-box input[type=submit] {
    display: block;
    float: right;
    clear: both;
    margin: 20px 10%;
    width: 100px;
    max-width: 120px;
    height: 35px;
}

.comment-box input[type=submit] {
    display: block;
    float: right;
    clear: both;
    width: 100px;
    max-width: 120px;
    height: 35px;
    margin-right: 2%;
}

.login-box h1, .suscribe-box h1, .account-box h1 {
    margin: 28px 5px 14px 5px;
}

.login-box .alert, .suscribe-box .alert, .article .alert, .account-box .alert, .contact-box .alert {
    font: 16px/16px 'Archivo Narrow', Arial, sans-serif;
    background: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442;
    border: 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 462px;
    padding:10px;
    margin-bottom: 9px;
    float: left;
    clear: both;
}

.contact-box .alert {
    font: 16px/16px 'Archivo Narrow', Arial, sans-serif;
    background: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442;
    border: 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 500px;
    padding:10px;
    float: left;
    clear: both;
}

.login-box .success, .suscribe-box .success, .article .success, .account-box .success, .contact-box .success {
    font: 16px/16px 'Archivo Narrow', Arial, sans-serif;
    background: #b2dba1 !important;
    border-color: #d6e9c6;
    color: #3c763d;
    border: 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 462px;
    padding:10px;
    margin-bottom: 9px;
    float: left;
    clear: both;
}

.contact-box .success {
    font: 16px/16px 'Archivo Narrow', Arial, sans-serif;
    background: #b2dba1 !important;
    border-color: #d6e9c6;
    color: #3c763d;
    border: 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    /*max-width: 500px;*/
    padding:10px;
    float: left;
    clear: both;
}

.article .al-left {
    float: left;
    clear: both;
}

.article-content ol li, .article-content ul li{
    padding-left : 10px;
    margin-left: 20px;
}

.article-content img {
    display: block;
    float: left;
    margin: 10px 40px 10px 0;
    overflow: hidden;
}


article section {
    overflow: auto;
}

.top-adress {
    font-size : 16px;
    line-height: 20px;
    font-weight: 200;
    margin: 10px 0 0 40px;
}

.top-phone {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin : 10px 0 20px 40px;
    color: #db0e22;
}

.top-phone img {
    max-width: 23px;
    max-height: 28px;
}

.footer-adress-column {
    text-align: center;
}

.footer-adress {
    font: bold 10px/16px Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.center, .center p {
    text-align: center !important;
}

.account-control {
    overflow:auto;
    margin-bottom: 15px;
}

.account-control span {
    margin-left: 10px;
    font-weight: bold;  
}

.contact-form-control {
    margin-bottom: 20px;
}


#img_hp_flag, #img_du_ville, #img_dfp_justice, #img_da_groupe {
    float: left;
    margin : 20px 12px 4px 0;
    max-width: 300px;
}

#img_dmp_stylo {
    display: block;
    width: 360px;
    margin : 50px auto 0 auto;
}

#img_dct_puzzle {
    display: block;
    width: 360px;
    margin : 60px auto 0 auto;
}

a img {
  border: none !important;
}

h2 > a {
    color: #fff;
    text-decoration: none;
}

.article-content h2 {
    margin-bottom: 22px;
}

.topicon, .logotop {
    color:transparent !important;
}

.socials {
    margin-left: 20px;
}

@media (max-width : 1244px) {
    .topicon > img {
        margin-bottom: 30px;
        margin-top: -30px;
        width: 36px;
    }
}

@media (max-width : 767px) {
    .topicon > img {
        margin-top: -10px;
        width : 26px;
    }
}