/* Fonts */
@import url(/include/font-lato.css);

/* Base */

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;

	font-family: 'Lato';
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	margin: 0px 0px 0px 0px;
	overflow-x: hidden;
	overflow-y: visible;
	width:100%;
	font-display: swap;
	top: 0px;
}

/* Headers */

h1,h2,h3,h4,strong,b {
	color: #333333;
}
h1,h2,h3,h4 {
	font-weight: 300;
	margin-left: 15px;
    margin-right: 15px;
}

h1 {
	font-size: 40px;
	margin-block-start:90px;
	text-transform: uppercase;
	color:#333333;
	font-weight: 700;
}

h2 {
	font-size: 28pt;
	text-align: left;
	/* 	text-transform: uppercase; */
	/*  font-weight: bold;*/	
	margin-top:45px;
	margin-bottom:45px;	
}
h3, h4 {
	font-size: 20pt;
}

div.NetplB10blocParagrapheArdansEmptyh2 {
    line-height: 0px;
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
	h1 {
			font-size: 32pt;
	}
	h2 {
		font-size: 28pt;
	}
	h3,h4 {
		font-size: 18pt
	}
}

@media screen and (max-width: 479px) {
	h1 {
			font-size: 24pt;
	}
	h2 {
		font-size: 20pt;
	}
	h3,h4 {
		font-size: 18pt
	}
}


strong,b {
	/* font-weight: 500; */
	color : #333333;
}
a:active, .activelink {
	color: #333333;
	text-decoration: underline;
	text-decoration-color: #ff679b;
}

a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: underline;
	text-decoration-color: #9cc7e6;
}



li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

video:focus {
    outline: none;
}

/*Bootstrap DEBUT*/

.container-lg {
	max-width:1170px;
}
.nopadding {
    padding: 0;
	}
.nomargin {
    margin: 0;
	}

.contactheader {
	color: #333333;
	font-size:1.4em;
	text-align:right;	
	top:25px;
	padding-right:20px;
}
/* JP */

.paragrapheinfosecondaire {
	font-size:10px;
}

/* A00 video responsive DEBUT */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	text-align: center;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* A00 video responsive FIN */

#headerfond p {
text-transform: none ;
/* color: #52585f ; */
font-size: 20px ;
}

#headerfond p.headertext_00 {
	color:#525252;
}

#headerfond p.headertext_01 {
	color:#525252;
}

#headerfond p.headertext_02 {
	color:#525252;
}

#headerfond p.headertext_03 {
	color: #525252;
}

h2.paragraphetitre_00 {

	font-size: 40pt;
	font-weight: 200;
	color:rgb(118,153,197);
}


.B10_paragraphe_0, .B10_paragraphe_1, .B10_paragraphe_2, .B10_paragraphe_3, .B10_paragraphe_4, .B10_paragraphe_5, .B10_paragraphe_6, .B10_paragraphe_7, .B10_paragraphe_8, .B10_paragraphe_9, .B10_paragraphe_10, .B10_paragraphe_11 {
/* text-align: left;
margin-left: 25px;
margin-right: 25px; */
width:100%; /* MISE A JOUR IMPORTANTE */
}


p.icone {
text-align: right ;
padding-right: 40px ;
}


.footertop {
	background-color: #fecb00;
	color: #000;
	padding: 30px 0;
	font-size: 1em;
	text-align: center;
    font-family: 'Lato';
	font-display: swap;
}

.titrefooter {
	color: #cc092f;
	font-size: 1.6em;
	text-align: left;
}

div.titrefooter_00 {
	font-size: 16px;
	font-weight: 700;
	/*text-transform: uppercase;*/
	color:white;
	text-align:left;
}

div.titrefooter_01 {
	font-size: 12px ;
	font-weight: 700;
	text-transform: uppercase;
	color:#000;
	text-align:left;
}

div.titrefooter_02 {
	font-size: 12px ;
	font-weight: 700;
	text-transform: uppercase;
	color:#cc092f;
	text-align:left;
}

div.titrefooter_03 {
	font-size: 12px ;
	font-weight: 700;
	text-transform: uppercase;
	color:#cc092f;
	text-align:left;
}

.footertexte {
	color: white;
	font-size: 1rem;
	text-align: left;
    font-family: 'Lato';
	font-display: swap;
}

.footertexte a {
    color: white ;
	text-decoration: none;
	transition: opacity 200ms ease-in;
}

.footertexte .link-main {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
}

.footertop .mapsep {
    display: none;
}

.footertop .map {
	width: 140px;
	height: 140px;
	border: 1px solid #c7c6c6;
    margin-left: auto;
}

.footertexte a:hover {
	opacity: 0.8;
}

.contact-box .contact-title,
.contact-box .contact-info {
	text-align: left;
}

/*.contact-box .contact-title {
    font-size: 16px;
}*/

.social-links {
    margin-top: 20px;
    text-align: left;
}

.social-links a {
    margin-right: 30px;
    text-decoration: none;
}

.social-links a:last-child {
    margin-right: 0;
}

.social-links img {
	width: 30px;
	height: 30px;
}

.vcenter {
	display: inline-block;
	vertical-align: top;
	float: none;
}

.footerbottom {
	background-color: #fecb00;
	color: #000;
	padding: 12px 0 8px;
	font-size: 0.7em;
	text-align: left;
    font-family: 'Lato';
	font-display: swap;
}

.colophon {
	display: inline-block;
	padding-top: 3px;
}

.footerbottom > .row {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
}

.footerbottom .colophon > div {
	padding-right: 7px;
	border-right: 1px solid #555;
	margin-right: 6px;
	padding-left: 0;
	width: auto;
}

.footerbottom .colophon > div:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.footerbottom .colophon > div > a {
	color: #000;
	text-decoration: none;
}

.footerbottom .colophon > div > a:hover {
	opacity: 0.8;
}

.social {
	display: inline;
	float: right;
	line-height: 0;
}

.social a {
	text-decoration: none;
}

.social .fb,
.social .gp,
.social .tw,
.social .in {
	display: inline-block;
	vertical-align: top;
}
															
.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
	display: flex;
	align-items: center;
	justify-content: center; /* Optional, to align inner items 
															horizontally inside the column */
}

/* centered columns styles */
.row-centered {
		text-align:center;
}
.col-centered {
	display:inline-block;
	float:none;
	/* reset the text-align */
	text-align:center;
	/* inline-block space fix */
	margin-right:-4px;
}

.encart {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	text-shadow: none;
	padding: 0 20px;
	width:100%;
	color: #fff;
	/* padding: 20px 20px 20px 20%; */
	text-align: left;
	/* white-space: nowrap;	 */
}

/* Styles pour les fonds */

.bleuardansfonce {
	background-color: #01365c;
}
.bleuardans {
	background-color: #0066AD;
}
.bleuardansclair {
	background-color: #c3e1f7;
}
.backAeroLightGray{
	background-color: #E4E4E4;
	width : 100%;
}
.backAeroGray{
	background-color: #F2F2F2;
	width : 100%;
}

.backBleuAtmi{
	background-color: #0087b4;
	width : 100%;
}

.backJauneAtmi{
	background-color: #fad201;
	width : 100%;
}

.backAero3Col .ImgBloc{
	max-width : 300px;
	margin-left: auto;
	margin-right: auto;
}

.texturebackkm h1, .texturebackim h1, .texturebackek h1, .texturebackck h1, .texturebackbs h1, .bleuardansfonce h1, .bleuardans h1, .backBleuAtmi h1,
.texturebackkm h2, .texturebackim h2, .texturebackek h2, .texturebackck h2, .texturebackbs h2, .bleuardansfonce h2, .bleuardans h2, .backBleuAtmi h2,
.texturebackkm h3, .texturebackim h3, .texturebackek h3, .texturebackck h3, .texturebackbs h3, .bleuardansfonce h3, .bleuardans h3, .backBleuAtmi h3 {
	color : white;
}
.texturebackkm a:active, .texturebackim a:active, .texturebackek a:active, .texturebackck a:active, .texturebackbs a:active, .bleuardansfonce a:active, .bleuardans a:active, .backBleuAtmi a:active,
.texturebackkm a:link, .texturebackim a:link, .texturebackek a:link, .texturebackck a:link, .texturebackbs a:link, .bleuardansfonce a:link, .bleuardans a:link, .backBleuAtmi a:link,
.texturebackkm a:visited, .texturebackim a:visited, .texturebackek a:visited, .texturebackck a:visited, .texturebackbs a:visited, .bleuardansfonce a:visited, .bleuardans a:visited, .backBleuAtmi a:visited,
.texturebackkm strong, .texturebackim strong, .texturebackek strong, .texturebackck strong, .texturebackbs strong, .bleuardansfonce strong, .bleuardans strong, .backBleuAtmi strong,
.texturebackkm b, .texturebackim b, .texturebackek b, .texturebackck b, .texturebackbs b, .bleuardansfonce b, .bleuardans b, .backBleuAtmi b {
	color : white;
}

.texturebackkm a:active, .texturebackim a:active, .texturebackek a:active, .texturebackck a:active, .texturebackbs a:active, .bleuardansfonce a:active, .bleuardans a:active, .backBleuAtmi a:active,
.texturebackkm a:link, .texturebackim a:link, .texturebackek a:link, .texturebackck a:link, .texturebackbs a:link, .bleuardansfonce a:link, .bleuardans a:link, .backBleuAtmi a:link,
.texturebackkm a:visited, .texturebackim a:visited, .texturebackek a:visited, .texturebackck a:visited, .texturebackbs a:visited, .bleuardansfonce a:visited, .bleuardans a:visited, .backBleuAtmi a:visited {
	text-decoration-color: white;
}

.texturebackkm, .texturebackim, .texturebackek, .texturebackck, .texturebackbs, .bleuardansfonce, .bleuardans, .backBleuAtmi {
	color : white;
}

.texturebackkm thead th, .texturebackim thead th, .texturebackek thead th, .texturebackck thead th, .texturebackbs thead th, .bleuardansfonce thead th, .bleuardans thead th, .backBleuAtmi thead th {
background-color: #FFFFFF60
}
.texturebackkm tbody td, .texturebackim tbody td, .texturebackek tbody td, .texturebackck tbody td, .texturebackbs tbody td, .bleuardansfonce tbody td, .bleuardans tbody td, .backBleuAtmi tbody td {
color: #FFFFFF
}


@media screen and (min-width: 1080px){
	.texturebackkm, .texturebackim, .texturebackek, .texturebackclairright, .texturebackclairleft, .texturebackclair, .texturebackck, .texturebackbs {
		background-repeat: no-repeat;
		background-size: 150%;
	}
}
@media screen and (max-width: 1079px){
	.texturebackkm, .texturebackim, .texturebackek, .texturebackclairright, .texturebackclairleft, .texturebackclair, .texturebackck, .texturebackbs {
		background-repeat: no-repeat;
		background-size: cover;
	}
	.texturebackclairright, .texturebackclairleft {
		background-image: none;
	}
}

/* BOOTSTRAP MODIFS */

/* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 15px;
    padding-left: 15px;
}*/

.backff h1, .backee h1, .backe5 h1{
	font-weight: 200;
	color : rgb(118, 153, 197);
	font-size:40pt;
	text-transform: uppercase;
}

.backff h2, .backee h2, .backe5 h2{
		color : black;

		}

.backff h2, .backee h2{
}
.backe5 h2{
	color:#ffffff;
}

.backee, .separ-backee {
	background-color:#f7f7f7;
}

.separ-backee h2 {
	font-weight: 700;
	text-transform: none;
}

.backee h4 {
}

.backff, .separ-backff{
	background-color:#ffffff;
}

.separ-backff h2 {
	font-weight: 200;
	color : rgb(118, 153, 197);
	font-size:40pt;
	text-transform: none;
}

.separ-backff h2::after, .separ-backee h2::after {
	/* content: ""; */
	/* border-top: 2px solid rgb(204, 9, 47); */
	/* width: 40px;
	display: block;
	margin: 20px auto; */
}


.backe5 {
	background-color:#828282;
	color: #ffffff;
}

.backe5 h2{
	color: #ffffff;
}

.backGrey{
	background-color: #E4E4E4;
	color : #333333;
}

.backGrey .NetplB10blocParagraphe {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	color : #333333;
	border-radius: 30px 30px 30px 30px;
	padding : 10px 20px 10px 20px;
}

.backGrey .NetplB10blocParagraphe h2{
	color : #333333;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

.backGrey .NetplB10blocParagraphe p{
	font-size: 18px;
}

.backGrey .NetplB10blocParagraphe strong{
	font-weight: 700;
}

.backGrey .NetplB10blocParagraphe table{
	margin: auto;
}

.backblue, .separ-backblue {
	background: linear-gradient(90deg, RGBa(0,89,157,1) 0%, RGBa(0,72,126,1) 100%);
}

.backblue{
	font-weight: 300;
	color :white;
	font-size:14pt;
}

.backblue a:link{
	font-weight: 300;
	color :white;
	font-size:14pt;
	font-weight: bold;
}

.backblue h1{
	font-weight: 200;
	color :white;
	font-size:40pt;
	text-transform: uppercase;
}

.backblue h2{
	font-weight: 200;
	color :white;
	font-size:40pt;
	text-transform: uppercase;
}

.separ-backblue h2 {
	color : white;
	font-size:40pt;
	font-weight: 200;
	text-transform: none;
	margin-bottom: 0px;
	letter-spacing: 4px;
}
.separ-backblue-after img{
	vertical-align: top;
}

/* Fin styles pour les fonds */



.latwrapper {
	position: fixed;
	top: 44%;
	z-index: 2000;
	right: 16px;
	height: 300px;
	top: 50%;
	margin-top: -150px;
}
.bandeau {
	height:120px;
}

@media screen and (min-width: 1025px){
	.encart {
		left: 0%;
	}
	
	.backtuyau {
		background-position:top right;

	}
	
	h1, .pagetitre {
		text-align: left;
	}

}

@media screen and (min-width: 1281px){
.encart	{
	left: 0%;
}

.backtuyau{
	background-position:90% 0;
}
.latwrapper {
right:0px;
}
}


@media screen and (min-width: 1400px){
.encart	{
	left: 0%;
}

.backtuyau{
	background-position:80% 0;
}
}

@media screen and (max-width: 1200px){
	.menuH {
	position: relative;
    top: -20px;	
}
	.tophead {
	background-image: url(../images/0003logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
}

@media screen and (max-width: 991px) {
    .footertop .map {
        display: none;
    }
    .footertop .mapsep {
        display: block;
        border-color: rgba(0,0,0,0.2);
    }

    .contact-box .contact-title,
    .contact-box .contact-info {
        text-align: left;
    }

	.social-links {
        text-align: left;
    }

    .footerbottom {
		text-align: center;
	}
	
	.colophon {
		display: block;
		padding-top: 0;
	}
	
	.social {
		display: block;
		margin-top: 10px;
		text-align: center;
	}

	h2,h3{
		margin-left: 0px;
	}

	h2{
		text-align: left;
	}
}

@media screen and (max-width: 768px){
	.logoAPM {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
	}

	.contactheader {
        color: #333333;
        font-size: 1em;
        text-align: center;	
	}
}


.encartnews {
top:36%;
left:11%;
width:70%;
}


/*Bootstrap FIN */


.bordure{
	background-color: #FFF;
	width: 1px;
}

.tableauboitetelechargez{
	width:100%;
	text-align:left;
}

.titreimage {
	background-repeat: repeat-x;
	background-position: left;
}

.sizetenpix {
	font-size: 12px;
	color: #000000;
}

.size10pix {
	font-size: 1em;
	color: #000000;
	line-height: 1.2em;
}

.size8pix {
	font-size: 8pt;
}

.hautdate {
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	white-space: nowrap;
	text-align: right;
	padding-right: 5px;
}



TD.line-height {
	line-height: 0px;
}

B {
	font-weight: bold;
}


.breadcrumbs {
	width: 100%;
	padding: 10px 0;
	border-bottom: 2px solid #000;
	background-color: #084b78;
}

.navigationtextemenu {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

a.navigationtextemenu {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

a.navigationtextemenu:hover, a.navigationtextemenu:visited {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}


.navigationtexte, .navigationtexteheader	{
    font-family: 'Lato';
	font-weight: normal;
	font-size: 12px;
	font-display: swap;
}

a.navigationtexte {color: #fff;}
.navigationtexte {color: #fff;}
a.navigationtexteheader {color: #0066ae;}
.navigationtexteheader {color: #0066ae;}

div.navigationtexteheader div:last-child a.navigationtexteheader {
	color: #0066ae;
	text-decoration: none;
	cursor: default;
}
a.navigationtexte:hover, a.navigationtexteheader:hover {color: #0066ae;}
div.navigationtexteheader div:first-child a.navigationtexteheader:hover {
	color: #0066ae;
}
.navigationtextecourant {
	color: #000000;
	font-size: 9px;
}
.navigationtexteheadercourant {
	color: #0066ae;
	font-size: 9px;
}
.textesociete {
	color: #379B31;
}

.contacttexte {
	font-size: 11px;
	color: #ffffff;
}

.contacttelfax {
	font-size: 11px;
	color: #ffffff;
	padding-bottom: 2px;
}

.contactemail {
	font-size: 11px;
	color: #ffffff;
}

.contactsociete {
	font-size: 12px;
	color: #C8E1FF;
	font-weight: bold;
}

.contactbox {
	margin: 5px 7px 0px 7px;
}

.contactadresse {
	padding: 5px 7px 0px 7px;
	font-size: 12px;
	color: #ffffff;
}
.contactinfosup {
	padding : 5px 7px 0px 7px;
	font-size: 11px;
	color: #ffffff;
}

.contact-img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.contact-text {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

@media screen and (min-width: 992px) {
	.contact-img {
	/*	padding-top: 70%; suppression suite à disposition empilée */
	}
	
	.contact-text {
	/*	padding-top: 75%; suppression suite à disposition empilée */
	}
}


TD.imageboite {
	 font-size: 1pt;
	 line-height: 1pt;
	
}

TABLE.tableauboite {
	background-color: #fff;
}

TD.fondboite {
	padding: 0 3px 0 3px;
	background-color: #fff;
	background-position: top;
}

TD.fondboiteactu {
	padding: 0 3px 0 3px;
	background-color: #fff;
	background-position: top;
}


TD.fondboitenewsletter {
	margin-right: 10px;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: top;
}

/* E64 Recherche DEBUT */
#E64_boiteRecherche {
	width: 110px;
	height: 40px;
	margin: 0;
	padding: 0;
	/* background-color:; */
	background-image: url(../images/0001spacer.gif);
	background-repeat: no-repeat;
	/* background-position:; */
	float:right;
	top: 51px;
    position: relative;
}

#E64_boiteRecherche form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#E64_input {
	float: right;
	height: 5px;
	border: 0px;
}
#E64_input input {
	margin-left: 20px;
	background-color: transparent;
	background-image: url("../images/0008backrecherche.gif");
	background-repeat: no-repeat;
	width: 110px;
	height: 30px;
	color: #666666;
    font-family: 'Lato';
	font-size: 0.5em;
	border: 0px solid #C1C1C1;
	padding-left: 5px;
	padding-top: 0px;
	font-display: swap;
}

#E64_bouton {
	float: right;
	height: 30px;
}
#E64_bouton img {
	margin-top: 0px;
	margin-right: 18px;
}
/* E64 Recherche FIN */
/* F06 Likes DEBUT */

#F06_likes_select {
		background: none repeat scroll 0 0;
		border-radius: 2px 2px 2px 2px;
		display: table-cell;
		height: 20px;
		margin: 0 0 0 0;
		padding: 5px 20px 2px;
		position: relative;
		}
#F06_likes_select div {
	    float: left;
		margin-right: 2px;
}

/* F06 Likes Fin */
/* B10 DEBUT */
#B10_masquedebut {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/* B10 FIN */

/**
 * Carousel
 */
#myCarousel .carousel-indicators {
	left: 92%;
	bottom: -8px;
}

#myCarousel .carousel-indicators li {
	margin-left: 10px;
}

#myCarousel .carousel-indicators .active {
	margin-left: 10px;
}

#myCarousel .titre,
.encartsingle .titre {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

#myCarousel .texte,
.encartsingle .texte {
	font-size: 30px;
	font-weight: 300;
	color: #fff;
}

/** Sidebar Widgets **/
#menudroite {
	/* margin-top: 35px; */
}

#menudroite .widget {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #9fb725;
	background-color: #fff;
	border-radius: 3px;
	overflow: hidden;
}

#menudroite .widget .header {
	margin-bottom: 10px
}

#menudroite .widget .header h3 {
	margin: 0;
	font-size: 18px;
}

#menudroite .widget .contents .more-link {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
}

/* Styles depending on page type */

.NetplTypePageacc h1 {
	display: none;
}

/* B21*/

.B21-list-article{
	background-color: #fff;
    margin-bottom: 25px;
    border: 1px solid #f1f1f1;
	}
.B21-list-article:hover{background-color:#f7f7f7;cursor:pointer}	

.B21-list-product{
	background-color: #fff;
    border: 1px solid #f1f1f1;
	height:170px;
	}
.B21-list-product:hover{background-color:#f7f7f7;cursor:pointer}	


.B21-list-article-content{
	font-size:13.5px;
    padding: 15px;
	height:160px;
	}
	
.B21-list-article-content h2 {
	font-size:15px;
	margin-left:0px;
    font-size: 15px;
    margin-left: 0px;
    text-align: left;
    font-weight: 200;
	text-transform: none;	
}

.B21-list-article-content a {
	text-decoration:none;
    color: #7d7d7d;
}


.B21-list-article .B21-list-article-image {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    position: relative;
}	

.B21-list-product .B21-list-product-image {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.B21-list-article-image img{width:100%;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.B21-list-product-image img{-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
	
.B21-list-article:hover .B21-list-article-image img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.B21-list-product:hover .B21-list-product-image img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}

/*
* Tableau Caractéristiques
*/

.caracteristiquesTable strong{
	font-weight: 700;
}

.caracteristiquesTable>tbody>tr:nth-child(odd)>td, 
.caracteristiquesTable>tbody>tr:nth-child(odd)>th {
   background-color: #E4E4E4;
}

.caracteristiquesTable td, .caracteristiquesTable th{
	border-top: none!important;
}

.grasViolet{
	color : #4a00c6;
	font-weight: 700;
}

.grasViolet a, .grasViolet a:visited, .grasViolet a:link{
	color : #4a00c6;
	font-weight: 700;
	text-decoration-color: #4a00c6;
}

a:active, .activelink {
	text-decoration: underline;
	text-decoration-color: #333333;
}

a:link {
	text-decoration: underline;
	text-decoration-color: #333333;
}

a:visited {
	text-decoration: underline;
	text-decoration-color: #333333;
}

a{
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: #333333;
}

h2,h3{
	text-transform: uppercase;
	font-weight: 700;
}

h3, h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}

h1{
	font-size: 36px;
}

h2{
	font-size: 26px;
}

h3{
	font-size: 22px;
}

h4{
	font-size: 20px;
}

.table-specs {
	margin-bottom: 0;
}

.table-specs tr:first-child > td {
	border-top-style: none;
}

.table-specs tr > td:first-child {
	width: 40%;
}

.technical-detail-collapsable-container .table-specs tr:first-child > td {
	border-top-style: dotted;
}

.table-specs > thead > tr > th,
.table-specs > tbody > tr > th,
.table-specs > tfoot > tr > th,
.table-specs > thead > tr > td,
.table-specs > tbody > tr > td,
.table-specs > tfoot > tr > td {
	border-top-style: dotted;
	padding: 4px;
}

.technical-detail-collapsable-container {
	display: none;
}