@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/din-medium_0-webfont.eot');
    src: url('../fonts/din-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-medium_0-webfont.woff2') format('woff2'),
         url('../fonts/din-medium_0-webfont.woff') format('woff'),
         url('../fonts/din-medium_0-webfont.ttf') format('truetype'),
         url('../fonts/din-medium_0-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinbold';
    src: url('../fonts/din-bold-webfont.eot');
    src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-bold-webfont.woff2') format('woff2'),
         url('../fonts/din-bold-webfont.woff') format('woff'),
         url('../fonts/din-bold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rockwellregular';
    src: url('../fonts/rockwell-webfont.eot');
    src: url('../fonts/rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockwell-webfont.woff2') format('woff2'),
         url('../fonts/rockwell-webfont.woff') format('woff'),
         url('../fonts/rockwell-webfont.ttf') format('truetype'),
         url('../fonts/rockwell-webfont.svg#rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.title_accordeon{
	font-family: 'dinbold';
	font-size: 1.5em;
	color:white;
	background: #005d75;
	padding: 15px 25px;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	margin-bottom: 5px;
}
div.title_accordeon.opened{
	background: #45474d;
}
div.title_accordeon:after{
	content: url("../img/arrow_accordeon.png");
	font-family: "fontello";
	font-size: 1.4em;
	position: absolute;
	right:15px;
	top: 50% !important;
  margin-top: -24px;
}
div.title_accordeon.opened:after{
	content: url("../img/arrow_accordeon_opened.png");
}
div.accordeon{
	font-size: 1em;
	padding: 25px 50px;
	margin-top: -5px;
}
p.description{
	margin: 15px;
	padding: 10px 100px;
	background: #d9e7ea;
}
h1.title{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
	clear: both;
	margin-bottom: 40px;
}
h2.title{
	font-family: "dinbold";
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0 130px 15px;
}
h3.title{
	font-family: "rockwellregular";
	font-size: 1.313em;
	color: #005d75;
	margin: 0 130px 5px;
}
h4.title{
	font-family: "Arial";
	font-weight: bold;
	font-size: 1.125em;
	margin: 0 130px 5px;
}
.cke_editable p a,
.accordeon a{
	color: #005d75 !important;
	text-decoration: underline;
}
.thematique .accordeon a,
.view_type_1 .accordeon a{
	text-decoration: none;
}
.page_simple p a{
	color: #005d75 !important;
}
@media only screen and (max-width: 480px){
	div.title_accordeon{
		font-size: 1em;
	}
}

@media only screen and (max-width: 900px){
	p,
	h2.title,
	h3.title,
	h4.title{
		margin: 0 20px 5px;
	}
	.page_simple p.description{
		padding: 10px 20px;
	}
}
@media only screen and (max-width: 480px){
	h1.title{
		margin-bottom: 20px;
		font-size: 2em;
	}
	p,
	h2.title,
	h3.title,
	h4.title{
		margin: 0 0 5px;
	}
	p.description{
		margin: 15px 0;
	}
	div.title_accordeon:after{
		margin-top: -11px !important;
	}
	.accordeon_type_2 div.title_accordeon:after{
		margin-top: -20px;
	}
}
@media only screen and (max-width: 360px){
	p{
		font-size: 1em;
	}
	h2.title{
		font-size: 1.3em;
	}
	h3.title{
		font-size: 1.125em;
	}
	h4.title{
		font-size: 1em;
	}
}