/*
#60696E	textes

UNI :
#00A1E9 cyan exporté du logo uni

DEG :
#0D91EB	 bleu encre cyan (saturé)	: rgba(13, 145, 235 ,1);
#CFE9FB	 bleu fond cyan (clair)		: rgba(207, 233, 251 ,1);
Dégradés du logo :
background: linear-gradient(#00ACEF 0%, #019DEF 50%, #018EEF 100%);
background: linear-gradient(rgba(0,172,239,0.8) 0%, rgba(1,157,239,0.8) 50%, rgba(1,142,239,0.8) 100%);

===============
Logo officiel :
--
Pantone : Process Cyan C
=>
RGB : 0 156 221
HEX/HTML : #009CDD
CMYK : 100 0 0 0


*/


/********************************************/

/* Feuille de style Web'Ethys(R) par Gildas MONJOIN pour DSB -(c)2020-2021 */

/* CORPS */
body {
	margin: 0;
	padding: 0;
	font-family: "ralewayregular", "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0D91EB;
	color: #00A1E9;
	background: #fff;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.col_last {
	margin-right: 0px;
}
.wfull { /* max 1900px */
	display: block;
	width: auto;
	max-width: 1900px;
	margin-left: auto;
	margin-rigth: auto;
}

.w955 {
	width: 955px;
	margin: 0 auto;
	position: relative;
}
.w955ext { /* non utillisée */
	width: 955px;
	margin: 0 auto;
	position: relative;
}
.w855 {
	margin: 0 auto;
	width: 855px;
}
.w755 {
	margin: 0 auto;
	width: 755px;
}
.w655 {
	margin: 0 auto;
	width: 655px;
}
@media screen and (max-width: 1024px) {
	.w955, .w955ext, .w855, .w755, .w655 {
		width: auto;
	}
}
@media screen and (min-width: 1650px) {
	.w955ext {
		width: 1650px;
	}
}



/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	ENRICHISSEMENTS GENERIQUES 	    */
/*    	    				 	        */
/*    	    *** *** *** *** 	        */


/* Alignements */

/* alignements image/inline */
.alignD {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignG {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
	.alignG {
		float: none;
		margin: 0px auto 40px;
	}
	.alignD {
		display: block;
		float: none;
		margin: 0px auto 40px;
	}
}

/* alignements textes/blocs */
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}
.txtAlignC {
	text-align: center;
}
.txtAlignJ {
	text-align: justify;
}


/****************************/
/* 			TITRES 			*/
/****************************/

/*
.titre-page {
	width: 500px;
	height: 130px;
	margin: 26px 0px 24px;
	margin: 0px 0px 4px;
	padding: 5px 0px 17px 0px;
	padding: 50px 200px 20px 67px;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	color: #333;
	color: #fff;
	font-family: serif;
}
*/
.titre_page {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
    font-family: 'ralewayextrabold';
	font-size: 3.6em; /* body à 16px => 57.5px */
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 3em;
	color: #fff;
	background: #01aef0 url(style/fond_titre_page.jpg) no-repeat center center scroll;
	background-size: cover;
	box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.1);
}
.titre-page  small{ /* non utilisé */
	font-weight: normal;
	color: #aaa;
	font-size: 0.4em;
}

.titre_1 {
	margin: 5vh 0px 3vh;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
	font-size: 2.6em;
	font-weight: normal;
	color: #666;
	/* text-shadow: 2px 2px 1px #ccc; */
	font-variant: small-caps;
}
.titre_2 {
	margin: 20px 0px 2vh;
	padding: 20px 0px 2vh;
	font-size: 2.2em;
	text-transform: uppercase;
	color: #00aff0;
	text-align: center;
	position: relative;
}
.titre_2:after {
	content: " ";
	position: absolute;
	z-index: -10;
	bottom: 0px;
	left: 30%;
	right: 30%;
	width: 2em;
	height: 4px;
	margin: auto;
	border-radius: 2px;
	background: #00aff0;
	color: #01aef0;
}
.titre_3 {
	margin: 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
	font-size: 2.2em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #01aef0;
	/*text-shadow: 2px 2px 1px #ccc;*/
}
.titre_3 a{
	color: #01aef0;
}
.titre_3 a:hover{
	color: #f0ae01;
}
.titre_4 {
	margin: 0px 0px 0px;
	padding: 6vh 0px 7vh 0px;
	font-size: 3.0em;
	font-weight: normal;
	font-style: normal;
	/*text-transform: uppercase;*/
	text-align: center;
	line-height: 0.8em;
	color: #fff;
	background: #01aef0 url(style/fond_titre_A.jpg) no-repeat center center scroll;
	background-size: cover;
}
.titre_4  small{
	font-size: 0.6em;
}

.titre_5 {
	margin: 4vh 0px 0px;
	padding: 0px 0px 0px;
	line-height: 1em;
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
	color: #00aff0;
	color: #000a0f;
	text-align: left;
}
.titre_5 ~ p{
	color: #000a0f;
	line-height: 1.4em;
}

.titre_6 {
	/*
	margin: 2vh 0 -2vh;
	padding: 2vh 1vw;
	font-family: 'ralewaysemibold_italic';
	text-align: center;
	border: 1px solid #eee;
	box-shadow: 4px 4px 10px rgba(0,70,140,0.2);
	color: #00468C;
	*/
	margin: 40px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-family: 'ralewaysemibold_italic';
	color: #0D91EB;
}
.titre_7 {
	margin: 5vh 0px 3vh;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
	font-size: 2.6em;
	font-weight: normal;
	color: #60696E;
	/* text-shadow: 2px 2px 1px #ccc; */
	font-variant: small-caps;
}

@media screen and (max-width: 1024px) {
	.titre_page {
		font-size: 2em;
		font-size: 6vw;
		line-height: 3em;
	}
	.titre_1 {
		margin: 1vh 0px 1vh;
		font-size: calc(3vw + 2vh);
	}
	.titre_4 {
		font-size: 6vw;
	}
}


/* paragraphes */

.txt_1 {
	color: #60696E;	
}

.commentaire_1 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: #999;
}
.commentaire_2 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #f53;
}
.commentaire_3 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #39c;
}


/*	images	 */


.cadre_1 {
	border: 1px solid #333;
}
.cadre_2 {
	background-color: #eee;
	padding: 4px;
	box-shadow: 0px 0px 2px 2px #ddd inset;
	border: 1px solid #ccc;
}

.cadre-3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 7px 0px;
	background: url(style/ombre-3.gif) no-repeat right bottom scroll;
}
.cadre-4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 11px 11px 0px;
	background: url(style/ombre-4.gif) no-repeat right bottom scroll;
}


/*	lignes de separation	*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-bottom: 0px dashed #ccc;
	border-top: 1px dashed #ccc;
}
.ligne_2 { /* inutilisé */
	clear: both;
	margin: 200px 0px;
	padding: 0px;
	line-height: 2px;
	border-bottom: 1px dashed #666;
}
.ligne-3 {
	margin: 50px 0px;
	padding: 4px;
	line-height: 8px;
	border: none;
	border: 0;
	border-color: transparent;
	background: url(style/ombre-3.png) no-repeat center center scroll;
}

.bloc_article {
	/* font-size: 1.4em; */
}

/* colonnes */

.bloc_1 , .bloc_2 {
	float: left;
	text-align: justify;
}
.bloc_1 {
	margin: 5px 0 10px 0;
	padding: 5px 0px 5px 0;
	width: 49%;
}
.bloc_2 {
	margin: 5px 0px 10px 0;
	padding: 5px 0 5px 5%;
	width: 46%;
}

.col_list_1 {
	width: 170px; 
	float: left;
}
.col_list_2 {
	width: 250px; 
	float: left;
}
.col_list_1 ul, .col_list_2 ul{
	margin: 0px 5px 20px 5px;
	padding: 0px 0px 0px 10px;
}

/* col flex */
.sys_flex_col_1 {
	display: flex;
	flex-flow: row wrap;
	/* la taille de ce conteneur dépendra des la taille des ses colonnes et de leurs espacements (margin, padding) respectifs */
	justify-content: center;
	/* iso vertical-align: top */
	align-items: flex-start;
	
}

.pave_1 {
	margin: 20px 0px 20px;
	padding: 8px 14px 10px 14px;
	border: 1px dashed #333;
	/*box-shadow: 2px 2px 5px #222;*/
	background: #111;
	color: #fff;
	text-align: center;
}
.pave_1 strong{
	color: #222;
}

.pave-2 {/* ??? */
	margin: 0px 0px 20px;
	padding: 5px 10px 10px 10px;
	background: #e9e9e9 url(style/fond_col.png) repeat center top scroll;
	box-shadow: 2px 2px 5px #999;
}

.pave_2 { /* texte d'intro */
	margin: 0px 0px 25px 0px;
	padding: 5px 0px 10px 0px;
	text-align: justify;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #777;
}
.pave_2  p {
	margin: 0px 0px 15px 0px;
}

.pave_3 { /* ex #col_menu_corps */
	background-color: #eff1f3;
	color: #666;
	padding: calc(1.5vh + 1.5vw + 1ex)  calc(0.5vh + 0.5vw + 1ex);
}


/* listes */

.liste_1 { /* gros picto domaines d'activité */
	margin: 20px 0px 80px;
	padding: 40px 0px 40px 0px;
	text-align: center;
	background-color: #F6F6F6;
}
.liste_1 li {
	display: inline-block;
	list-style: none;
	list-style-image: none;
	width: 150px;
	height: 10px;
	margin: 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 2.2em;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	color: #4c4c4c;
}
.liste_1 li a {
	color: #ccc;
}
.liste_1 li a:hover{
	color: #333;
}


.liste_2 {
	margin: 5px 0px 10px 10px;
	padding: 5px 0px 5px 0px;
}
.liste_2 li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 3px;
	list-style-image: url(style/fleche_1.png);
	line-height: 1.6em;
	font-weight: normal;
	font-size: 18px;
	color: #999;
}
.liste_2 li a {
	color: #999;
}
.liste_2 li a:hover{
	color: #00aff0;
}

.liste_3 {
	margin: 3px 0px 20px 0px;
	padding: 3px 0px 5px 5px;
}
.liste_3 li {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 8px;
	list-style-type: circle;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}

ul#acc_serv_list {
	width: 310px;
	list-style: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #f00;
}
ul#acc_serv_list li  {
	list-style: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 4px;
	border-bottom: 1px solid #900;
	line-height: 60px;
	font-size: 16px;
	font-weight: normal;
}
ul#acc_serv_list li a {
	color: #ccc;
}
ul#acc_serv_list li a:hover{
	color: #f00;
}
ul#acc_serv_list li  img{
	float: right;
}

/*	liens */

.lien_1 {
	color: #00aff0;
}
.lien_1:hover {
	color: #036;
}

.lien_2 {
	color: #036;
    font-family: 'ralewaybold';
}
.lien_2:hover {
	color: #00aff0;
}
.lien_2 span {

}
.lien_3 { /* 1ère utilisation sur la fiche produit */
	padding: 2px 1em;
	font-family: 'ralewaythin';
	font-size: 0.8em;
	color: #393;
	color: #0D91EB;
	background: #f0f9fe;
	letter-spacing: 2px;
}
.lien_3:hover {
	color: #123;
	color: #fff;
	background: #0D91EB;
}
/*
#0D91EB	 bleu encre cyan (saturé)	: rgba(13, 145, 235 ,1);
#CFE9FB	 bleu fond cyan (clair)		: rgba(207, 233, 251 ,1);
*/


.bt_1 {
	display: inline-block;
	border: 2px solid #fff;
	padding: 0 2.5em;
	background: #0C91EB;
	line-height: 2em;
    font-family: 'ralewaybold';
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	transition: 0.5s;
}
.bt_1:hover {
	border-color: #0C91EB;
	background-color: rgba(255,255,255,0.4);
	color: #0C91EB;
}

.bt_distri {
	background: #70BA34;
}
.bt_distri:hover {
	border-color: #70BA34;
	background-color: rgba(255,255,255,0.4);
	color: #70BA34;
}

.bt_2 {
	background: #000;
	color: #999;
	border: 1px solid #333;
}
.bt_2:hover {
	background: #BA9933;
	color: #fff;
	border: 1px solid #999;
}
.bt_valid_resp { /* avec le select_resp */
	padding: 1px 1%;
	width: calc(20% - 2px);
}
.bt_2_dir { /* padding calc sur 'style/ico_dir.png' */
	display: inline-block;
	border-radius: 50%;
	height: 55px;
	width: 70px;
	background: rgba(227,214,145,0.7);
	padding-top: 15px; 
	transition: 0.4s;
}
.bt_2_bas {
	transform: rotate(180deg);
}
.bt_2_dir:hover {
	background: rgba(227,214,145,1);
	transition: 0.2s;
}

.bt_3 {
	display: inline-block;
	vertical-align: middle;
	width: 110px;
	padding: 1em 0px 1em 2em;
	/* deco */
	border: 1px solid #ccf;
	/* texte */
	font-family: open_sansitalic, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #ccf;
	transition: 0.2s;
}
.bt_3::after {
	padding-left: 1em;
	content: "\002192 \0000a0";
}
.bt_3_g {
	background-image: url("style/fleche_grosse_g.png");
	padding: 1em 2em 1em 0px;
	text-align: right;
}
.bt_3_g::before {
	padding-right: 1em;
	content: "\0000a0 \002190";
}
.bt_3_g::after {
	content: "";
}
.bt_3_first {
	margin-right: 2vw;
}

.bt_3:hover {
	transition: 0.4s;
}
.bt_3_g:hover {

}

.bt_4 { /* gros bouton de formulaire (=>option/radio) */
	background: #333;
	color: #97A1AC;
	border: 1px solid #344;
	border-radius: 4px;
	padding: 1em 2em;
	font-family: open_sanslight, sans-serif;
}
.bt_4:hover {
	background: #666;
	color: #ccc;
	border: 1px solid #BA9933;
}
.bt_4_actif {
	background: #333;
	color: #BA9933;
	border: 1px solid #BA9933;
	font-family: open_sansitalic, sans-serif;
}

/* Ancres */
.ancre_header {
	position: absolute;
	top: -100px;
}

.bt_transfo {
	margin: 0px;
	padding: 6px 26px 6px;
	border-radius: 20px;
	background: linear-gradient(#00aff0, #08f);
	color: #fff;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 1.4em;
	cursor: pointer;
}
.bt_transfo:hover {
	background: #00aff0;
}
.bt_transfo a{ /* dans certains cas */
	color: #fff;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
	.bt_transfo {
		padding: 0.4em 2em;
		border-radius: 0;
		font-size: 1.7vw;
	}
}
@media screen and (max-width: 700px) {
	.bt_transfo {
		padding: 0.4em 2em;
		border-radius: 0;
		font-size: 3vh;
		display: block;
		width: auto;
		text-align: center;
	}
}

.bt_gris { /* gris=desat */
	opacity: 0.5;
	filter: saturate(0%);
	transition: 0.6s;
}
.bt_gris:hover { 
	opacity: 1;
	filter: saturate(100%);
	transition: 0.6s;
}

/* Fond */

.fond_2 {
	background: #fff;
}

.hautVide {
	padding-top : 4vh;
}
.basVide {
	padding-bottom : 4vh;
}

/* autres paragraphes */
p.comment {
	font-size: 0.8em;
	font-weight: normal;
}
.alert_bad {
	color: #f30;
}
.alert_good {
	color: #c90;
}

/* autres enrichissements de texte */

.lettrine_1 {
	font-size: 1.1em;
	margin: 0px 0px 16px;
}
.lettrine_1:first-letter {
	font-size: 1.5em;
	color: #00aff0;
	padding-right: 4px;
}
.lettrine_2 {
	font-size: 1.1em;
	margin: 0px 0px 16px;
}
.lettrine_2::first-letter {
	/**/display: inline-block;
	float: left;
	padding: 0px 5px 20px 0px;
	line-height: 0.6em;
	font-size: 3em;
	/*color: #69c;
	color: #789;
	color: #666;
	color: #39c;*/
	font-style: normal;
	text-shadow: 3px 3px 2px #ccc;
	vertical-align: baseline;
}
.txt_upp_case {
	text-transform: uppercase;
	font-size: 1.5em;
}

.txt_page_intro {
	font-size: 1.3em;
	text-align: justify;
	font-family: 'ralewaylight_italic';
	/* color: #60696E; */
}

/* POP UP */
#popup {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #333;
	z-index: 1000;
	background-color: #000;
	text-align: center;
}
#popup .fermer_popup {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding: 0px 2px 2px;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
#popup .fermer_popup a {
	color: #999;
	display: block;
}
#popup .fermer_popup a:hover {
	color: #fff;
	text-decoration: none;
}
#popup .cadreX {
	border: 1px #333 solid;
	padding: 0px 2px;
	color: #999;
}


/*    	FIN ENRICHISSEMENTS GENERIQUES 	    */




/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    PAGES SPECIFIQUES 	        */
/*    	    				 	        */
/*    	    *** *** *** *** 	        */



/*						*/
/*		nav reseau		*/
/*						*/



/* fp partage reseaux */

#fp_partager {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px;
	padding: 0px;
	/*border: 1px solid #f00;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
.fp_reso_g {
	float: left;
}
.fp_reso_d {
	float: right;
}
a#fp_bt_partager {
	display: inline-block;
	color: #bbb;
	margin: 0px;
	padding: 0px 10px;
	font-size: 1em;
	line-height: 2em;
	/* et puis finalement... */
	display: none;
}
a#fp_bt_partager:hover {
	color: #999;
}
#fp_partager #nav_fp_reseaux {
	display: inline-block; /* none */
	position: absolute;
	top : 0px;
	right: 0px;
	list-style: none;
	width: 220px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 0.4s;
	opacity: 0;
	/* et puis finalement... */
	opacity: 1;
}
#fp_partager:hover {
	opacity: 1;
	transition: 0.5s;
}
#fp_partager:hover #nav_fp_reseaux {
	display: inline-block;
	opacity: 1;
}
#fp_partager #nav_fp_reseaux li {
	display: inline-block;
	float: left;
	margin: 0px 5px 0px 0px;
}
#fp_partager #nav_fp_reseaux li a img{
	opacity: 0.25;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	transition: 0.2s;
	width: 20px;
	height: 20px;
}
#fp_partager #nav_fp_reseaux li a:hover img{
	opacity: 1;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


@media screen and (max-width: 955px) {
	#fp_partager {
		display: block;
		width: auto;
		height: auto;
		line-height: normal;
		margin: 0.2em 0px 0.3em;
		padding: 0.2em 0em 0.3em 0em;
		text-align: center;
	}
	.fp_reso_g {
		float: none;
	}
	.fp_reso_d {
		float: none;
	}
	a#fp_bt_partager {
		display: inline-block;
		color: #fff;
		margin: 0px;
		padding: 0px 10px;
		font-size: 1em;
		line-height: 2em;
	}
	#fp_partager #nav_fp_reseaux {
		display: block;
		position: relative;
		top : initial;
		right: initial;
		width: auto;
		height: auto;
	}
	#fp_partager:hover #nav_fp_reseaux {
		display: block;
	}
	#fp_partager #nav_fp_reseaux li {
		float: none;
		margin: 0px 4vw;
	}
	#fp_partager #nav_fp_reseaux li a img{
		opacity: 0.5;
		filter: saturate(0%);
	}
}





/*		*** *** *** ***		*/
/*							*/
/*			ACCUEIL			*/
/*							*/
/*		*** *** *** ***		*/



.acc_cat_rub {
	background-repeat: no-repeat;
	background-size: 65% auto;
	background-position: center left;
	margin: 20px 0;
}
.acc_cat_rub_fond {
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
	background-size: 66% auto;
	padding: 40px 40px;
}
.acc_cat_rub_blob {
	width: 50%;
	box-sizing: border-box;
	margin: 40px 40px 40px auto;
	padding: 40px 120px;
	background: rgba(13,145,235,0.2);
	text-align: center;
}
.acc_cat_rub_titre {
	line-height: 1.em;
	margin: 0px 0px;
	padding: 0px 0px;
    font-family: 'ralewayblack';
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
}
.acc_cat_rub_txt {
	line-height: 1.6em;
	margin: 40px 0px;
	padding: 0px 0px;
}
#acc_cat_unviers article.acc_cat_rub:nth-child(2n) {
	background-position: center right;
}
#acc_cat_unviers article:nth-child(2n) .acc_cat_rub_fond {
	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
	background-position: center right;
	background-size: 66% auto;
}
#acc_cat_unviers article:nth-child(2n) .acc_cat_rub_blob {
	margin: 40px auto 40px 40px;
}


#acc_distri {
	/* boite */
	margin: 0;
	padding: 0 40% 0 8%;
	height: 400px;
	
	/* flex */
	display: flex;
	flex-flow: column wrap;
	justify-content:space-evenly;
	align-items: center;
	
	/* design */
	background: url("style/fond-acc_distri.jpg") no-repeat center center scroll;
	background-size: 100% auto;
	
	/* éléments */
	text-align: center;
}
#acc_distri p{
	margin: 0;
	padding: 0;
	font-size: 24px;
}
.acc_distri_titre {
	font-family: ralewayextrabold;
}
.acc_distri_texte {

}
.acc_distri_bt {
	font-family: ralewaybold;
	font-size: 16px;
	text-transform: uppercase;
	background: #70BA34;
	color: #fff;
	padding: 0.5em 3em;
	border: 2px solid #fff;
}

/* format tablettes et notebook */
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.acc_cat_rub_fond {
		padding: 0;
	}
	.acc_cat_rub_blob {
		margin: 0px 20px 0px auto;
		padding: 40px 80px;
	}
}

/* format IphoneX paysage (bcp de valeurs sont identiques à max-width: 1024px) */
@media screen and (min-width: 700px) and (max-width: 900px) {
	.acc_cat_rub_fond {
		padding: 0;
	}
	.acc_cat_rub_blob {
		width: 70%;
		margin: 0px 20px 0px auto;
		padding: 40px 60px;
	}
}

/* smartphones portrait */
@media screen and (max-width: 600px) {
	.acc_cat_rub {
		background-size: auto 100%;
		background-position: top center;
		margin: 3vh 0;
	}
	.acc_cat_rub_fond {
		background: radial-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.7), rgba(255,255,255,0));
		background-size: 100% auto;
		padding: 2vh 2vw;
		/* test avec fond foncé et texte clair
		background: none;
		*/
	}
	.acc_cat_rub_blob {
		width: auto;
		margin: 1vh 2vw;
		padding: 3vh 1vw;
		background: rgba(13,145,235,0.2);
		/* test avec fond foncé et texte clair
		background: rgba(13,145,235,0.6);
		color: #fff;
		*/
	}
	.acc_cat_rub_titre {
		font-size: 7vw;
	}
	.acc_cat_rub_txt {
		line-height: 1.6em;
		margin: 2vh 2vw;
	}
	#acc_cat_unviers article.acc_cat_rub:nth-child(2n) {
		background-position: top center;
	}
	#acc_cat_unviers article:nth-child(2n) .acc_cat_rub_fond {
		background: radial-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.7), rgba(255,255,255,0));
		background-size: 100% auto;
		background-position: center center;
	}
	#acc_cat_unviers article:nth-child(2n) .acc_cat_rub_blob {
		margin: 1vh 2vw;
	}

	#acc_distri {
		/* boite */
		margin: 0;
		padding:  5vh 10vw 7vh;
		height: auto;
		
		/* coller à droite */
		text-align: right;
		align-items: flex-end;
		
		/* design */
		background: url("style/fond-acc_distri-smart.jpg") no-repeat top center scroll;
		background-size: 100% auto;
	}
	#acc_distri p{
		margin: 0;
		padding: 0;
		font-size: calc(2vw + 2vh);
	}
	.acc_distri_titre {
		font-family: ralewayextrabold;
	}
	#acc_distri p.acc_distri_texte {
		margin: 3vh 0 3vh 20vw;
		text-shadow: 1px 1px #fff;
	}
	.acc_distri_bt {
		font-size: calc(2vw + 2vh);
		padding: 0.5em 3em;
	}
}

/*************/
/* STRUCTURE */
/*************/


/*	COLONNE GAUCHE	*/

/* menu rubriques */



#menuClient {
	margin: 20px 15px 5px 5px;
	padding: 10px 5px 0px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
#menuClient ul {
	margin: 0px 5px 10px 15px;
	padding: 10px 5px 10px;
}
#menuClient li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 4px 0px;
	list-style-image: url(style/liste-1.gif);
	list-style-image: url(style/fleche-3.png);
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.1em;
	color: #666;
}
#menuClient li a {
	color: #777;
}
#menuClient li a:hover , .liste-1 li a.servActif{
	color: #000;
}

#navReseaux { /* utilisé ?? */
	margin: 30px 0px 0px 0px;
}
#navReseaux a {
	padding: 0px 8px 0px 0px;
}

.favoris {
	padding: 6px 0px 6px 56px;
	color: #000;
	font-weight: bold;
	background: url(style/star.png) no-repeat 32px 6px scroll;
}


/************************/
/*	Colonnes page ACCUEIL	*/
/************************/

#diap_accueil_1 {
	height: 386px;
	padding-bottom: 29px;
	background: url("style/ombre-1.png") no-repeat center bottom scroll;
}
#diap_accueil_2 {
	background: #00ADEF;
}

.page_intro { /* peut-être à utiliser partout */
	border: 1px solid #ddd;
	background: #ddd;
	box-shadow: 0px 0px 10px 10px #f0f0f0 inset;
	margin: 0px 20px 20px;
	padding: 0px 10px;
	text-align: center;
	font-style: normal;
	font-size: 1.2em;
}
#acc_presentation {
	margin: 10px 0px 20px;
	position: relative;
}

/* Menus de droite (listes de services ou d'articles) */

#col_menu_corps {
	background-color: #eff1f3;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	/* border: 1px solid #e0e0e0; */
}

/* attention ce qui suit est contredit dans les style dédiés au Catalogue */
#menu_content_fixed {
	position: relative;
	height: 700px;
	overflow: hidden;
}
#menu_content_fixed #menu_content_scrolled{
	position: absolute;
	left: 0px;
	top: 0px;
	transition: 0.3s;
}
.menu_arrow {
	display: block;
	padding: 5px;
	text-align: center;
}
.menu_arrow img{
	width: 20px;
}
#menu_bt_haut {
	/*display: none;*/
}
.menu_bt_haut {
	opacity: 0;
	transition: 0.8s;
}
.menu_bt_bas {
	opacity: 1;
	transition: 0.8s;
}

/************************/
/*	Pages Photo	*/
/************************/

#cont_img_list {
	margin: 10px 20px 0px;
}

.img_list_lien {

}

.img_list_img {
	float: left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #666;
	padding: 2px;
}

/************************/
/*	Pages Societe (acc)	*/
/************************/
#acc_avant_apres {
	float: right;
	width: 300px;
	margin: 10px 20px 0px 0px;
}
#acc_paiements {
	background-color: #111;
	background: linear-gradient(#191919 0%, #222 10%, #191919 80%, #111 90%, #000 100%);
	display: inline-block;
	margin: 0px 0px 10px;
	padding: 0px 10px 14px;
	width: 170px;
	border: 1px solid #222;
}
#acc_paiements  p{
	margin: 4px 0px;
	line-height: 1.1em;
}

#acc_remboursements {
	background-color: #f50;
	background: linear-gradient(to right, #d00 0%, #f90 100%);
	margin: 10px 0px 20px;
	width: 170px;
	padding: 7px 10px;
	box-shadow: 0px 0px 8px 3px #621 inset;
	border: 1px solid #600;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	line-height: 1.1em;
}

#acc_services {
	float: left;
	margin: 20px 0px 0px;
	padding-left: 15px;
}

#acc_renseignements {
	height: 70px;
	font-size: 18px;
	margin: 0px 0px 50px;
}
#acc_renseignements span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-bottom: 30px;
	text-align: center;
}
#acc_renseignements span#acc_rens_txt {
	background: #f00 url("style/fond_acc_rens_txt.jpg") no-repeat center bottom scroll;
	font-style: italic;
	width: 170px;
}
#acc_renseignements span#acc_rens_no{
	background: #c00 url("style/fond_acc_rens_no.jpg") no-repeat center bottom scroll;
	width: 140px;
}
#acc_autres_services {
	background: url("style/fond_acc_autres_services.png") no-repeat right bottom scroll;
	padding: 10px 30px 110px 0px;
	margin: 40px 0px 0px;
	font-size: 14px;
}

/* pages services */

#engagements {
	margin: 40px 0px 0px;
	padding-left: 15px;
}


/************************/
/*			Pages		*/
/************************/

/* pages d'accueil (modules admin) */
.rap_service {
	clear: both;
	padding: 10px 0px 70px;
}
.rap_serv_a_img {
	display: block;
	width: 475px;
	height: 285px; /* 3/5e */
	overflow: hidden;
}
.rap_align_d {
	float: right;
	margin-left: 50px;
}
.rap_align_g {
	float: left;
	margin-right: 50px;
}


#acc_ban_devis {
	margin: 40px 0px 0px;
	padding: 25px 0px 25px;
	height: 200px;
	width: 100%;
	background: url("style/fond_ban_devis.png") no-repeat center center scroll;
	background-size: 100% 100%;
	text-align: center;
}
#acc_ban_devis p{
	margin: 0px 0px 0px;
	padding: 30px 0px 30px;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 2.2em;
	text-transform: uppercase;
	color: #fff;
}

.bandeau_diap_acc {
	/*border-bottom: 4px solid #fa0; 
	background-color: #fa0; 
	background: linear-gradient(#fa0 0%, #f90 50%, #fa0 100%);
	height:354px;*/
}

/* pages services / contact /devis */

#col_menu {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 50px;
}
#nav_serv {
	padding: 0px 0px 40px 0px;
}



/* Page de présentation */

#prez_rs {
	position: relative;
	float: left;
	margin: 0px 20px 20px 0px;
	background: url(style/fond_prez.jpg) no-repeat center center scroll;
	background-size: cover;
	width: 400px;
	height: 300px;
}
#prez_logo {
	position: absolute;
	top: 33px;
	left: 30%;
	width: 40%;
}
#prez_slogan {
	position: absolute;
	top: 118px;
	left: 10%;
	width: 80%;
	color: #01aef0;
	font-family: 'lato_bolditalic', "Proximanova Light", "Proximanova", sans-serif;
	font-size: 3em;
	line-height: 1.0em;
	text-align: center;
	text-shadow: 1px 1px 2px #339;
}

.prez_cont_post {
	height: 234px;
	padding: 18px 0px;
}
.prez_post{
	float: left;
	width: 290px;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	background: #fff;
	box-shadow: 2px 2px 3px 0px #ccc;
}
.prez_post:last-child{
	margin: 0px 0px 10px 0px;
}
.prez_post img{
	width: 290px;
	height: 200px;
}
.prez_post p{
	height: 55px;
	margin: 0px;
	padding: 10px 0px;
	line-height: 1.2em;
	color: #01aef0;
	font-size: 1em;
}
@media screen and (max-width: 954px) {
	.prez_cont_post {
		height: auto;
	}
	.prez_post{
		float: none;
		width: auto;
		margin: 0px 10px 10px 0px;
		padding: 10px;
	}
	.prez_post img{
		width: 100%;
		height: auto;
	}
}


/****************/
/* 		CLIENT	*/
/****************/

#navbox {
	width: 200px;
	float: right;
	margin: 0px 0px 10px 10px;
}


/************************/
/*	CORPS page CONTACT 
(les colones sont : "plan", "adresse" et "message")	*/
/************************/

#plan {
	display: block;
	float: left;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#carte {
	display: none;
	position: absolute;
	top: 111px;
	left: 50px;
	height: 500px;
	width: 600px;
	border: 1px solid #000;
	z-index: 1000;
}
.fermer-carte {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.fermer-carte a {
	color: #ccc;
	display: block;
}
.fermer-carte a:hover {
	color: #fff;
	text-decoration: none;
}
.cadreX {
	border: 1px #aaa solid;
	padding: 0px 3px;
}


#col_adresse {
	margin: 40px 2vw 0px 0px;
}
.raisonSociale {
	margin: 0px 0px 2vh 2vw;
	font-size: 2.4em;
	font-weight: normal;
}
.coordonnees {
	margin: 0px 0px 2vh 2vw;
	font-size: 1.2em;
	color: #60696E;
}
#col_adresse a {
	color: #00aff0;
}
#col_adresse a:hover {
	color: #369;
	text-decoration: none;
}


/*	formulaire	 */

#col_message {
	margin: 0px 0px 4vh 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
	#col_adresse {
		box-sizing: border-box;
		width: 90vw;
		margin: 4vh 2vw 2vh;
	}
	#col_message {
		box-sizing: border-box;
		width: 90vw;
		margin: 1vh 2vw;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	#col_adresse {
		width: 40vw;
		margin: 4vh 2vw;
	}
	#col_message {
		width: 40vw;
		margin: 4vh 2vw;
	}
}
@media screen and (min-width: 1024px) {
	#col_message {
		width: 500px;
	}
}

.form_contact {
	margin: 0px 0px 4vh 0px;
}
	
.form_message {
	font-family: 'ralewaylight', sans-serif;
}
.form_message fieldset.jeux1 {
	border: 1px dashed #999;
	margin: 10px 0px 20px;
	padding: 2px 10px 10px;
	background: #fdfdfb;
}
.form_message fieldset.jeux1 legend{
	color: #a38610;
	padding: 10px;
}
.form_message p.paralab {
	border: none;
	border-bottom: 1px solid #ccc;
	background: #eff1f3;
	margin: 0px 0px 8px;
	padding: 1vh 1vw;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 0.9em;
	color: #fff;
	color: #60696E;
}
.form_message label {
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	background: #eff1f3;
	margin: 0px 0px 8px;
	padding: 1vh 1vw;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 0.9em;
	color: #fff;
	color: #60696E;
	/* border-radius: 10px; */
}
.form_message label:focus-within {
	background: #CFE9FB;
}
.form_message .entree {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-size: 1em;
	width: 270px;
	color: #456;
}
.form_message input.entree:focus {
	border: 0;
	outline: 0;
}
.form_message input.entree:active {
	border: 0;
}
.form_message .lib_spam {
	font-family: "Courier New", Courier, monospace;
}
.form_message .codespam {
	line-height: 1em;
	height: 1.4em;
	background: #eee;
	border: 1px solid #ddd;
	font-size: 0.9em;
	padding: 0px 4px;
	width: 1.9em;
	color: #333;
	text-align: right;
}
.form_message .area {
	height: 40px;
	width: 100%;
	font-size: 1.2em;
	font-family: 'ralewaylight', sans-serif;
}
.form_message label.labWilde {
	background: transparent;
	border: none;
}
.form_message label.labSmart {
	display: inline;
	background: transparent;
	border: none;
	padding: 1px 4px 1px 4px;
}
.form_message label.labinline {
	display: inline;
	background: transparent;
	border: none;
	padding: 1px 4px 1px 4px;
}
.form_message label.labinline input{
	width: auto;
	border: none;
}
.form_message .entree.profil_login {
	background: #f3f3f3;
}
.form_message #Envoyer {
	/*display: block;
	width: 100%;
	background: #ddd;
	border: 1px solid #ccc;
	border: none;
	background: none;
	color: #888;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 2.2em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	*/
}
.form_message #Envoyer:hover {
	/*background: #ccc;
	border: 1px solid #bbb;
	color: #fff;*/
}
.form_message .envoiSmart {
	display: block;
	width: 100%;
	line-height: 2.8em;
	height: 2.8em;
	background: #CFE9FB;
	border: none;
	color: #60696E;
	font-family: 'ralewayregular', sans-serif;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
}
.form_message .envoiSmart:hover {
	background: #0D91EB;
	border: none;
	color: #fff;
}


/*
#0D91EB	bleu encre cyan (saturé)
#CFE9FB	bleu fond cyan (clair)
#60696E	textes
*/