/* masque de saisie */
	.masque_saisie_article {display:inline-block; text-align:center}
	.masque_saisie_article .bouton_2{width: 40px; padding: 10px 10px; margin-left: 10px;}

/* vidéos */
	.cadreVideo{float:left; width:calc(33.3333333333% - 6.66666667px); width:-moz-calc(33.3333333333% - 6.66666667px); width:-webkit-calc(33.3333333333% - 6.66666667px); margin-right:10px; margin-top:10px}
	.cadreVideo:nth-child(3n){margin-right:0;}
	.cadreVideo iframe {float:left; width:100%}
	.cadreVideo .legende {float:left; width:100%; background-color:#7FA6BB; color:white; height:38px; padding:5px 10px}
	.cadreVideo .legende a:hover {text-decoration:underline}

/* liste commentaires */
	.titre_nb_commentaire{float:left; width:100%; border-top:1px solid lightgrey; padding-top:5px; font-size:16px; font-weight:bold}
	.liste_commentaire{float:left; width:100%; margin-top:20px;}
	.liste_commentaire .photo{float:left; width:60px}
	.liste_commentaire .photo img{float:left; width:100%; border-radius:50%}
	.liste_commentaire .titre{float:left; width:calc(100% - 60px); width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); padding-left:50px; font-size:15px; font-weight:500}
	.liste_commentaire .soustitre{float:left; width:calc(100% - 60px); width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); padding-left:50px; margin-top:5px; font-size:12px; color:grey; font-style:italic}
	.liste_commentaire .texte{float:left; width:calc(100% - 60px); width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); padding-left:50px; margin-top:10px; font-size:14px; line-height:20px}
	.liste_commentaire .separateur{float:left; margin-left:5%; margin-top:10px; margin-bottom:10px; width:90%; border-bottom:1px solid lightgrey}
	.liste_commentaire:last-child .separateur{display:none}

/* photos */
	.cadreImage{float:left; width:calc(25% - 7.5px); width:-moz-calc(25% - 7.5px); width:-webkit-calc(25% - 7.5px); margin-right:10px; margin-top:10px}
	.cadreImage:nth-child(4n){margin-right:0;}
	.cadreImage img{float:left; width:100%; cursor:pointer}

/* onaessayepourvous */
	.onaessayepourvous{float:left; width:100%; padding:10px; background-color:#7FA6BB; margin-top:10px}
	.onaessayepourvous:first-child{margin-top:0}
	.onaessayepourvous .photo{float:left; width:30%; padding:6px; border:1px solid white}
	.onaessayepourvous .photo:hover{border:1px solid lightgrey}
	.onaessayepourvous .photo img{float:left; width:100%}
	.onaessayepourvous .titre{float:left; width:70%; padding-left:10px; font-size:15px; font-weight:500; letter-spacing:1.2px; color:white; }
	.onaessayepourvous .titre a{}
	.onaessayepourvous .titre a:hover{text-decoration:underline;}
	.onaessayepourvous .texte{float:left; width:70%; padding-left:10px; margin-top:6px; padding-left:10px; color:white; line-height:20px; font-size:14px}
	.onaessayepourvous .ligneboutons{float:right; width:70%; padding:0 0 0 10px; margin-top:10px;}

/* blocTechniquesAssociees */
	.blocTechniquesAssociees{float:left; width:100%; margin-top:30px}
	.blocTechniquesAssociees .label{ font-size:23px; font-weight: bold; color:#104B6F; margin-right:10px}

/* listeProduit */
	.listeProduit{float:left; margin-right:10px}
	.listeProduit:last-child .produit{margin-right:0}

/* referencement */
	.referencement{float:left; width: 100%; margin-top: 20px; font-size: 16px; line-height: 26px;}
	.referencement span{float:left; font-weight:bold; color:black; margin-right:5px;}
	.referencement ul{float:left}
	.referencement li{float: left; margin-right: 5px;}
	.referencement li:after{content:","}
	.referencement li:last-child:after{content:"."}
	.referencement a{color:#104B6F;}
	.referencement a:hover{text-decoration:underline;}


/* cta */
.cta__article {
	border: 2px solid #2e4770;
	border-radius: 0;
}
.cta__article > p {
	color: #9f9f9f;
}

.publier{float:left; display:inline-block; line-height:40px; width:18%; background-color:blue; text-align:center; margin-left:2%}
.publier a{color:white}
.editer{float:right; display:inline-block; line-height:40px; width:18%; background-color:blue; text-align:center; margin-left:2%}
.editer a{color:white}
#pArticle {margin-bottom:30px}
#pArticle .auteur {float:left; width:100%; margin-top:10px; color:rgb(128,128,128); font-size:11pt; border-bottom:1px solid rgb(211,211,211); border-top:1px solid rgb(211,211,211); padding-top:10px; padding-bottom:10px}
#pArticle .bouton {float:right; padding:5px; margin-top:5px; background-color:rgb(146,188,211); margin-left:5px }
#pArticle .bouton a {color:white; font-size:10pt; font-variant:small-caps;}
#pArticle .bouton span {color:white; font-size:10pt; font-variant:small-caps; cursor:pointer;}
#pArticle .listeProduit .produit{float:left; margin-right:10px}
#pArticle .listeProduit:last-child .produit{margin-right:0}
#pArticle .paragrapheArticle a{color:orange}
.referencement a:after{content:", "}
.referencement a:last-child:after{content:""}
.art_mess{font-size: 17px; line-height: 35px; padding: 20px; border-radius: 10px; text-align: center;}
.art_mess .liste_art_mess{padding-left:20px}
.article__content .art_mess h2{font-size: 20px; margin:0; font-weight: normal}

/* cta */
.cta__article {
	border: 2px solid #2e4770;
	border-radius: 0;
  position: relative;
  margin-top: 30px;
  text-align: left;
  padding: 30px;
}
.cta__article > h2 {
  position: absolute;
  top: -20px;
  font-size: 20px;
  padding: 0 12px;
  background: white;
  color: #444444;
  left: 18px;
}
.cta__article > p {
	color: #444444;
}
.cta__article > a {
  background-color:#ef7d00;
  color: white;
  padding: 16px 26px;
  box-shadow: 0px 6px 8px rgba(0,0,0,0.12);
  line-height: 1;
  transition: 0.25s all ease;
}
.cta__article > a:hover {
  background-color: #ff9522;
  box-shadow: 0px 8px 8px rgba(0,0,0,0.2);
  letter-spacing: 0.1em;
}
.cta__article--bottom {
  /*margin-bottom: 30px;*/
  border: none;
  border-top: 4px solid #2e4770;
  background: #ececec;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.cta__article--bottom > h2 {
  background: #2e4770;
  color: white;
}
@media screen and (max-width : 625px) {
  .art_mess{font-size: 15px; line-height: 25px; padding: 20px; }
  .art_mess .liste_art_mess{padding-left:0}
  .art_mess .bandeau50G{width:100%; margin:0}
  .art_mess .bandeau50D{width:100%; margin:20px 0}
}