/* CMS pages ****************************************************************************** */

#cms #center_column ul,
#cms #center_column ol,
#cms #center_column dl { margin-left:25px; margin-bottom:20px }

#cms #center_column li { margin-bottom:5px }

#cms h2 {
    font-size: 28px;
    line-height: 36px;
}

#cms h2.fancy-title {
    color: #fff;
    background-color: #d3581a;
	padding: 9px 18px;
	margin: 48px 0 24px -18px;
	width: 420px;
	position: relative;
}

#cms h2.fancy-title.long {
	width: 700px;
}

#cms h2.fancy-title:after {
	content: '';
	border-right: 11px solid transparent;
	border-top: 54px solid #d3581a;
	right: -11px;
	top: 0;
	position: absolute;
}

#cms h2.fancy-title.high:after {
	border-left: 18px solid transparent;
	border-top: 90px solid #56555b;
	left: -18px;
}

#cms h2.fancy-title-2 {
    width: 600px;
    color: #fff;
    background-color: #56555b;
    text-align: right;
    margin: 48px -18px 24px auto;
    padding: 9px 18px 9px 0;
    position: relative;
}

#cms h2.fancy-title-2:after {
	content: '';
	border-left: 18px solid transparent;
	border-top: 90px solid #56555B;
	left: -18px;
	top: 0;
	right: auto;
	position: absolute;
	border-right-width: 0;
}

#cms h3 { margin-bottom: 6px }

.rte a, .mceContentBody a {
    color: #d45819;
    font-weight: bold;
    text-decoration: none;
	transition: all 0.2s;
}

.rte a:hover, .mceContentBody a:hover {
    text-decoration: none;
    color: #000;
}


/* ************************************************************************************************
		CSS responsive pour version mobile
************************************************************************************************ */


@media only screen and (max-width: 767px) {

body#cms { padding-top: 70px; }

.cms img {
	max-width: 100%;
	height: auto;
}

.cms table {
	width: 100% !important;
	height: 100% !important;
}

.cms iframe {
	width: 100% !important;
}

.cms-pdv img, .cms-infos img {
	width: 100%;
	height: auto;
}

.cms-pdv iframe {
	height: 350px !important;
}

#cms h2.fancy-title {
	max-width: 90%;
}

#cms h2.fancy-title.long {
	width: 90%;
}

#cms h2.fancy-title.long:after {
	border-right: 18px solid transparent;
	border-top: 90px solid #d3581a;
	right: -18px;
}

#cms h2.fancy-title-2 {
	width: 106%;
	margin: 48px -3% 24px;
	padding: 12px 0;
	text-align: center;
}

.guide ul.advantages {height:auto!important;}

.guide ul.gamme_list {text-align:center;}

.guide ul.gamme_list > li {
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: initial;
}

}