/* Commun */

h1 {
	position:relative;
	font-size: 2.14em;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 40px;
	padding: 20px 0 40px;
	text-transform: uppercase;
	}
h1 em {
	font-style: inherit;
	font-weight: 700;
	color: #005d86;
	}
h1 strong {
	font-weight: 700;
	position: relative;
	}
h1 strong::before {
	content:'';
	position: absolute;
	top: 5px;
	left: -3px;
	width: calc(100% + 6px);
	height: calc(100% - 10px);
	background-color: #fcde00;
	z-index: -1;
	}

@media screen and (max-width: 550px) {
h1 {
	font-size: 1.6em;
	line-height: 35px;
	}
	}





[id*="bloc_"] h1 {
	padding: 40px 0 20px;
	}

.catalogue h1 + p {
	text-align: center;
	font-size: 1.14em;
	font-weight: 600;
	}


h2 {
	position:relative;
	font-size: 1.71em;
	font-family: 'Montserrat', sans-serif;
	color: #005d86;
	font-weight: 700;
	line-height: 40px;
	padding: 20px 0 15px;
	}
h2 strong {
	font-weight: 700;
	position: relative;
	}
h2 strong::before {
	content:'';
	position: absolute;
	top: 2px;
	left: -3px;
	width: calc(100% + 6px);
	height: calc(100% - 2px);
	background-color: #fcde00;
	z-index: -1;
	}
h2 em {
	font-style: inherit;
	font-weight: 300;
	color: #1f4773;
	}
.titrefleche h2::before {
	content: url(/images/fleche_titre.png);
	position: absolute;
	top: 25px;
	left: -45px;
	
	}
[id*="bloc_"] h1 + h2 {

	}
.fondgris h2 {
	color: #231f20;
	}
/*h2::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 86px;
    height: 3px;
    background-color: #c5d301;
	}*/


h3 {
	position: relative;
	font-family: 'Montserrat', sans-serif;
    color: #005d86;
	font-size: 1.42em;
    font-weight: 500;
	padding: 20px 0 10px;
	line-height: 28px;
	margin: 0 0 0 0;
	}
h3 span {
	font-family: 'Montserrat', sans-serif;
    color: #005d86;
	font-size: 1.1em;
    font-weight: 500;
	}
h1 + h3 {
	padding: 0px 0 60px;
	
	}
h4 {
	font-family: 'Montserrat', sans-serif;
    font-size: 1.21em;
    color: #cf2e27;
	padding: 15px 0 5px 0;
	line-height: 34px;
	margin: 0 0 0 0;
	}


h5 {
	font-family: 'Montserrat', sans-serif;
    font-size: 1.71em;
    color: #cf2e27;
	font-weight: 700;
	position: relative;
	text-align:center;
	}

p, li, b, strong, div, span, before, after, td {
	font-family: 'Assistant', sans-serif;
	color: #000;
	font-weight: 400;
	}
[id*="bloc_"] p, [id*="bloc_"] li {
	font-size: 1.21em;
	line-height: 26px;
	}
[id*="bloc_"] img {
	border-radius: 5px;
	border: 1px solid #d1d3d4;
	}
p b, .texte li b, p strong, .texte li strong, li strong {
	color: #292728;
	font-weight: 600;

	}
p a {
	color: #000;
	
	}
a {
	font-weight:inherit;
	color:  #fff;
	text-decoration: none;
	font-weight: 400;
	}
a:hover {
	text-decoration: none;
	color:  #fff;
	}

.pdf a{border: 1px solid #ccc; padding: 8px 10px 8px 40px; border-radius: 5px; background:url(/images/icones/icone_pdf_bleu.png) no-repeat 10px center;}
.pdf a:hover{ color: inherit;}

header .centre, .texte .centre, footer .centre, .slide .centre, #recherche .centre, #slide .centre, [id*="bloc_"] .centre {
	margin: 0 auto;
	max-width: 1200px;
	width: 96%;
	position: relative;
	}
.texte.clemiss  .centre {

	}

@media screen and (max-width: 575px) {
.texte .centre, .slide .centre, #recherche .centre, #slide .centre, [id*="bloc_"] .centre {
	width: 100%;
	padding: 0 20px;
	}

	}
.center {
	text-align: center;
	}
.texte  {
	position:relative;
	}
.texte p {
	font-size: 1.21em;
	line-height: 24px;
	padding-bottom: 10px;
	}
.texte p.alerte {
	color: #ff0000;
	}

.texte li  {
	font-size: 1.14em;
	line-height: 26px;
	}
.texte li ul li  {
	font-size: inherit;
	}
.texte p a {

	}
.texte p a:hover {
	text-decoration: none;
	}
.texte li p{
	font-size: inherit;
	}
.texte.clemiss{

	}
.texte.clemiss h1, {
	font-size: 2.5em;
	padding: 0 0 30px;
	}
.texte.clemiss a{

	}
.texte.clemiss a:hover {
	text-decoration: none;
	}

.texte.contact {
	padding-bottom: 50px;
	text-align: center;
	}

.texte.contact.formulaire{
	padding: 0 0 80px;

	}
	
p.envoye span {
    color: #fff;
	background-color: #bd0000;
	text-transform: uppercase;
    font-size: 1.20em;
	padding: 10px 20px 8px 20px;
	margin: 0px auto 40px auto;
	font-weight: 500;
	}
	
	
p.bouton, .texte.clemiss p.bouton, .texte.clemiss .telechargement {
	text-align: center;
	}
[id*="bloc_"].bouton p a, p.bouton a, .texte.clemiss p.bouton a, .bouton a{
	padding: 6px 30px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-size: 0.93em;
	color: #fff;
	font-weight: 400;
	margin: 50px 0 20px;
	text-decoration: none;
	border: 1px solid #ffdd5c;
	text-align:center;

	}
.p3 [id*="bloc_"].bouton p a, .texte.catalogue p.bouton a {
	border: 1px solid #333a42;
	background-color: transparent;
	color: #333a42;
	font-weight: 600;
	font-size: 0.8em;
	margin: 50px auto 0 auto;
	}

.telechargement a, .texte.clemiss .telechargement a{
	padding: 3px 15px;
	display: block;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size: 0.85em;
	font-weight: 600;
	color: #2a303c;
	margin: 20px 0;
	text-decoration: none;
	padding-left: 40px;
	background: url(/images/icone_telecharger.png) #f3f4f4 no-repeat 14px center;
	}
p.bouton a{
	text-decoration: none;
	}
.bouton a:hover, .texte.clemiss .bouton a:hover{
	text-decoration: none;

	}
@media screen and (max-width: 766px) {
[id*="bloc_"].bouton p a, p.bouton a, .texte.clemiss p.bouton a{
	margin: 15px 0 25px;
	}
	}
@media screen and (max-width: 568px) {
p.bouton {
	text-align: center;
	}
	}
	
.list li{
	padding-left: 35px;
	position: relative;	
	margin-bottom: 7px;
	}
.list li:before{
	content: '';
	background-color: #0f4066;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 10px;
	left: 15px;
	border-radius: 50%;
	}
/*CMS*/
p:empty {
	display:none;
	}
[id*="bloc_"].iframe {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}


/*list à numéro*/
.clemiss ol {
	counter-reset: numero;
	}
.clemiss ol li{
	counter-increment: numero;
	padding-left: 25px;
	position: relative;
	margin-bottom: 7px;
	}
.clemiss ol li:before {
	content: counter(numero);
	display:block;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-align:center;
	color: #fff;
	font-size: 0.84em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	background-color:#cc016d;	
	position: absolute;
	top: 4px;
	left: 0px;
	}


/*.clemiss [id*="bloc_"] ul > li{
	position: relative;
	padding-left: 15px;
	}
.clemiss [id*="bloc_"] ul > li:before{
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #bd0000;
	position: absolute;
	top: 11px;
	left: 2px;
	}*/


[id*="bloc_"] {
	padding: 20px 0;
	}
[id*="bloc_"].iframe {
	padding-bottom: 0px;
	}
.texte.mentions {
	padding-bottom: 80px;
	}





/*Ariane*/
p.ariane {
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    font-weight: 300;
    color: #77787b;
    font-size: 0.83em;
    padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 25px;
	line-height: 18px;
	text-align:left;
	}
.texte.clemiss p.ariane a, p.ariane a{
    color: #636466;
	text-decoration: none;
	}

/*Marge*/
.l100, .l200, .l300, .l400, .l500, .l600, .l700, .l800, .l900, .l1000, .l1000, .l1200, .l1300, .l1400  {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	}
.l1400 {
	max-width: 1400px;
	}
.l1300 {
	max-width: 1300px;
	}
.l1200 {
	max-width: 1200px;
	}
.l1100 {
	max-width: 1100px;
	}
.l1000 {
	max-width: 1000px;
	}
.l900 {
	max-width: 900px;
	}
.l800 {
	max-width: 800px;
	}
.l700 {
	max-width: 700px;
	}
.l600 {
	max-width: 600px;
	}
.l500 {
	max-width: 500px;
	}
.l400 {
	max-width: 400px;
	}
.l300 {
	max-width: 300px;
	}
.l200 {
	max-width: 200px;
	}
.l100 {
	max-width: 100px;
	}


/*Responsive*/
@media screen and (max-width: 768px) {
.grid-2-small-1 .droite {
	padding-top: 30px;
	}
.grid-2-small-1 .droite img{
	margin: 0 auto;
	display:block;
	}
	}

/*Reassurance*/

.texte.reassurance {
	background-color: #001f2c;
	padding-top: 15px;
	}
.texte.reassurance li{
	display: inline-block;
	width: 33.3333333333%;
	vertical-align:middle;
	margin: 0 0 15px 0;
	color: #fff;
	padding: 0 0 0 90px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.07em;
	line-height: 20px;
	}
.texte.reassurance li b{
	font-weight: 600;
	color: #fff;
	}
.texte.reassurance li:first-child{

	}
.texte.reassurance li:nth-of-type(1) {
	background: url(/images/icone_reassurance_1.png) no-repeat 5px center;
	}
.texte.reassurance li:nth-of-type(2) {
	background: url(/images/icone_reassurance_2.png) no-repeat 10px center;
	}
.texte.reassurance li:nth-of-type(3) {
	background: url(/images/icone_reassurance_3.png) no-repeat 10px center;
	}

@media screen and (max-width: 600px) {
.texte.reassurance li{
	width: 50%;
	}
	}
@media screen and (max-width: 500px) {
.texte.reassurance li{
	display: block;
	max-width: 290px;
	width: 90%;
	margin: 0 auto 0 auto;
	padding-bottom: 25px;
	}
.texte.reassurance li:nth-of-type(2) {
	background: url(/images/icone_reassurance_2.png) no-repeat 20px center;
	}
.texte.reassurance li:nth-of-type(3) {
	background: url(/images/icone_reassurance_3.png) no-repeat 20px center;
	}
	}
	
/*slide*/

.deuxcolonnes .gauche, .deuxcolonnes .droite{
	display:inline-block;
	vertical-align:text-top;
	width: 50%;
	height: 280px;
	}
.deuxcolonnes .gauche{
	position: relative;
	background-color: #005d86;
	padding-top:100px;
	padding-left: calc(50% - 600px);
	text-align: left;
	padding-right: 20px;
	}
@media screen and (max-width: 1260px) {
.deuxcolonnes .gauche{
	padding-left: 20px;
	
	}
	}
.deuxcolonnes .gauche h1{
	color: #fff;
	font-weight: 700;
	font-size: 3.2em;
	text-align:left;
	line-height: 50px;
	text-transform:inherit;
	padding-right: 30px;
	text-transform:uppercase;
	}
@media screen and (max-width: 550px) {
.deuxcolonnes .gauche h1{
	font-size: 1.9em;
	line-height: 30px;

	}
	}
@media screen and (max-width: 680px) {
.deuxcolonnes .gauche, .deuxcolonnes .droite{
	width: 100%;
	height: auto;
	}
.deuxcolonnes .droite{
	height: 300px;
    vertical-align: inherit;
	}
.deuxcolonnes .gauche{
	padding-top:70px;
	padding-bottom: 70px;
	}
.deuxcolonnes {
	height: auto;
	}
	}

/*Barre lien footer*/

.texte.lienfleche {
	background-color: #1f4773;
	padding: 30px;
	display:block;
	text-align:center;
	}
.texte.lienfleche  span {
	position: relative;
    font-size: 1.85em;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
	}
.texte.lienfleche  span em {
    font-style: inherit;
    font-weight: 300;
    color: #fff;
	}
.texte.lienfleche  span:after {
	content:'';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 5px solid #ffde04;
	border-top: 5px solid #ffde04;
	transform:rotate(45deg);
	margin-left: 5px;
	}
@media screen and (max-width: 550px) {
.texte.lienfleche  span {
    font-size: 1.4em;
	}
	}
.texte.lienbouton {
	background-color: #00010d;
	text-align:center;
	padding: 80px 0;
	}
.texte.lienbouton li{
	display: inline-block;
	vertical-align:text-top;
	max-width: 600px;
	width: 50%;
	padding: 0 20px;
	}
.texte.lienbouton li:first-child{
	font-size: 2.14em;
	font-family: 'Days One', sans-serif;
	color: #fff;
	font-weight: 400;
	text-align: left;
	line-height: 40px;
	}
.texte.lienbouton li:first-child em{
	display: block;
	font-style: normal;
	color: #61888c;
	}
@media screen and (max-width: 700px) {
.texte.lienbouton li{
	max-width: 100%;
	width: 100%;
	}
	}