[class*="col-"],[class*="colflex-"]  
 { width:100%;display:block;position: relative;  min-height: 1px; padding-right:15px;padding-left:15px; text-align:center;
  margin-left:auto;margin-right:auto;}
  
@media (max-width: 768px) {
	[class*="fcol col-"]  {padding-left:0!important;padding-right:0!important;}
}
 
[class*="col-xs-"] {   float:none;  }
[class*="col-"]  { padding-right:5px;padding-left:5px; }
@media (max-width: 480px) { .colflex-12 {margin-left:0} .aside [class*="colflex-"]  { width:100%; } }
@media only screen and (min-width: 1200px) { .aside [class*="flex-largeur-"],.aside [class*="colflex-"]   {    width: 100%;  }
}
 
.col {
    -ms-flex-preferred-size: 0;
  /*  flex-basis: 0;*/
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin-left: 20px;
	 flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
	flex-direction: column!important;  -ms-flex-direction: column!important; 
}

 
.aside .asidepad {padding:0!important;}
.aside .asidetaille{width:100%!important;}
.aside .marge  {margin:auto!important;}
.aside .margeh {margin-left:auto!important;margin-right:auto!important;}
.aside  .newspaper {columns:1!important;}

@media (min-width: 1200px){
.aside [class*="col-"]  { width:100% !important;flex: 0 0 100%!important;	-ms-flex: 0 0 100%!important;	max-width:100%!important;}
}

@media only screen and (max-width: 768px) {
  .aside [class*="col-"]  { width:100% !important;max-width:100% !important;}
  .col{
    display: block;
    width: 95%;
	margin-left:0}
  }
.no-padding { padding: 0; }
.prl0{padding-left:0;padding-right:0;}
.marginauto {margin:auto;}
.nomargin{margin:0!important;}
.m-auto{margin:auto!important}  
.maxl80{max-width:80%}
.maxl90{max-width:90%}
.maxl100{max-width:100%}
.maxh80{max-height:80%}
.mb-0{margin-bottom:0!important}
.m-1{margin: 1% !important;}
.py-2{padding:5%}

.m-20{margin:5%;}
.p-5{padding: 1% !important;}
.mb-5, .my-5 { margin-bottom: 3rem !important;}
.m30,.m40{margin:auto}
.m-l20_0{margin-left:20px}
.ml-0 {margin-left:0px!important}

.padl40{padding-left:40px!important;}
.padr40{padding-right:40px!important;}

.padv10{padding-top:10px;padding-bottom:10px;}
.marfl50{margin:0px;}
.m5px {margin: 5px;}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}
.pc,.pg {padding:30px} 

.p10{padding:10px;}
.p20{padding:20px!important}
.p30{padding:30px;}
.p40{padding:40px}

@media (min-width: 480px){
.pad10{padding:10px}
.pad20{padding:20px!important}
.pad30{padding:30px}
.pad40{padding:40px}

}

.aside .m20 {margin-left:0;margin-right:0}
.aside .pad20 {padding:0!important}
.aside .pad30 {padding:0}
.aside .pad40 {padding:0}

@media (min-width: 768px) {
.m20-md {margin:20px}
.aside .m20   {margin:20px}
.aside .pad20 {padding:20px}
.aside .pad30 {padding:30px}
.aside .pad40 {padding:40px}
.p-md10 {padding:10px}
.p-md20 {padding:20px}
.p-md30 {padding:30px}
.p-md40 {padding:40px}
}

@media (min-width: 1200px) {
.m20-lg {margin:20px}
.nomargin-lg{margin:0!important}
.aside .m20 {margin-left:0;margin-right:0}
.aside .pad20 {padding:0}
.aside .pad30 {padding:0}
.aside .pad40 {padding:0}
.p-xl10 {padding:10px}
.p-xl20 {padding:20px}
.p-xl30 {padding:30px}
}
.minligne{min-height:200px}
.aside .minligne{min-height:200px}


@media (min-width: 480px)
{   .ml30{margin-left:30px; margin-right:30px}
	.pl10{padding-left:10px; }
    .m20{margin:20px} .m30{margin:30px} 	.m40{margin:40px} 
	.pc {padding-left:30px} 
	.p30 {padding:30px}
	.mw{max-width:100%!important;}	
}


@media (max-width: 1024px) {
	.hidden-maxtablet{  display: none!important;  } 	
	.sens_maxtablet{  flex-direction: column!important;
	}	
}
@media (max-width: 992px) {
	.hidden-middletablet{  display: none!important;  }
 	.nopad-middletablet{padding:0!important;}  
	.sens_middletablet{  flex-direction: column!important;}
    .flex-row-col-middletablet{   flex-direction: column!important;   -ms-flex-direction: column!important;}  	
	
}
.show-tablet{  display: none!important;}
@media (max-width: 768px) {
	.hidden-tablet{  display: none!important;}
	.show-tablet{  display: block!important;}
	.nopad-tablet{padding:0!important;}
	.nomar-tablet{margin:0!important;}
	.block-tablet{display:block!important;}
	.flex-content-tablet { flex: none; }
	.flex-column-tablet  {flex-direction:column;}
	.flex-row-col-tablet{flex-direction: column!important;   -ms-flex-direction: column!important;}  	
    .wrap-tablet{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.datebl {display:block;font-size:100%}
	.ml-20_0{margin-left:0!important}
	.marge{margin-left:0;margin-right:0;}
	.mb20tablet{margin-bottom:20px!important}
	.mb30tablet{margin-bottom:30px!important}
	.mb40tablet{margin-bottom:40px!important}
	.m20tablet{margin:20px!important}
	.mhb20tablet{margin:20px 0 20px 0 !important}
}
.show-phone{  display: none!important;}
@media (max-width: 576px) {
	.show-phone{  display: block!important;}
	.hidden-phone,.hidden-mintablet,.hidden-mintablet{  display: none!important;}
	.flex-content-phone{ flex: none; background-color:red;}
    .wrap-phone{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.nopadphone{padding:0 !important;}
    	  }
.imgcover 
{background-repeat:no-repeat; 
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size:cover;
background-position:top center;
}
	  
.bckcontain,.bckcover{background-repeat:no-repeat;
-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain; background-size:contain;
background-position:center center;} 


@media (min-width: 577px) {
.bckcover{background-repeat:no-repeat; 
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size:cover;
background-position:center center;}
}


@media (max-width: 340px) {
	.hidden-miniphone{  display: none!important;}
	.nopad-miniphone{padding:0!important;}

	  } 
	  
	  
.datebl{
font-weight: bold;
padding-left: 30px;
font-size: 120%;}


.padv10{padding-top:10px;padding-bottom:10px;}
.marfl50{margin:0px;}
.m5px {margin: 5px;}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}
  
.flex-video .spip_documents{margin-bottom:0}
.directioncol{ flex-direction: column!important; }
.directionrow{ flex-direction:row!important; }

/* pour des colonnes mêmes hauteur */

 .flex {
	display: -webkit-flex;
    display: -webkit-box;
    display:flex;
}
	
.wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  }

	
.flex-col {
   flex-direction: column!important;  -ms-flex-direction: column!important; 
 
}


 

  
  /* contexte général flex sur le conteneur */
.flex-container {
  display: -webkit-box;  display: -ms-flexbox;display: flex;
  justify-content: center;
   -webkit-flex-wrap: wrap;  
		-ms-flex-wrap: wrap;  
		flex-wrap: wrap;  
}

/* chaque section est elle-même flex-container */
.flex-section ,.flex-sectionsm{
 display: -webkit-flex; display: -ms-flexbox; display: flex;   
   -ms-flex-direction: column;flex-direction: column;
     -webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
 
}
.flex-section {margin:15px}
.flex-sectionsm {margin-bottom:40px}
.flex-content,.flex-content-phone,.flex-content-tablet {
   -ms-flex: 1;  /* IE 10 */ flex: 1;   /*background: #fff;*/
}
.flex-content .spip_documents .oembed {padding:0}
.flex-centrer {
  display: -webkit-flex;   
  display: -ms-flexbox; 
  display :flex;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: center; 
}

.flex-logo  .spip_logo { float:none; margin: auto; padding:0; border: none; }

  [class*="colflex-"] {     float:left;  }
  
  .ml-30 {margin-left:30px}

  .colflex-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-4 {
    width: 31.33333333%; margin-left:2% !important;
  }
  .colflex-3 {margin-left:2% !important;
    width: 23%;
  }
  .colflex-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
@media (min-width: 576px) {

  [class*="colflex-sm-"] {     float:left; }
  .colflex-sm-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-sm-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-sm-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-sm-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-sm-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-sm-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-sm-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-sm-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-sm-4 {
    width: 31.33333333%; margin-left:2% !important;
  }
  .colflex-sm-3 {margin-left:1% !important;
    width: 24%;
  }
  .colflex-sm-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-sm-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
}

@media (min-width: 768px) {
	
  [class*="colflex-md-"] {     float:left;  }
  
  .ml-md-30 {margin-left:30px}

  .colflex-md-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-md-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-md-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-md-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-md-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-md-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-md-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-md-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-md-4 {
    width: 31.33333333%; margin-left:2% !important;
  }
  .colflex-md-3 {margin-left:1% !important;
    width: 24%;
  }
  .colflex-md-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-md-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
  
}

@media (min-width:992px) {
	
	 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
  
	
	
  [class*="colflex-lg-"] {
   float:left;
}

  .colflex-lg-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-lg-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-lg-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-lg-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-lg-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-lg-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-lg-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-lg-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-lg-4 {
    width: 31.33333333%; margin-left:2% !important;
  }
  .colflex-lg-3 {margin-left:2% !important;
    width: 23%;
  }
  .colflex-lg-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-lg-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
  
}
 

@media (min-width:1024px) {
	
	 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
     .troiscol .himgauto{ height:auto;min-height:auto;}
	 
[class*="colflex-ml-"] {   float:left;}
.colflex-ml-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-ml-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-ml-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-ml-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-ml-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-ml-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-ml-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-ml-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-ml-4 {
    width: 31.33333333%; margin-left:2% !important;
  }
  .colflex-ml-3 {margin-left:2% !important;
    width: 23%;
  }
  .colflex-ml-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-ml-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 


}

@media (min-width: 1200px) {

 [class*="colflex-xl-"] {     float:left;  }
 
  .colflex-xl-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-xl-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-xl-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-xl-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-xl-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-xl-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-xl-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-xl-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-xl-4 {
   width: 31.33333333%; margin-left:2% !important;
	
	  }
  
  .colflex-xl-3 {margin-left:2% !important;
    width: 23%;
  }
  .colflex-xl-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-xl-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
}

@media (min-width: 1400px) {

 [class*="colflex-xxl-"] {     float:left;  }
 
  .colflex-xxl-12 {
    width: 97%;margin-left:3%!important;
  }
  .colflex-xxl-11 {
    width: 88.66666667%;margin-left:3%!important;
  }
  .colflex-xxl-10 {
    width: 80.33333333%;margin-left:3%!important;
  }
  .colflex-xxl-9 {
    width: 72%;margin-left:3%!important;
  }
  .colflex-xxl-8 {
    width: 63.66666667%;margin-left:3%!important;
  }
  .colflex-xxl-7 {
    width: 55.33333333%;margin-left:3%!important;
  }
  .colflex-xxl-6 {
    width: 47%;margin-left:3%!important;
  }
  .colflex-xxl-5 { width: 38.66666667%;margin-left:3%!important;
  }
  .colflex-xxl-4 {
   width: 31.33333333%; margin-left:2% !important;
	
	  }
  
  .colflex-xxl-3 {margin-left:2% !important;
    width: 23%;
  }
  .colflex-xxl-2 {
    width: 15.66666667%;margin-left:1% !important;
  }
  .colflex-xxl-1 {
    width:7.33333333%;margin-left:1% !important;
  }
 
}
/* bornes bootstarp **********************/

 /* par defaut */  
  .ml-30 {margin-left:30px}

  .col-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
  }
  .col-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

 


@media (max-width: 340px) {
  
[class*="col-xm-"] {   
  float:none;
  }
  [class*="col-"] 
 { padding-right:5px;padding-left:5px; }
 .col-xm-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-xm-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-xm-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-xm-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-xm-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-xm-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-xm-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-xm-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-xm-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-xm-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-xm-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-xm-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

}
@media (min-width: 340px) {
  
[class*="col-xs-"] {   
  float:none;
  }
  [class*="col-"] 
 { padding-right:5px;padding-left:5px; }
 .col-xs-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-xs-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

}

@media (min-width: 576px) {
.colarge .himgauto { height:240px;min-height:240px;}

  [class*="col-sm-"] {     float:left;  }
  
  .ml-sm-30 {margin-left:30px}

.col-sm-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-sm-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

  
}


@media (min-width: 768px) {
	
.colarge .himgauto { height:240px;min-height:240px;}

  [class*="col-md-"] {     float:left;  }
  
  .ml-30 {margin-left:30px}

   .col-md-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-md-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-md-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-md-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-md-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

  
}


@media (min-width:992px) {
	
	 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
  
	
  [class*="col-lg-"] {   float:left;}

   .col-lg-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	-ms-flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-lg-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width: 25%;;
  }
  .col-lg-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

  
}

	
	 
/* pas dans bootstrap 5 */
@media (min-width: 1024px) {
 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
     .troiscol .himgauto{ height:auto;min-height:auto;}
 [class*="col-ml-"] {     float:left;  }
 
  .col-ml-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-ml-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-ml-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	-ms-flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-ml-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-ml-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-ml-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-ml-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-ml-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-ml-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-ml-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-ml-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-ml-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

}



@media (min-width:1200px) {	
	 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
     .troiscol .himgauto{ height:auto;min-height:auto;}
	 
[class*="col-xl-"] {float:left;}


 .col-xl-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	-ms-flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-xl-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}



}

@media (min-width:1400px) {
	
	 .marfl50{margin:10px;}
	 .marcentre { padding: 0 1% 0 1%;}
     .troiscol .himgauto{ height:auto;min-height:auto;}
	 
[class*="col-ml-"] {   float:left;}
 .col-xxl-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-xxl-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-xxl-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	-ms-flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-xxl-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-xxl-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-xxl-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-xxl-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-xxl-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-xxl-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-xxl-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-xxl-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-xxl-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}



}



@media (max-width: 340px) {
  
[class*="col-xxs-"] { float:none;  }
[class*="col-"]  { padding-right:5px;padding-left:5px }


 .col-xxs-12 {
    width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width:100%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
	flex: 0 0 91.66666667%;
	-ms-flex: 0 0 91.66666667%;
	max-width:91.66666667%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width:83.33333333%;
  }
  .col-xxs-9 {
    width: 75%;
	flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	max-width: 75%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
	-ms-flex: 0 0 66.66666667%;
	max-width: 66.66666667%;}

  .col-xxs-7 {
    width: 58.33333333%;
	flex: 0 0 58.33333333%;
	-ms-flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
  }
  .col-xxs-6 {
    width: 50%;
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	 max-width: 50%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
	flex: 0 0 41.66666667%;
	-ms-flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
	flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	max-width: 33.33333333%;
  }
  .col-xxs-3 {
    width: 25%;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	max-width:25%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
	flex: 0 0 16.66666667%;
	-ms-flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
  }
  .col-xxs-1 {
    width: 8.33333333%;
	flex: 0 0 8.33333333%;
	-ms-flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}
.nopad-xxs {padding:0!important;}
.m-xxs-auto{margin:auto;}
}

.himgauto{ height:auto;min-height:auto;}
.hbimgauto{ height:240px; min-height:240px}
.himg240{  min-height:240px}
.limith-1{ height:auto;min-height:auto;}
.limith-2{ height:240px;min-height:240px;}
.limith-3{ height:156px;min-height:156px;}
.limith-4{ height:240px;min-height:240px;}
.himgb240-sm { background-size: auto;height: auto;min-height:auto;}
@media (max-width: 768px){
.himg240-sm{height:auto;min-height:auto;} 
.himgb240-sm{ background-size: cover;}
.limith-2{height:auto;min-height:auto;} 
}


@media (max-width: 480px){
.himg240-xs{height:auto;min-height:auto;} 
.limith-3{height:auto;min-height:auto;}
.himg-xs{height:auto;min-height:auto;}
.sens_phone{  flex-direction: column!important;	}
}


@media (min-width: 481px) {
  
.colarge .himgauto { height:auto;min-height:auto;}
}


 @media only screen and (max-width: 768px)   {
   .flex-col-row{ 
   flex-direction: row!important;
   -ms-flex-direction: row!important;
  
   }
  .sens_tablet{
  flex-direction: column!important;
	}
 .sens_tablet_reverse{
   flex-direction: column-reverse!important;
   -ms-flex-direction: column-reverse !important;
  
	}
 }


/****       row-col        ***/
.flex-row-col-middletablet {  -ms-flex-direction: row; flex-direction: row; }
.flex-row-col, .aside .flex-row-col, .aside .flex-row-col-reverse,  .flex-row-col-reverse, .flex-col-row ,.flex-row  { color;red;flex-direction: column!important;-ms-flex-direction:column!important;     }
.aside .wm{width:100%} 
 
 @media only screen and (min-width: 768px)  {
	.aside .flex-row-col, .flex-row-col	,.flex-row		    {   flex-direction: row!important; -ms-flex-direction:row!important;   }
	.aside .flex-row-col-reverse,.aside  .flex-row-col-reverse, .flex-row-reverse,  .flex-row-col-reverse	{   flex-direction: row-reverse!important;-ms-flex-direction:row-reverse!important;    }
	.aside .wm{width:auto}
 }  
 
 @media only screen and (min-width: 1200px)   {
	.aside .flex-row, .aside  .flex-row-col         { 	 flex-direction: column!important; -ms-flex-direction:column!important; }  
	.aside .flex-row-reverse, .aside .flex-row-col-reverse { 	 flex-direction: column!important; -ms-flex-direction:column!important; } 
	.aside .wm{width:100%}
 }
	
	/**********************/
	/* utilise seulement dans les articles/selection colonne ...*/
 [class*="flex-largeur-"] 
 { background-color:blue;width: 100% ; padding-right:15px;padding-left:15px;  margin-left:auto;margin-right:auto} 
 
 [class^="flex-largeur"] {   
  width: 100% }
 
.flex-largeur1,.flex-largeur2,.flex-largeur3,.flex-largeur4,.flex-largeur5,.flex-largeur6 {width:100%}
  
 
 @media only screen and (min-width: 770px)   {
 .flex-largeur1 {width:98%}
 .flex-largeur2 {width:45%}
 .flex-largeur3 {width:45%}
 .flex-largeur4 {width:45%}
 .flex-largeur5 {width:45%}
 .flex-largeur6 {width:45%}
    }
 @media only screen and (min-width: 992px)    {
 .flex-largeur1 {width:98%}
 .flex-largeur2 {width:45%}
 .flex-largeur3 { width: 30%}
 .flex-largeur4 {width:21%}
 .flex-largeur5 {width:15%}
 .flex-largeur6 {width:15%}
 }
 @media only screen and (min-width: 1070px)   { 
 .flex-largeur1 {width:98%}
 .flex-largeur2 {width:45%}
 .flex-largeur3 {width:30%}
 .flex-largeur4 {width:21%}
 .flex-largeur5 {width:15%}
 .flex-largeur6 {width:15%} 
   }   
 @media only    screen and (min-width: 576px)   {
 .flex-largeur-sm-1 {width:98%}
 .flex-largeur-sm-2 {width:45%}
 .flex-largeur-sm-3 {width:30%}
 .flex-largeur-sm-4 {width:21%}
 .flex-largeur-sm-5 {width:15%}
 .flex-largeur-sm-6 {width:10%}
    }
 @media only screen and (min-width: 768px)    {
 .flex-largeur-md-1 {width:98%}
 .flex-largeur-md-2 {width:45%}
 .flex-largeur-md-3 {width: 33.33333333%}
 .flex-largeur-md-4 {width:21%}
 .flex-largeur-md-5 {width:15%}
 .flex-largeur-md-6 {width:10%}
 }
 @media only screen and (min-width: 992px)    {
 .flex-largeur-lg-1 {width:98%}
 .flex-largeur-lg-2 {width:45%}
 .flex-largeur-lg-3 {width:33.33333333%}
 .flex-largeur-lg-4 {width:21%}
 .flex-largeur-lg-5 {width:15%}
 .flex-largeur-lg-6 {width:10%}
 }
 @media only screen and (min-width: 1024px)   { 
 .flex-largeur-ml-1 {width:98%}
 .flex-largeur-ml-2 {width:45%}
 .flex-largeur-ml-3 {width:33.33333333%}
 .flex-largeur-ml-4 {width:21%}
 .flex-largeur-ml-5 {width:15%}
 .flex-largeur-ml-6 {width:10%}
   } 
 @media only screen and (min-width: 1200px)   { 
 .flex-largeur-xl-1 {width:98%}
 .flex-largeur-xl-2 {width:45%}
 .flex-largeur-xl-3 {width:33.33333333%}
 .flex-largeur-xl-4 {width:21%}
 .flex-largeur-xl-5 {width:15%}
 .flex-largeur-xl-6 {width:10%}
   }