/*  __________________________________________________________________________

								CSS Personnalisé
    __________________________________________________________________________ */

/*
	TEXT-SHADOW --> GENERATEUR
	https://html-css-js.com/css/generator/text-shadow/

	TEXT-SHADOW --> GENERATEUR
	https://html-css-js.com/css/generator/box-shadow/

	GRADIENT --> GENERATEUR
	https://html-css-js.com/css/generator/gradient/

	TABLE --> GENERATEUR
	https://divtable.com/table-styler/

	COLUMN --> GENERATEUR
	https://html-css-js.com/css/generator/column/

	BORDER --> GENERATEUR
	https://html-css-js.com/css/generator/border-outline/

	BORDER-RADIUS --> GENERATEUR
	https://html-css-js.com/css/generator/border-radius/

	TRANSFORM --> GENERATEUR
	https://html-css-js.com/css/generator/transform/

	BACKGROUND --> GENERATEUR
	https://html-css-js.com/css/generator/background/
*/
/*@page { size: 8cm }
*/
/*
html {
	font-size: 62.5%;
	background-image: url("../img/image1.png");
}
*/

.bgImgLarge{
	background-image: url('../img/background-large.png');
}

.bgImgLarge2{
	background-image: url('../img/background-large2.png');
}

.bgImgLarge3{
	background-image: url('../img/background-large3.png');
}

/* PARAMETRES FONTS-FAMILY */
@font-face {
	font-family: "AlexBrush";
	src: url('../fonts/AlexBrush-Regular.ttf') format("truetype");
}
@font-face {
	font-family: "CourierPrime";
	src: url('../fonts/CourierPrime-Regular.ttf') format("truetype");
}
@font-face {
	font-family: "DancingScript";
	src: url('../fonts/DancingScript-Regular.ttf') format("truetype");
}
@font-face {
	font-family: "GiveYouGlory";
	src: url('../fonts/GiveYouGlory-Regular.ttf') format("truetype");
}
@font-face {
	font-family: "OpenSansCondensed";
	src: url('../fonts/OpenSansCondensed-Light.ttf') format("truetype");
}

@font-face {
	font-family: "Courier Prime";
	src: url('../fonts/CourierPrime-Regular.ttf') format("truetype");
}

@font-face {
	font-family: "Montserrat";
	src: url('../fonts/Montserrat-Regular.ttf') format("truetype");
}






a { text-decoration: none }

/* CONTAINER */
.container { padding: 0% 10%; }

/* POSITION */
.pr { position: relative; }
.pa { position: absolute; }

/* FLOAT */
.ftl { float: left; }
.ftr { float: right; }

/* FONT-FAMILY */
.fam1 { font-family: 'AlexBrush', sans-serif; }
.fam2 { font-family: 'CourierPrime', sans-serif; }
.fam3 { font-family: 'DancingScript', sans-serif; }
.fam4 { font-family: 'GiveYouGlory', sans-serif; }
.fam5 { font-family: 'OpenSansCondensed', sans-serif; }
.fam6 { font-family: 'Courier Prime', sans-serif; }
.fam7 { font-family: 'Montserrat', sans-serif; }

div.breakafter {
	page-break-after: always;
}

/* Translation sur l'axe X ( Droite / Gauche )
   que je pourrais utiliser sur toutes les pages */
.translateX:hover{
	cursor: pointer;
	right: 20%;
	transform: translateX(12%);
}

/* Translation sur l'axe Y ( Haut / Bas )
   que je pourrais utiliser sur toutes les pages */
.translateY:hover{
	cursor: pointer;
	transform: translate(0, 12px);
	transition: .5s all .3s;
}

/* FONTS-STYLE */
.styn { font-style: normal; }
.styi { font-style: italic; }
.styib { font-style: italic; font-weight: bold; }

/* FONTS-WEIGHT */
.fw1 { font-weight: normal; }
.fw2 { font-weight: bold; }

/* BACKGROUND-COLOR */
.bg_black      { background-color: #34495E; }
.bg_blackBlack { background-color: #111314; }
.bg_green     { background-color: #1ABC9C; }
.bg_yellow    { background-color: #F1C40F; }
.bg_blue      { background-color: #3498DB; }
.bg_orange    { background-color: #E67E22; }
.bg_red       { background-color: #E74C3C; }
.bg_grey      { background-color: #95A5A6; }
.bg_purpule   { background-color: #9B59B6; }
.bg_white     { background-color: #ECF0f1; }
.bg_navy      { background-color: #000080; }
.bg_aqua      { background-color: #00FFFF; }
.bg_pink      { background-color: #FFC0CB; }
.bg_aqua2     { background-color: #00ADC9; }
.bg_transp    { background-color: transparent; }
.bg_greyPrint { background-color: #C0C0C0; }
.bg_speciale_color { background-color: #f5f3f58f; }
.bg_transparent { background-color: transparent; }

/* BACKGROUND-IMAGE */
.bgimg1{ background-image: url("060522070416_16.jpg"); }
.bgimg2{ background-image: url("060522070416_16.jpg"); }
.bgimg3{ background-image: url("060522070416_16.jpg"); }
.bgimg4{ background-image: url("060522070416_16.jpg"); }
.bgimg5{ background-image: url("060522070416_16.jpg"); }

/* BACKGROUND-POSITION */
.bgpt { background-position: top;    }
.bgpb { background-position: bottom; }
.bgpl { background-position: left;   }
.bgpr { background-position: right;  }
.bgpc { background-position: center; }

.bgpxl    { background-position-x: left;       }
.bgpxc    { background-position-x: center;     }
.bgpx     { background-position-x: 25%;        }
.bgpxrem  { background-position-x: 2rem;       }
.bgpxrrem { background-position-x: right 2rem; }

.bgpyl    { background-position-y: left;       }
.bgpyc    { background-position-y: center;     }
.bgpy     { background-position-y: 25%;        }
.bgpyrem  { background-position-y: 2rem;       }
.bgpyrrem { background-position-y: right 2rem; }

/* BACKGROUND-REPEAT */
.bgrrx { background-repeat: repeat-x;  }
.bgrry { background-repeat: repeat-y;  }
.bgrr  { background-repeat: repeat;    }
.bgrs  { background-repeat: space;     }
.bgrro { background-repeat: round;     }
.bgrnr { background-repeat: no-repeat; }

/* BACKGROUND-SIZE */
.bgsc   { background-size: cover;   }
.bgsct  { background-size: contain; }
.bgscnr { background-size: contain; background-repeat: no-repeat; }
.bgs25  { background-size: 25%;  }
.bgs50  { background-size: 50%;  }
.bgs75  { background-size: 75%;  }
.bgs100 { background-size: 100%; }

/* BACKGROUND-ATTACHMENT */
.bgas { background-attachment: scroll; }
.bgaf { background-attachment: fixed;  }
.bgal { background-attachment: local;  }

/* TEXT-COLOR */
.txt_blackBlack { color: #111314; }
.txt_black   { color: #34495E; }
.txt_green   { color: #1ABC9C; }
.txt_yellow  { color: #F1C40F; }
.txt_blue    { color: #3498DB; }
.txt_orange  { color: #E67E22; }
.txt_red     { color: #E74C3C; }
.txt_grey    { color: #95A5A6; }
.txt_purpule { color: #9B59b6; }
.txt_white   { color: #ECF0f1; }
.txt_navy    { color: #000080; }
.txt_teal    { color: #008080; }
.txt_aqua    { color: #00FFFF; }
.txt_pink    { color: #FFC0CB; }
.txt_aqua2   { color: #00ADC9; }



/* BORDER-COLOR A PLUSIEURS PARAMETRES */
.bdr1S_black_black { border: 1px solid #000; }
.bdr1S_black   { border: 1px solid #34495E; }
.bdr1S_green   { border: 1px solid #1ABC9C; }
.bdr1S_yellow  { border: 1px solid #F1C40F; }
.bdr1S_blue    { border: 1px solid #3498DB; }
.bdr1S_orange  { border: 1px solid #E67E22; }
.bdr1S_red     { border: 1px solid #E74C3C; }
.bdr1S_grey    { border: 1px solid #95A5A6; }
.bdr1S_purpule { border: 1px solid #9B59B6; }
.bdr1S_white   { border: 1px solid #ECF0f1; }
.bdr1S_navy    { border: 1px solid #000080; }
.bdr1S_teal    { border: 1px solid #008080; }
.bdr1S_aqua    { border: 1px solid #00FFFF; }
.bdr1S_pink    { border: 1px solid #FFC0CB; }
.bdr1S_aqua2   { border: 1px solid #00adc9; }
.bdr1S_transp  { border: transparent; }


/* BORDER-COLOR AVEC 1 PARAMETRE */
.bdr1B_black_black   { border-bottom: 1px solid #000; }
.bdr1B_black   { border-bottom: 1px solid #34495E; }
.bdr1B_green   { border-bottom: 1px solid #1ABC9C; }
.bdr1B_yellow  { border-bottom: 1px solid #F1C40F; }
.bdr1B_blue    { border-bottom: 1px solid #3498DB; }
.bdr1B_orange  { border-bottom: 1px solid #E67E22; }
.bdr1B_red     { border-bottom: 1px solid #E74C3C; }
.bdr1B_grey    { border-bottom: 1px solid #95A5A6; }
.bdr1B_purpule { border-bottom: 1px solid #9B59B6; }
.bdr1B_white   { border-bottom: 1px solid #ECF0f1; }
.bdr1B_navy    { border-bottom: 1px solid #000080; }
.bdr1B_teal    { border-bottom: 1px solid #008080; }
.bdr1B_aqua    { border-bottom: 1px solid #00FFFF; }
.bdr1B_pink    { border-bottom: 1px solid #FFC0CB; }
.bdr1B_aqua2   { border-bottom: 1px solid #00ADC9; }

.bdr2B_black_black   { border-bottom: 2px solid #000; }
.bdr3B_black_black   { border-bottom: 3px solid #000; }


.bdr1L_black   { border-left: 1px solid #34495E; }
.bdr1L_green   { border-left: 1px solid #1ABC9C; }
.bdr1L_yellow  { border-left: 1px solid #F1C40F; }
.bdr1L_blue    { border-left: 1px solid #3498DB; }
.bdr1L_orange  { border-left: 1px solid #E67E22; }
.bdr1L_red     { border-left: 1px solid #E74C3C; }
.bdr1L_grey    { border-left: 1px solid #95A5A6; }
.bdr1L_purpule { border-left: 1px solid #9B59B6; }
.bdr1L_white   { border-left: 1px solid #ECF0f1; }
.bdr1L_white_white { border-left: 1px solid #FFF;}
.bdr1L_navy    { border-left: 1px solid #000080; }
.bdr1L_teal    { border-left: 1px solid #008080; }
.bdr1L_aqua    { border-left: 1px solid #00FFFF; }
.bdr1L_pink    { border-left: 1px solid #FFC0CB; }
.bdr1L_aqua2   { border-left: 1px solid #00ADC9; }


.bdr1R_black   { border-right: 1px solid #34495E; }
.bdr1R_green   { border-right: 1px solid #1ABC9C; }
.bdr1R_yellow  { border-right: 1px solid #F1C40F; }
.bdr1R_blue    { border-right: 1px solid #3498DB; }
.bdr1R_orange  { border-right: 1px solid #E67E22; }
.bdr1R_red     { border-right: 1px solid #E74C3C; }
.bdr1R_grey    { border-right: 1px solid #95A5A6; }
.bdr1R_purpule { border-right: 1px solid #9B59B6; }
.bdr1R_white   { border-right: 1px solid #ECF0f1; }
.bdr1R_white_white { border-right: 1px solid #FFF;}
.bdr1R_navy    { border-right: 1px solid #000080; }
.bdr1R_teal    { border-right: 1px solid #008080; }
.bdr1R_aqua    { border-right: 1px solid #00FFFF; }
.bdr1R_pink    { border-right: 1px solid #FFC0CB; }
.bdr1R_aqua2   { border-right: 1px solid #00ADC9; }


.bdr2R_black   { border-right: 2px solid #34495E; }
.bdr3R_black   { border-right: 3px solid #34495E; }


.bdr1T_black   { border-top: 1px solid #34495E; }
.bdr1T_green   { border-top: 1px solid #1ABC9C; }
.bdr1T_yellow  { border-top: 1px solid #F1C40F; }
.bdr1T_blue    { border-top: 1px solid #3498DB; }
.bdr1T_orange  { border-top: 1px solid #E67E22; }
.bdr1T_red     { border-top: 1px solid #E74C3C; }
.bdr1T_grey    { border-top: 1px solid #95A5A6; }
.bdr1T_purpule { border-top: 1px solid #9B59B6; }
.bdr1T_white   { border-top: 1px solid #ECF0f1; }
.bdr1T_white_white { border-top: 1px solid #FFF;}
.bdr1T_navy    { border-top: 1px solid #000080; }
.bdr1T_teal    { border-top: 1px solid #008080; }
.bdr1T_aqua    { border-top: 1px solid #00FFFF; }
.bdr1T_pink    { border-top: 1px solid #FFC0CB; }
.bdr1T_aqua2   { border-top: 1px solid #00ADC9; }

/* BORDER-COLOR */
.bdr_black   { border-color: #34495E; }
.bdr_green   { border-color: #1ABC9C; }
.bdr_yellow  { border-color: #F1C40F; }
.bdr_blue    { border-color: #3498DB; }
.bdr_orange  { border-color: #E67E22; }
.bdr_red     { border-color: #E74C3C; }
.bdr_grey    { border-color: #95A5A6; }
.bdr_purpule { border-color: #9B59B6; }
.bdr_white   { border-color: #ECF0f1; }
.bdr_navy    { border-color: #000080; }
.bdr_teal    { border-color: #008080; }
.bdr_aqua    { border-color: #00FFFF; }
.bdr_pink    { border-color: #FFC0CB; }
.bdr_aqua2   { border-color: #00ADC9; }

/* BORDER-TOP-COLOR */
.bdrT_black   { border-top-color: #34495E; }
.bdrT_green   { border-top-color: #1ABC9C; }
.bdrT_yellow  { border-top-color: #F1C40F; }
.bdrT_blue    { border-top-color: #3498DB; }
.bdrT_orange  { border-top-color: #E67E22; }
.bdrT_red     { border-top-color: #E74C3C; }
.bdrT_grey    { border-top-color: #95A5A6; }
.bdrT_purpule { border-top-color: #9B59B6; }
.bdrT_white   { border-top-color: #ECF0f1; }
.bdrT_navy    { border-top-color: #000080; }
.bdrT_teal    { border-top-color: #008080; }
.bdrT_aqua    { border-top-color: #00FFFF; }
.bdrT_pink    { border-top-color: #FFC0CB; }
.bdrT_aqua2   { border-top-color: #00ADC9; }

/* BORDER-BOTTOM-COLOR */
.bdrB_black   { border-bottom-color: #34495E; }
.bdrB_green   { border-bottom-color: #1ABC9C; }
.bdrB_yellow  { border-bottom-color: #F1C40F; }
.bdrB_blue    { border-bottom-color: #3498DB; }
.bdrB_orange  { border-bottom-color: #E67E22; }
.bdrB_red     { border-bottom-color: #E74C3C; }
.bdrB_grey    { border-bottom-color: #95A5A6; }
.bdrB_purpule { border-bottom-color: #9B59B6; }
.bdrB_white   { border-bottom-color: #ECF0f1; }
.bdrB_navy    { border-bottom-color: #000080; }
.bdrB_teal    { border-bottom-color: #008080; }
.bdrB_aqua    { border-bottom-color: #00FFFF; }
.bdrB_pink    { border-bottom-color: #FFC0CB; }
.bdrB_aqua2   { border-bottom-color: #00ADC9; }

/* BORDER-LEFT-COLOR *//*
.bdrL_black   { border-left-color: #34495E; }
.bdrL_green   { border-left-color: #1ABC9C; }
.bdrL_yellow  { border-left-color: #F1C40F; }
.bdrL_blue    { border-left-color: #3498DB; }
.bdrL_orange  { border-left-color: #E67E22; }
.bdrL_red     { border-left-color: #E74C3C; }
.bdrL_grey    { border-left-color: #95A5A6; }
.bdrL_purpule { border-left-color: #9B59B6; }
.bdrL_white   { border-left-color: #ECF0f1; }
.bdrL_navy    { border-left-color: #000080; }
.bdrL_teal    { border-left-color: #008080; }
.bdrL_aqua    { border-left-color: #00FFFF; }
.bdrL_pink    { border-left-color: #FFC0CB; }
.bdrL_aqua2   { border-left-color: #00ADC9; }*/

/* BORDER-RIGHT-COLOR */
.bdrR_black   { border-right-color: #34495E; }
.bdrR_green   { border-right-color: #1ABC9C; }
.bdrR_yellow  { border-right-color: #F1C40F; }
.bdrR_blue    { border-right-color: #3498DB; }
.bdrR_orange  { border-right-color: #E67E22; }
.bdrR_red     { border-right-color: #E74C3C; }
.bdrR_grey    { border-right-color: #95A5A6; }
.bdrR_purpule { border-right-color: #9B59B6; }
.bdrR_white   { border-right-color: #ECF0f1; }
.bdrR_navy    { border-right-color: #000080; }
.bdrR_teal    { border-right-color: #008080; }
.bdrR_aqua    { border-right-color: #00FFFF; }
.bdrR_pink    { border-right-color: #FFC0CB; }
.bdrR_aqua2   { border-right-color: #00ADC9; }

/* BORDER-COLOR COMBINAISONS */
.orbl { border-color: #E67E22 #3498DB; }
.ckre { border-color: #34495e #E74C3C; }
.blye { border-color: #3498DB #F1C40F; }
.grbl { border-color: #95A5A6 #3498DB; }
.yebl { border-color: #F1C40F #3498DB; }
.reyegrbl { border-color: #E74C3C #F1C40F #1ABC9C #3498DB; }
.naleteaq { border-color: #000080  #3498DB #008080 #00FFFF; }

/* BORDER-WIDTH */
.bdr1  { border-width:  1px; }
.bdr2  { border-width:  2px; }
.bdr3  { border-width:  3px; }
.bdr4  { border-width:  4px; }
.bdr5  { border-width:  5px; }
.bdr6  { border-width:  6px; }
.bdr7  { border-width:  7px; }
.bdr8  { border-width:  8px; }
.bdr9  { border-width:  9px; }
.bdr10 { border-width: 10px; }
.bdr11 { border-width: 11px; }
.bdr12 { border-width: 12px; }
.bdr13 { border-width: 13px; }
.bdr14 { border-width: 14px; }
.bdr15 { border-width: 15px; }
.bdr16 { border-width: 16px; }
.bdr17 { border-width: 17px; }
.bdr18 { border-width: 18px; }
.bdr19 { border-width: 19px; }
.bdr20 { border-width: 20px; }

/* BORDER-STYLE */
.bdrSty1 { border-style: none;   }
.bdrSty2 { border-style: solid;  }
.bdrSty3 { border-style: dotted; }
.bdrSty4 { border-style: inset;  }
.bdrSty5 { border-style: dashed; }
.bdrSty6 { border-style: double; }
.bdrSty7 { border-style: groove; }
.bdrSty8 { border-style: ridge;  }

/* BORDER-TOP-STYLE */
.bdrTSty1 { border-top-style: none;   }
.bdrTSty2 { border-top-style: solid;  }
.bdrTSty3 { border-top-style: dotted; }
.bdrTSty4 { border-top-style: inset;  }
.bdrTSty5 { border-top-style: dashed; }
.bdrTSty6 { border-top-style: double; }
.bdrTSty7 { border-top-style: groove; }
.bdrTSty8 { border-top-style: ridge;  }

/* BORDER-BOTTOM-STYLE */
.bdrBSty1 { border-bottom-style: none;   }
.bdrBSty2 { border-bottom-style: solid;  }
.bdrBSty3 { border-bottom-style: dotted; }
.bdrBSty4 { border-bottom-style: inset;  }
.bdrBSty5 { border-bottom-style: dashed; }
.bdrBSty6 { border-bottom-style: double; }
.bdrBSty7 { border-bottom-style: groove; }
.bdrBSty8 { border-bottom-style: ridge;  }

/* BORDER-LEFT-STYLE */
.bdrLSty1 { border-left-style: none;   }
.bdrLSty2 { border-left-style: solid;  }
.bdrLSty3 { border-left-style: dotted; }
.bdrLSty4 { border-left-style: inset;  }
.bdrLSty5 { border-left-style: dashed; }
.bdrLSty6 { border-left-style: double; }
.bdrLSty7 { border-left-style: groove; }
.bdrLSty8 { border-left-style: ridge;  }

/* BORDER-RIGHT-STYLE */
.bdrRSty1 { border-right-style: none;   }
.bdrRSty2 { border-right-style: solid;  }
.bdrRSty3 { border-right-style: dotted; }
.bdrRSty4 { border-right-style: inset;  }
.bdrRSty5 { border-right-style: dashed; }
.bdrRSty6 { border-right-style: double; }
.bdrRSty7 { border-right-style: groove; }
.bdrRSty8 { border-right-style: ridge;  }

/* BORDER-COLLAPSE */
.bdr_col    { border-collapse: collapse; }
.bdr_colSep { border-collapse: separate; }

/* HOVER BACKGROUND */
.hvr_black_bg:hover   { cursor: pointer; transition: .5s all .3s; background-color: #2c3e50; }
.hvr_green_bg:hover   { cursor: pointer; transition: .5s all .3s; background-color: #16A085; }
.hvr_yellow_bg:hover  { cursor: pointer; transition: .5s all .3s; background-color: #d8aa0e; }
.hvr_blue_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #2980B9; }
.hvr_orange_bg:hover  { cursor: pointer; transition: .5s all .3s; background-color: #D35400; }
.hvr_red_bg:hover     { cursor: pointer; transition: .5s all .3s; background-color: #C0392B; }
.hvr_grey_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #7F8C8D; }
.hvr_purpule_bg:hover { cursor: pointer; transition: .5s all .3s; background-color: #8e44ad; }
.hvr_white_bg:hover   { cursor: pointer; transition: .5s all .3s; background-color: #bdc3c7; }
.hvr_navy_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #000080; }
.hvr_teal_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #008080; }
.hvr_aqua_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #00FFFF; }
.hvr_pink_bg:hover    { cursor: pointer; transition: .5s all .3s; background-color: #FFC0CB; }
.hvr_aqua2_bg:hover   { cursor: pointer; transition: .5s all .3s; background-color: #00adc9; }

/* HOVER TEXTE */
.hvr_black_txt:hover   { cursor: pointer; transition: .5s all .3s; color: #2c3e50; }
.hvr_green_txt:hover   { cursor: pointer; transition: .5s all .3s; color: #16A085; }
.hvr_yellow_txt:hover  { cursor: pointer; transition: .5s all .3s; color: #d8aa0e; }
.hvr_blue_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #2980B9; }
.hvr_orange_txt:hover  { cursor: pointer; transition: .5s all .3s; color: #D35400; }
.hvr_red_txt:hover     { cursor: pointer; transition: .5s all .3s; color: #C0392B; }
.hvr_grey_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #7F8C8D; }
.hvr_purpule_txt:hover { cursor: pointer; transition: .5s all .3s; color: #8e44ad; }
.hvr_white_txt:hover   { cursor: pointer; transition: .5s all .3s; color: #bdc3c7; }
.hvr_navy_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #000080; }
.hvr_teal_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #008080; }
.hvr_aqua_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #00FFFF; }
.hvr_pink_txt:hover    { cursor: pointer; transition: .5s all .3s; color: #FFC0CB; }
.hvr_aqua2_txt:hover   { cursor: pointer; transition: .5s all .3s; color: #00adc9; }

/* HOVERS PREDEFINIS */
.hvrpdef_green:hover{
	cursor: pointer;
	text-shadow:
		0 0 1px rgba(39,174,96,1),
		0 0 2px rgba(39,174,96,1),
		0 0 3px rgba(39,174,96,.8),
		0 0 20px rgba(39,174,96,.3);
}

.hvrpdef_orange:hover{
	cursor: pointer;
	text-shadow:
		0 0 1px rgba(243,156,18,1),
		0 0 2px rgba(243,156,18,1),
		0 0 3px rgba(243,156,18,.8),
		0 0 20px rgba(243,156,18,.3);
}


/* CURSOR */
.curPoint    { cursor: pointer;       }
.curWait     { cursor: wait;          }
.curCross    { cursor: crosshair;     }
.curAll      { cursor: not-allowed;   }
.curZoomIn   { cursor: zoom-in;       }
.curZoomOut  { cursor: zoom-out;      }
.curGrab     { cursor: grab;          }
.curCell     { cursor: cell;          }
.curScroll   { cursor: all-scroll;    }
.curGrabbing { cursor: grabbing;      }
.curCont     { cursor: context-menu;  }
.curProg     { cursor: progress;      }
.curText     { cursor: text;          }
.curVText    { cursor: vertical-text; }
.curAlias    { cursor: alias;         }
.curCopy     { cursor: copy;          }
.curMove     { cursor: move;          }
.curColRes   { cursor: col-resize;    }
.curRowRes   { cursor: row-resize;    }
.curEwRes    { cursor: ew-resize;     }

/* FONTS-SIZE */
.fsz1  { font-size:  .5rem; }
.fsz1b { font-size:  .75rem;}
.fsz2  { font-size:   1rem; }
.fsz2b { font-size: 1.25rem;}
.fsz3  { font-size: 1.5rem; }
.fsz4  { font-size:   2rem; }
.fsz5  { font-size: 2.5rem; }
.fsz6  { font-size:   3rem; }
.fsz7  { font-size: 3.5rem; }
.fsz8  { font-size:   4rem; }
.fsz9  { font-size: 4.5rem; }
.fsz10 { font-size:   5rem; }
.fsz11 { font-size: 5.5rem; }
.fsz12 { font-size:   6rem; }
.fsz13 { font-size: 6.5rem; }
.fsz14 { font-size:   7rem; }
.fsz15 { font-size: 7.5rem; }
.fsz16 { font-size:   8rem; }
.fsz17 { font-size: 8.5rem; }
.fsz18 { font-size:   9rem; }
.fsz19 { font-size: 9.5rem; }
.fsz20 { font-size:  10rem; }
.fsz25 { font-size:  15rem; }
.fsz30 { font-size:  20rem; }
.fsz35 { font-size:  25rem; }
.fsz40 { font-size:  30rem; }
.fsz50 { font-size:  40rem; }
.fsz60 { font-size:  50rem; }

/* VERTICAL-ALIGN */
.valignbas { vertical-align: baseline;    }
.valignsub { vertical-align: sub;         }
.valignsup { vertical-align: super;       }
.valigntxt { vertical-align: text-top;    }
.valigntxb { vertical-align: text-bottom; }
.valignmid { vertical-align: middle;      }
.valigntop { vertical-align: top;         }
.valignbot { vertical-align: bottom;      }

/* LETTER-SPACING */
.letspac   { letter-spacing: normal; }
.letspac1  { letter-spacing:   .1rem; }
.letspac2  { letter-spacing:   .2rem; }
.letspac3  { letter-spacing:   .3rem; }
.letspac4  { letter-spacing:   .4rem; }
.letspac5  { letter-spacing:   .5rem; }
.letspac6  { letter-spacing:   .6rem; }
.letspac7  { letter-spacing:   .7rem; }
.letspac8  { letter-spacing:   .8rem; }
.letspac9  { letter-spacing:   .9rem; }
.letspac10 { letter-spacing:    1rem; }
.letspac11 { letter-spacing:  1.1rem; }
.letspac12 { letter-spacing:  1.2rem; }
.letspac13 { letter-spacing:  1.3rem; }
.letspac14 { letter-spacing:  1.4rem; }
.letspac15 { letter-spacing:  1.5rem; }
.letspac16 { letter-spacing:  1.6rem; }
.letspac17 { letter-spacing:  1.7rem; }
.letspac18 { letter-spacing:  1.8rem; }
.letspac19 { letter-spacing:  1.9rem; }
.letspac20 { letter-spacing:    2rem; }

/* TEXT-INDENT */
.txtind0  { text-indent: 0; }
.txtind1  { text-indent:  1rem; }
.txtind2  { text-indent:  2rem; }
.txtind3  { text-indent:  3rem; }
.txtind4  { text-indent:  4rem; }
.txtind5  { text-indent:  5rem; }
.txtind6  { text-indent:  6rem; }
.txtind7  { text-indent:  7rem; }
.txtind8  { text-indent:  8rem; }
.txtind9  { text-indent:  9rem; }
.txtind10 { text-indent: 10rem; }

/* TEXT-OVERFLOW */
.txtoverfc { text-overflow: clip;     }
.txtoverfe { text-overflow: ellipsis; }
.txtoverf1 { text-overflow: "…";      }
.txtoverf2 { text-overflow: " [..]";  }

/* TEXT-SHADOW */
.txtsha00_black   { text-shadow: 2px 0 5px #34495e; }
.txtsha00_green   { text-shadow: 2px 0 5px #1ABC9C; }
.txtsha00_yellow  { text-shadow: 2px 0 5px #F1C40F; }
.txtsha00_blue    { text-shadow: 2px 0 5px #3498DB; }
.txtsha00_orange  { text-shadow: 2px 0 5px #E67E22; }
.txtsha00_red     { text-shadow: 2px 0 5px #E74C3C; }
.txtsha00_grey    { text-shadow: 2px 0 5px #95A5A6; }
.txtsha00_purpule { text-shadow: 2px 0 5px #9B59B6; }
.txtsha00_white   { text-shadow: 2px 0 5px #ECF0F1; }
.txtsha00_navy    { text-shadow: 2px 0 5px #000080; }
.txtsha00_teal    { text-shadow: 2px 0 5px #008080; }
.txtsha00_aqua    { text-shadow: 2px 0 5px #00FFFF; }
.txtsha00_pink    { text-shadow: 2px 0 5px #FFC0CB; }

.txtsha01_black   { text-shadow: -2px 0 5px #34495e; }
.txtsha01_green   { text-shadow: -2px 0 5px #1ABC9C; }
.txtsha01_yellow  { text-shadow: -2px 0 5px #F1C40F; }
.txtsha01_blue    { text-shadow: -2px 0 5px #3498DB; }
.txtsha01_orange  { text-shadow: -2px 0 5px #E67E22; }
.txtsha01_red     { text-shadow: -2px 0 5px #E74C3C; }
.txtsha01_grey    { text-shadow: -2px 0 5px #95A5A6; }
.txtsha01_purpule { text-shadow: -2px 0 5px #9B59B6; }
.txtsha01_white   { text-shadow: -2px 0 5px #ECF0F1; }
.txtsha01_navy    { text-shadow: -2px 0 5px #000080; }
.txtsha01_teal    { text-shadow: -2px 0 5px #008080; }
.txtsha01_aqua    { text-shadow: -2px 0 5px #00FFFF; }
.txtsha01_pink    { text-shadow: -2px 0 5px #FFC0CB; }

.txtsha02_black   { text-shadow: 0 5px 5px #34495e; }
.txtsha02_green   { text-shadow: 0 5px 5px #1ABC9C; }
.txtsha02_yellow  { text-shadow: 0 5px 5px #F1C40F; }
.txtsha02_blue    { text-shadow: 0 5px 5px #3498DB; }
.txtsha02_orange  { text-shadow: 0 5px 5px #E67E22; }
.txtsha02_red     { text-shadow: 0 5px 5px #E74C3C; }
.txtsha02_grey    { text-shadow: 0 5px 5px #95A5A6; }
.txtsha02_purpule { text-shadow: 0 5px 5px #9B59B6; }
.txtsha02_white   { text-shadow: 0 5px 5px #ECF0F1; }
.txtsha02_navy    { text-shadow: 0 5px 5px #000080; }
.txtsha02_teal    { text-shadow: 0 5px 5px #008080; }
.txtsha02_aqua    { text-shadow: 0 5px 5px #00FFFF; }
.txtsha02_pink    { text-shadow: 0 5px 5px #FFC0CB; }

.txtsha03_black   { text-shadow: 0 -5px 5px #34495e; }
.txtsha03_green   { text-shadow: 0 -5px 5px #1ABC9C; }
.txtsha03_yellow  { text-shadow: 0 -5px 5px #F1C40F; }
.txtsha03_blue    { text-shadow: 0 -5px 5px #3498DB; }
.txtsha03_orange  { text-shadow: 0 -5px 5px #E67E22; }
.txtsha03_red     { text-shadow: 0 -5px 5px #E74C3C; }
.txtsha03_grey    { text-shadow: 0 -5px 5px #95A5A6; }
.txtsha03_purpule { text-shadow: 0 -5px 5px #9B59B6; }
.txtsha03_white   { text-shadow: 0 -5px 5px #ECF0F1; }
.txtsha03_navy    { text-shadow: 0 -5px 5px #000080; }
.txtsha03_teal    { text-shadow: 0 -5px 5px #008080; }
.txtsha03_aqua    { text-shadow: 0 -5px 5px #00FFFF; }
.txtsha03_pink    { text-shadow: 0 -5px 5px #FFC0CB; }

.txtsha04_black   { text-shadow: 1px 1px 1px #34495e; }
.txtsha04_green   { text-shadow: 1px 1px 1px #1ABC9C; }
.txtsha04_yellow  { text-shadow: 1px 1px 1px #F1C40F; }
.txtsha04_blue    { text-shadow: 1px 1px 1px #3498DB; }
.txtsha04_orange  { text-shadow: 1px 1px 1px #E67E22; }
.txtsha04_red     { text-shadow: 1px 1px 1px #E74C3C; }
.txtsha04_grey    { text-shadow: 1px 1px 1px #95A5A6; }
.txtsha04_purpule { text-shadow: 1px 1px 1px #9b59b6; }
.txtsha04_white   { text-shadow: 1px 1px 1px #ecf0f1; }
.txtsha04_navy    { text-shadow: 1px 1px 1px #000080; }
.txtsha04_teal    { text-shadow: 1px 1px 1px #008080; }
.txtsha04_aqua    { text-shadow: 1px 1px 1px #00FFFF; }
.txtsha04_pink    { text-shadow: 1px 1px 1px #FFC0CB; }

.txtsha05_black   { text-shadow: 5px 5px #34495e; }
.txtsha05_green   { text-shadow: 5px 5px #1ABC9C; }
.txtsha05_yellow  { text-shadow: 5px 5px #F1C40F; }
.txtsha05_blue    { text-shadow: 5px 5px #3498DB; }
.txtsha05_orange  { text-shadow: 5px 5px #E67E22; }
.txtsha05_red     { text-shadow: 5px 5px #E74C3C; }
.txtsha05_grey    { text-shadow: 5px 5px #95A5A6; }
.txtsha05_purpule { text-shadow: 5px 5px #9b59b6; }
.txtsha05_white   { text-shadow: 5px 5px #ecf0f1; }
.txtsha05_navy    { text-shadow: 5px 5px #000080; }
.txtsha05_teal    { text-shadow: 5px 5px #008080; }
.txtsha05_aqua    { text-shadow: 5px 5px #00FFFF; }
.txtsha05_pink    { text-shadow: 5px 5px #FFC0CB; }

.txtsha06_black   { text-shadow: 0 5px #34495e; }
.txtsha06_green   { text-shadow: 0 5px #1ABC9C; }
.txtsha06_yellow  { text-shadow: 0 5px #F1C40F; }
.txtsha06_blue    { text-shadow: 0 5px #3498DB; }
.txtsha06_orange  { text-shadow: 0 5px #E67E22; }
.txtsha06_red     { text-shadow: 0 5px #E74C3C; }
.txtsha06_grey    { text-shadow: 0 5px #95A5A6; }
.txtsha06_purpule { text-shadow: 0 5px #9b59b6; }
.txtsha06_white   { text-shadow: 0 5px #ecf0f1; }
.txtsha06_navy    { text-shadow: 0 5px #000080; }
.txtsha06_teal    { text-shadow: 0 5px #008080; }
.txtsha06_aqua    { text-shadow: 0 5px #00FFFF; }
.txtsha06_pink    { text-shadow: 0 5px #FFC0CB; }

.txtsha07_black   { text-shadow: -5px 5px #34495e; }
.txtsha07_green   { text-shadow: -5px 5px #1ABC9C; }
.txtsha07_yellow  { text-shadow: -5px 5px #F1C40F; }
.txtsha07_blue    { text-shadow: -5px 5px #3498DB; }
.txtsha07_orange  { text-shadow: -5px 5px #E67E22; }
.txtsha07_red     { text-shadow: -5px 5px #E74C3C; }
.txtsha07_grey    { text-shadow: -5px 5px #95A5A6; }
.txtsha07_purpule { text-shadow: -5px 5px #9b59b6; }
.txtsha07_white   { text-shadow: -5px 5px #ecf0f1; }
.txtsha07_navy    { text-shadow: -5px 5px #000080; }
.txtsha07_teal    { text-shadow: -5px 5px #008080; }
.txtsha07_aqua    { text-shadow: -5px 5px #00FFFF; }
.txtsha07_pink    { text-shadow: -5px 5px #FFC0CB; }


.txtsha07_navy    { box-shadow: 2px 4px 12px #000080; }

.alignImgTxt{ /* Le a sera ici le parent direct de ton image et ton texte*/
	display: flex;
	align-items: center;
}

/* TEXT-TRANSFORM */
.txttra1 { text-transform: none; }
.txttra2 { text-transform: capitalize; }
.txttra3 { text-transform: uppercase; }
.txttra4 { text-transform: lowercase; }
.txttra5 { text-transform: full-width; }

/* BORDERS-RADIUS */
.rad1  { border-radius: 0.375rem; }
.rad2  { border-radius: 0.575rem; }
.rad3  { border-radius: 0.875rem; }
.rad4  { border-radius: 1rem; }
.rad5  { border-radius: 1.375rem; }
.rad6  { border-radius: 1.575rem; }
.rad7  { border-radius: 1.875rem; }
.rad8  { border-radius: 2rem; }
.rad50 { border-radius: 50%; }

/* BORDERS-TOP-LEFT-RADIUS */
.radTL1  { border-top-left-radius: 0.375rem; }
.radTL2  { border-top-left-radius: 0.575rem; }
.radTL3  { border-top-left-radius: 0.875rem; }
.radTL4  { border-top-left-radius: 1rem; }
.radTL5  { border-top-left-radius: 1.375rem; }
.radTL6  { border-top-left-radius: 1.575rem; }
.radTL7  { border-top-left-radius: 1.875rem; }
.radTL8  { border-top-left-radius: 2rem; }
.radTL50 { border-top-left-radius: 50%; }

/* BORDERS-TOP-RIGHT-RADIUS */
.radTR1  { border-top-right-radius: 0.375rem; }
.radTR2  { border-top-right-radius: 0.575rem; }
.radTR3  { border-top-right-radius: 0.875rem; }
.radTR4  { border-top-right-radius: 1rem; }
.radTR5  { border-top-right-radius: 1.375rem; }
.radTR6  { border-top-right-radius: 1.575rem; }
.radTR7  { border-top-right-radius: 1.875rem; }
.radTR8  { border-top-right-radius: 2rem; }
.radTR50 { border-top-right-radius: 50%; }

/* BORDERS-BOTTOM-LEFT-RADIUS */
.radBL1  { border-bottom-left-radius: 0.375rem; }
.radBL2  { border-bottom-left-radius: 0.575rem; }
.radBL3  { border-bottom-left-radius: 0.875rem; }
.radBL4  { border-bottom-left-radius: 1rem; }
.radBL5  { border-bottom-left-radius: 1.375rem; }
.radBL6  { border-bottom-left-radius: 1.575rem; }
.radBL7  { border-bottom-left-radius: 1.875rem; }
.radBL8  { border-bottom-left-radius: 2rem; }
.radBL50 { border-bottom-left-radius: 50%; }

/* BORDERS-BOTTOM-RIGHT-RADIUS */
.radBR1  { border-bottom-right-radius: 0.375rem; }
.radBR2  { border-bottom-right-radius: 0.575rem; }
.radBR3  { border-bottom-right-radius: 0.875rem; }
.radBR4  { border-bottom-right-radius: 1rem; }
.radBR5  { border-bottom-right-radius: 1.375rem; }
.radBR6  { border-bottom-right-radius: 1.575rem; }
.radBR7  { border-bottom-right-radius: 1.875rem; }
.radBR8  { border-bottom-right-radius: 2rem; }
.radBR50 { border-bottom-right-radius: 50%; }

/* TRANSLATIONS */
.transHG:hover { transition: .5s all .3s; transform: translate(-5px, -5px); } /* EN HAUT A GAUCHE */
.transH:hover  { transition: .5s all .3s; transform: translate( 0px, -5px); } /* EN HAUT VERTICALEMENT */
.transHD:hover { transition: .5s all .3s; transform: translate( 5px, -5px); } /* EN HAUT A DROITE */
.transG:hover  { transition: .5s all .3s; transform: translate(-5px,  0px); } /* A GAUCHE HORIZONTALEMENT */
.transD:hover  { transition: .5s all .3s; transform: translate( 5px,  0px); } /* A DROITE HORIZONTALEMENT */
.transBG:hover { transition: .5s all .3s; transform: translate(-5px,  5px); } /* EN BAS A GAUCHE */
.transB:hover  { transition: .5s all .3s; transform: translate( 0px,  5px); } /* EN BAS VERTICALEMENT */
.transBD:hover { transition: .5s all .3s; transform: translate( 10%,  10%); } /* EN BAS A DROITE */

/* HIDE */
.hidden { display: none; }

/* VISIBILITY */
.vis  { visibility: visible;  }
.vish { visibility: hidden;   }
.visc { visibility: collapse; }

/* TEXT-DECORATION : NONE */
.decoNone { text-decoration: none; }
.decoUnder { text-decoration: underline; }

/* LIST-STYLE : NONE */
.listNone { list-style-type: none; }

/* MARGIN */
/* AUTO */
.margAuto  { margin:   auto }
.marg0Auto { margin: 0 auto }
.margAuto0 { margin: auto 0 }

/* PAR 2 ( DROITE / GAUCHE ) */
.margLR0  { margin-left:      0; margin-right:      0; }
.margLR1  { margin-left:  .1rem; margin-right:  .1rem; }
.margLR2  { margin-left:  .2rem; margin-right:  .2rem; }
.margLR3  { margin-left:  .3rem; margin-right:  .3rem; }
.margLR4  { margin-left:  .4rem; margin-right:  .4rem; }
.margLR5  { margin-left:  .5rem; margin-right:  .5rem; }
.margLR6  { margin-left:  .6rem; margin-right:  .6rem; }
.margLR7  { margin-left:  .7rem; margin-right:  .7rem; }
.margLR8  { margin-left:  .8rem; margin-right:  .8rem; }
.margLR9  { margin-left:  .9rem; margin-right:  .9rem; }
.margLR10 { margin-left:   1rem; margin-right:   1rem; }
.margLR11 { margin-left: 1.1rem; margin-right: 1.1rem; }
.margLR12 { margin-left: 1.2rem; margin-right: 1.2rem; }
.margLR13 { margin-left: 1.3rem; margin-right: 1.3rem; }
.margLR14 { margin-left: 1.4rem; margin-right: 1.4rem; }
.margLR15 { margin-left: 1.5rem; margin-right: 1.5rem; }
.margLR16 { margin-left: 1.6rem; margin-right: 1.6rem; }
.margLR17 { margin-left: 1.7rem; margin-right: 1.7rem; }
.margLR18 { margin-left: 1.8rem; margin-right: 1.8rem; }
.margLR19 { margin-left: 1.9rem; margin-right: 1.9rem; }
.margLR20 { margin-left:   2rem; margin-right:   2rem; }
.margLR30 { margin-left:   3rem; margin-right:   3rem; }
.margLR40 { margin-left:   4rem; margin-right:   4rem; }
.margLR50 { margin-left:   5rem; margin-right:   5rem; }

.margLRAuto { margin-left: auto; margin-right: auto; }

/* PAR 2 ( HAUT / BAS ) */
.margTB0  { margin-top:      0; margin-bottom:      0; }
.margTB1  { margin-top:  .1rem; margin-bottom:  .1rem; }
.margTB2  { margin-top:  .2rem; margin-bottom:  .2rem; }
.margTB3  { margin-top:  .3rem; margin-bottom:  .3rem; }
.margTB4  { margin-top:  .4rem; margin-bottom:  .4rem; }
.margTB5  { margin-top:  .5rem; margin-bottom:  .5rem; }
.margTB6  { margin-top:  .6rem; margin-bottom:  .6rem; }
.margTB7  { margin-top:  .7rem; margin-bottom:  .7rem; }
.margTB8  { margin-top:  .8rem; margin-bottom:  .8rem; }
.margTB9  { margin-top:  .9rem; margin-bottom:  .9rem; }
.margTB10 { margin-top:   1rem; margin-bottom:   1rem; }
.margTB11 { margin-top: 1.1rem; margin-bottom: 1.1rem; }
.margTB12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }
.margTB13 { margin-top: 1.3rem; margin-bottom: 1.3rem; }
.margTB14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }
.margTB15 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.margTB16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }
.margTB17 { margin-top: 1.7rem; margin-bottom: 1.7rem; }
.margTB18 { margin-top: 1.8rem; margin-bottom: 1.8rem; }
.margTB19 { margin-top: 1.9rem; margin-bottom: 1.9rem; }
.margTB20 { margin-top:   2rem; margin-bottom:   2rem; }
.margTB30 { margin-top:   3rem; margin-bottom:   3rem; }
.margTB40 { margin-top:   4rem; margin-bottom:   4rem; }
.margTB50 { margin-top:   5rem; margin-bottom:   5rem; }

.margTBAuto { margin-top: auto; margin-bottom: auto; }

/* PAR 4 ( HAUT / DROITE / BAS / GAUCHE ) */
.marg0  { margin:      0; }
.marg1  { margin:  .1rem; }
.marg2  { margin:  .2rem; }
.marg3  { margin:  .3rem; }
.marg4  { margin:  .4rem; }
.marg5  { margin:  .5rem; }
.marg6  { margin:  .6rem; }
.marg7  { margin:  .7rem; }
.marg8  { margin:  .8rem; }
.marg9  { margin:  .9rem; }
.marg10 { margin:   1rem; }
.marg11 { margin: 1.1rem; }
.marg12 { margin: 1.2rem; }
.marg13 { margin: 1.3rem; }
.marg14 { margin: 1.4rem; }
.marg15 { margin: 1.5rem; }
.marg16 { margin: 1.6rem; }
.marg17 { margin: 1.7rem; }
.marg18 { margin: 1.8rem; }
.marg19 { margin: 1.9rem; }
.marg20 { margin:   2rem; }
.marg30 { margin:   3rem; }
.marg40 { margin:   4rem; }
.marg50 { margin:   5rem; }

/* A L'UNITE ( HAUT ) */
.margT0  { margin-top:      0; }
.margT1  { margin-top:  .1rem; }
.margT2  { margin-top:  .2rem; }
.margT3  { margin-top:  .3rem; }
.margT4  { margin-top:  .4rem; }
.margT5  { margin-top:  .5rem; }
.margT6  { margin-top:  .6rem; }
.margT7  { margin-top:  .7rem; }
.margT8  { margin-top:  .8rem; }
.margT9  { margin-top:  .9rem; }
.margT10 { margin-top:   1rem; }
.margT11 { margin-top: 1.1rem; }
.margT12 { margin-top: 1.2rem; }
.margT13 { margin-top: 1.3rem; }
.margT14 { margin-top: 1.4rem; }
.margT15 { margin-top: 1.5rem; }
.margT16 { margin-top: 1.6rem; }
.margT17 { margin-top: 1.7rem; }
.margT18 { margin-top: 1.8rem; }
.margT19 { margin-top: 1.9rem; }
.margT20 { margin-top:   2rem; }
.margT30 { margin-top:   3rem; }
.margT40 { margin-top:   4rem; }
.margT50 { margin-top:   5rem; }
.margT60 { margin-top:   6rem; }
.margT70 { margin-top:   7rem; }

/* A L'UNITE ( BAS ) */
.margB0  { margin-bottom:      0; }
.margB1  { margin-bottom:  .1rem; }
.margB2  { margin-bottom:  .2rem; }
.margB3  { margin-bottom:  .3rem; }
.margB4  { margin-bottom:  .4rem; }
.margB5  { margin-bottom:  .5rem; }
.margB6  { margin-bottom:  .6rem; }
.margB7  { margin-bottom:  .7rem; }
.margB8  { margin-bottom:  .8rem; }
.margB9  { margin-bottom:  .9rem; }
.margB10 { margin-bottom:   1rem; }
.margB11 { margin-bottom: 1.1rem; }
.margB12 { margin-bottom: 1.2rem; }
.margB13 { margin-bottom: 1.3rem; }
.margB14 { margin-bottom: 1.4rem; }
.margB15 { margin-bottom: 1.5rem; }
.margB16 { margin-bottom: 1.6rem; }
.margB17 { margin-bottom: 1.7rem; }
.margB18 { margin-bottom: 1.8rem; }
.margB19 { margin-bottom: 1.9rem; }
.margB20 { margin-bottom:   2rem; }
.margB30 { margin-bottom:   3rem; }
.margB40 { margin-bottom:   4rem; }
.margB50 { margin-bottom:   5rem; }

/* A L'UNITE ( LEFT ) */
.margL0  { margin-left:      0; }
.margL1  { margin-left:  .1rem; }
.margL2  { margin-left:  .2rem; }
.margL3  { margin-left:  .3rem; }
.margL4  { margin-left:  .4rem; }
.margL5  { margin-left:  .5rem; }
.margL6  { margin-left:  .6rem; }
.margL7  { margin-left:  .7rem; }
.margL8  { margin-left:  .8rem; }
.margL9  { margin-left:  .9rem; }
.margL10 { margin-left:   1rem; }
.margL11 { margin-left: 1.1rem; }
.margL12 { margin-left: 1.2rem; }
.margL13 { margin-left: 1.3rem; }
.margL14 { margin-left: 1.4rem; }
.margL15 { margin-left: 1.5rem; }
.margL16 { margin-left: 1.6rem; }
.margL17 { margin-left: 1.7rem; }
.margL18 { margin-left: 1.8rem; }
.margL19 { margin-left: 1.9rem; }
.margL20  { margin-left:  2rem; }
.margL30  { margin-left:  3rem; }
.margL40  { margin-left:  4rem; }
.margL50  { margin-left:  5rem; }

/* A L'UNITE ( RIGHT ) */
.margR0  { margin-right:      0; }
.margR1  { margin-right:  .1rem; }
.margR2  { margin-right:  .2rem; }
.margR3  { margin-right:  .3rem; }
.margR4  { margin-right:  .4rem; }
.margR5  { margin-right:  .5rem; }
.margR6  { margin-right:  .6rem; }
.margR7  { margin-right:  .7rem; }
.margR8  { margin-right:  .8rem; }
.margR9  { margin-right:  .9rem; }
.margR10 { margin-right:   1rem; }
.margR11 { margin-right: 1.1rem; }
.margR12 { margin-right: 1.2rem; }
.margR13 { margin-right: 1.3rem; }
.margR14 { margin-right: 1.4rem; }
.margR15 { margin-right: 1.5rem; }
.margR16 { margin-right: 1.6rem; }
.margR17 { margin-right: 1.7rem; }
.margR18 { margin-right: 1.8rem; }
.margR19 { margin-right: 1.9rem; }
.margR20 { margin-right:   2rem; }
.margR30 { margin-right:   3rem; }
.margR35 { margin-right: 3.5rem; }
.margR40 { margin-right:   4rem; }
.margR50 { margin-right:   5rem; }
.margR55 { margin-right: 5.5rem; }

.margR40pct { margin-right: 40%; }

/* DISPLAY BLOCK */
.dispBlock { display: block; }

/* WIDTH */
.wid05  { width:  .5rem; }
.wid10  { width:   1rem; }
.wid15  { width: 1.5rem; }
.wid20  { width:   2rem; }
.wid25  { width: 2.5rem; }
.wid30  { width:   3rem; }
.wid35  { width: 3.5rem; }
.wid40  { width:   4rem; }
.wid45  { width: 4.5rem; }
.wid50  { width:   5rem; }
.wid55  { width: 5.5rem; }
.wid60  { width:   6rem; }
.wid65  { width: 6.5rem; }
.wid70  { width:   7rem; }
.wid75  { width: 7.5rem; }
.wid80  { width:   8rem; }
.wid85  { width: 8.5rem; }
.wid90  { width:   9rem; }
.wid95  { width: 9.5rem; }
.wid100 { width:  10rem; }
.wid110 { width:  11rem; }
.wid120 { width:  12rem; }
.wid130 { width:  13rem; }
.wid140 { width:  14rem; }
.wid150 { width:  15rem; }
.wid160 { width:  16rem; }
.wid170 { width:  17rem; }
.wid180 { width:  18rem; }
.wid190 { width:  19rem; }
.wid200 { width:  20rem; }
.wid250 { width:  25rem; }
.wid260 { width:  26rem; }
.wid270 { width:  27rem; }
.wid280 { width:  28rem; }
.wid290 { width:  29rem; }
.wid300 { width:  30rem; }
.wid350 { width:  35rem; }
.wid400 { width:  40rem; }
.wid450 { width:  45rem; }
.wid500 { width:  50rem; }
.wid550 { width:  55rem; }
.wid600 { width:  60rem; }
.wid650 { width:  65rem; }
.wid700 { width:  70rem; }
.wid750 { width:  75rem; }
.wid800 { width:  80rem; }
.wid850 { width:  85rem; }
.wid900 { width:  90rem; }
.wid950 { width:  95rem; }
.wid1000{ width: 100rem; }

.widpct    { width: max-content; }
.wid5pct   { width:   5%; }
.wid10pct  { width:  10%; }
.wid15pct  { width:  15%; }
.wid20pct  { width:  20%; }
.wid25pct  { width:  25%; }
.wid30pct  { width:  30%; }
.wid35pct  { width:  35%; }
.wid40pct  { width:  40%; }
.wid45pct  { width:  45%; }
.wid50pct  { width:  50%; }
.wid55pct  { width:  55%; }
.wid60pct  { width:  60%; }
.wid65pct  { width:  65%; }
.wid70pct  { width:  70%; }
.wid75pct  { width:  75%; }
.wid80pct  { width:  80%; }
.wid85pct  { width:  85%; }
.wid90pct  { width:  90%; }
.wid95pct  { width:  95%; }
.wid100pct { width: 100%; }

/* MAX-WIDTH */
.maxwid    { max-width: max-content; }
.maxwid5   { max-width:   5%; }
.maxwid10  { max-width:  10%; }
.maxwid15  { max-width:  15%; }
.maxwid20  { max-width:  20%; }
.maxwid25  { max-width:  25%; }
.maxwid30  { max-width:  30%; }
.maxwid35  { max-width:  35%; }
.maxwid40  { max-width:  40%; }
.maxwid45  { max-width:  45%; }
.maxwid50  { max-width:  50%; }
.maxwid55  { max-width:  55%; }
.maxwid60  { max-width:  60%; }
.maxwid65  { max-width:  65%; }
.maxwid70  { max-width:  70%; }
.maxwid75  { max-width:  75%; }
.maxwid80  { max-width:  80%; }
.maxwid85  { max-width:  85%; }
.maxwid90  { max-width:  90%; }
.maxwid95  { max-width:  95%; }
.maxwid100 { max-width: 100%; }

/* MIN-WIDTH */
.minwid5   { min-width:   5%; }
.minwid10  { min-width:  10%; }
.minwid15  { min-width:  15%; }
.minwid20  { min-width:  20%; }
.minwid25  { min-width:  25%; }
.minwid30  { min-width:  30%; }
.minwid35  { min-width:  35%; }
.minwid40  { min-width:  40%; }
.minwid45  { min-width:  45%; }
.minwid50  { min-width:  50%; }
.minwid55  { min-width:  55%; }
.minwid60  { min-width:  60%; }
.minwid65  { min-width:  65%; }
.minwid70  { min-width:  70%; }
.minwid75  { min-width:  75%; }
.minwid80  { min-width:  80%; }
.minwid85  { min-width:  85%; }
.minwid90  { min-width:  90%; }
.minwid95  { min-width:  95%; }
.minwid100 { min-width: 100%; }

/* HEIGHT */
.heig05  { height:  .5rem; }
.heig10  { height:   1rem; }
.heig11  { height: 1.1rem; }
.heig12  { height: 1.2rem; }
.heig13  { height: 1.3rem; }
.heig14  { height: 1.4rem; }
.heig15  { height: 1.5rem; }
.heig20  { height:   2rem; }
.heig25  { height: 2.5rem; }
.heig30  { height:   3rem; }
.heig35  { height: 3.5rem; }
.heig40  { height:   4rem; }
.heig45  { height: 4.5rem; }
.heig50  { height:   5rem; }
.heig55  { height: 5.5rem; }
.heig60  { height:   6rem; }
.heig65  { height: 6.5rem; }
.heig70  { height:   7rem; }
.heig75  { height: 7.5rem; }
.heig80  { height:   8rem; }
.heig85  { height: 8.5rem; }
.heig90  { height:   9rem; }
.heig95  { height: 9.5rem; }
.heig100 { height:  10rem; }
.heig110 { height:  11rem; }
.heig120 { height:  12rem; }
.heig130 { height:  13rem; }
.heig140 { height:  14rem; }
.heig150 { height:  15rem; }
.heig200 { height:  20rem; }
.heig250 { height:  25rem; }
.heig300 { height:  30rem; }
.heig310 { height:  31rem; }
.heig320 { height:  32rem; }
.heig330 { height:  33rem; }
.heig340 { height:  34rem; }
.heig350 { height:  35rem; }
.heig360 { height:  36rem; }
.heig370 { height:  37rem; }
.heig380 { height:  38rem; }
.heig390 { height:  39rem; }
.heig400 { height:  40rem; }
.heig450 { height:  45rem; }
.heig500 { height:  50rem; }
.heig510 { height:  51rem; }
.heig520 { height:  52rem; }
.heig530 { height:  53rem; }
.heig540 { height:  54rem; }
.heig550 { height:  55rem; }
.heig560 { height:  56rem; }
.heig570 { height:  57rem; }
.heig580 { height:  58rem; }
.heig590 { height:  59rem; }
.heig600 { height:  60rem; }
.heig610 { height:  61rem; }
.heig620 { height:  62rem; }
.heig630 { height:  63rem; }
.heig630 { height:  63rem; }
.heig640 { height:  64rem; }
.heig650 { height:  65rem; }
.heig660 { height:  66rem; }
.heig670 { height:  67rem; }
.heig680 { height:  68rem; }
.heig690 { height:  69rem; }
.heig700 { height:  70rem; }


.minheig200 { min-height:  20rem; }
.minheig300 { min-height:  30rem; }
.minheig360 { min-height:  36rem; }
.minheig650 { min-height:  65rem; }
.minheig660 { min-height:  66rem; }
.minheig670 { min-height:  67rem; }
.minheig680 { min-height:  68rem; }
.minheig690 { min-height:  69rem; }
.minheig700 { min-height:  70rem; }

/* MAX-HEIGHT */
.maxheig    { max-height: max-content; }
.maxheig5   { max-height:   5%; }
.maxheig10  { max-height:  10%; }
.maxheig15  { max-height:  15%; }
.maxheig20  { max-height:  20%; }
.maxheig25  { max-height:  25%; }
.maxheig30  { max-height:  30%; }
.maxheig35  { max-height:  35%; }
.maxheig40  { max-height:  40%; }
.maxheig45  { max-height:  45%; }
.maxheig50  { max-height:  50%; }
.maxheig55  { max-height:  55%; }
.maxheig60  { max-height:  60%; }
.maxheig65  { max-height:  65%; }
.maxheig70  { max-height:  70%; }
.maxheig75  { max-height:  75%; }
.maxheig80  { max-height:  80%; }
.maxheig85  { max-height:  85%; }
.maxheig90  { max-height:  90%; }
.maxheig95  { max-height:  95%; }
.maxheig100 { max-height: 100%; }

/* MIN-HEIGHT */
.minheig5   { min-height:   5%; }
.minheig10  { min-height:  10%; }
.minheig15  { min-height:  15%; }
.minheig20  { min-height:  20%; }
.minheig25  { min-height:  25%; }
.minheig30  { min-height:  30%; }
.minheig35  { min-height:  35%; }
.minheig40  { min-height:  40%; }
.minheig45  { min-height:  45%; }
.minheig50  { min-height:  50%; }
.minheig55  { min-height:  55%; }
.minheig60  { min-height:  60%; }
.minheig65  { min-height:  65%; }
.minheig70  { min-height:  70%; }
.minheig75  { min-height:  75%; }
.minheig80  { min-height:  80%; }
.minheig85  { min-height:  85%; }
.minheig90  { min-height:  90%; }
.minheig95  { min-height:  95%; }
.minheig100 { min-height: 100%; }

/* PADDING LEFT & RIGHT */
/* PAR 4 ( HAUT / DROITE / BAS / GAUCHE ) */
.padd0  { padding:  0; }
.padd1  { padding:  .1rem; }
.padd2  { padding:  .2rem; }
.padd3  { padding:  .3rem; }
.padd4  { padding:  .4rem; }
.padd5  { padding:  .5rem; }
.padd6  { padding:  .6rem; }
.padd7  { padding:  .7rem; }
.padd8  { padding:  .8rem; }
.padd9  { padding:  .9rem; }
.padd10 { padding:   1rem; }
.padd11 { padding: 1.1rem; }
.padd12 { padding: 1.2rem; }
.padd13 { padding: 1.3rem; }
.padd14 { padding: 1.4rem; }
.padd15 { padding: 1.5rem; }
.padd16 { padding: 1.6rem; }
.padd17 { padding: 1.7rem; }
.padd18 { padding: 1.8rem; }
.padd19 { padding: 1.9rem; }
.padd20 { padding:   2rem; }

/* PAR 2 ( DROITE / GAUCHE ) */
.paddLR1  { padding-left:  .1rem; padding-right:  .1rem; }
.paddLR2  { padding-left:  .2rem; padding-right:  .2rem; }
.paddLR3  { padding-left:  .3rem; padding-right:  .3rem; }
.paddLR4  { padding-left:  .4rem; padding-right:  .4rem; }
.paddLR5  { padding-left:  .5rem; padding-right:  .5rem; }
.paddLR6  { padding-left:  .6rem; padding-right:  .6rem; }
.paddLR7  { padding-left:  .7rem; padding-right:  .7rem; }
.paddLR8  { padding-left:  .8rem; padding-right:  .8rem; }
.paddLR9  { padding-left:  .9rem; padding-right:  .9rem; }
.paddLR10 { padding-left:   1rem; padding-right:   1rem; }
.paddLR11 { padding-left: 1.1rem; padding-right: 1.1rem; }
.paddLR12 { padding-left: 1.2rem; padding-right: 1.2rem; }
.paddLR13 { padding-left: 1.3rem; padding-right: 1.3rem; }
.paddLR14 { padding-left: 1.4rem; padding-right: 1.4rem; }
.paddLR15 { padding-left: 1.5rem; padding-right: 1.5rem; }
.paddLR16 { padding-left: 1.6rem; padding-right: 1.6rem; }
.paddLR17 { padding-left: 1.7rem; padding-right: 1.7rem; }
.paddLR18 { padding-left: 1.8rem; padding-right: 1.8rem; }
.paddLR19 { padding-left: 1.9rem; padding-right: 1.9rem; }
.paddLR20 { padding-left:   2rem; padding-right:   2rem; }

/* PAR 2 ( HAUT / BAS ) */
.paddTB1  { padding-top:  .1rem; padding-bottom:  .1rem; }
.paddTB2  { padding-top:  .2rem; padding-bottom:  .2rem; }
.paddTB3  { padding-top:  .3rem; padding-bottom:  .3rem; }
.paddTB4  { padding-top:  .4rem; padding-bottom:  .4rem; }
.paddTB5  { padding-top:  .5rem; padding-bottom:  .5rem; }
.paddTB6  { padding-top:  .6rem; padding-bottom:  .6rem; }
.paddTB7  { padding-top:  .7rem; padding-bottom:  .7rem; }
.paddTB8  { padding-top:  .8rem; padding-bottom:  .8rem; }
.paddTB9  { padding-top:  .9rem; padding-bottom:  .9rem; }
.paddTB10 { padding-top:   1rem; padding-bottom:   1rem; }
.paddTB11 { padding-top: 1.1rem; padding-bottom: 1.1rem; }
.paddTB12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }
.paddTB13 { padding-top: 1.3rem; padding-bottom: 1.3rem; }
.paddTB14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.paddTB15 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.paddTB16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }
.paddTB17 { padding-top: 1.7rem; padding-bottom: 1.7rem; }
.paddTB18 { padding-top: 1.8rem; padding-bottom: 1.8rem; }
.paddTB19 { padding-top: 1.9rem; padding-bottom: 1.9rem; }
.paddTB20 { padding-top:   2rem; padding-bottom:   2rem; }

/* A L'UNITE ( HAUT ) */
.paddT1  { padding-top:  .1rem; }
.paddT2  { padding-top:  .2rem; }
.paddT3  { padding-top:  .3rem; }
.paddT4  { padding-top:  .4rem; }
.paddT5  { padding-top:  .5rem; }
.paddT6  { padding-top:  .6rem; }
.paddT7  { padding-top:  .7rem; }
.paddT8  { padding-top:  .8rem; }
.paddT9  { padding-top:  .9rem; }
.paddT10 { padding-top:   1rem; }
.paddT11 { padding-top: 1.1rem; }
.paddT12 { padding-top: 1.2rem; }
.paddT13 { padding-top: 1.3rem; }
.paddT14 { padding-top: 1.4rem; }
.paddT15 { padding-top: 1.5rem; }
.paddT16 { padding-top: 1.6rem; }
.paddT17 { padding-top: 1.7rem; }
.paddT18 { padding-top: 1.8rem; }
.paddT19 { padding-top: 1.9rem; }
.paddT20 { padding-top:   2rem; }
.paddT21 { padding-top: 2.1rem; }
.paddT22 { padding-top: 2.2rem; }
.paddT23 { padding-top: 2.3rem; }
.paddT24 { padding-top: 2.4rem; }
.paddT25 { padding-top: 2.5rem; }
.paddT26 { padding-top: 2.6rem; }
.paddT27 { padding-top: 2.7rem; }
.paddT28 { padding-top: 2.8rem; }
.paddT29 { padding-top: 2.9rem; }
.paddT30 { padding-top:   3rem; }

/* A L'UNITE ( BAS ) */
.paddB1  { padding-bottom:  .1rem; }
.paddB2  { padding-bottom:  .2rem; }
.paddB3  { padding-bottom:  .3rem; }
.paddB4  { padding-bottom:  .4rem; }
.paddB5  { padding-bottom:  .5rem; }
.paddB6  { padding-bottom:  .6rem; }
.paddB7  { padding-bottom:  .7rem; }
.paddB8  { padding-bottom:  .8rem; }
.paddB9  { padding-bottom:  .9rem; }
.paddB10 { padding-bottom:   1rem; }
.paddB11 { padding-bottom: 1.1rem; }
.paddB12 { padding-bottom: 1.2rem; }
.paddB13 { padding-bottom: 1.3rem; }
.paddB14 { padding-bottom: 1.4rem; }
.paddB15 { padding-bottom: 1.5rem; }
.paddB16 { padding-bottom: 1.6rem; }
.paddB17 { padding-bottom: 1.7rem; }
.paddB18 { padding-bottom: 1.8rem; }
.paddB19 { padding-bottom: 1.9rem; }
.paddB20 { padding-bottom:   2rem; }

/* A L'UNITE ( LEFT ) */
.paddL1  { padding-left:  .1rem; }
.paddL2  { padding-left:  .2rem; }
.paddL3  { padding-left:  .3rem; }
.paddL4  { padding-left:  .4rem; }
.paddL5  { padding-left:  .5rem; }
.paddL6  { padding-left:  .6rem; }
.paddL7  { padding-left:  .7rem; }
.paddL8  { padding-left:  .8rem; }
.paddL9  { padding-left:  .9rem; }
.paddL10 { padding-left:   1rem; }
.paddL11 { padding-left: 1.1rem; }
.paddL12 { padding-left: 1.2rem; }
.paddL13 { padding-left: 1.3rem; }
.paddL14 { padding-left: 1.4rem; }
.paddL15 { padding-left: 1.5rem; }
.paddL16 { padding-left: 1.6rem; }
.paddL17 { padding-left: 1.7rem; }
.paddL18 { padding-left: 1.8rem; }
.paddL19 { padding-left: 1.9rem; }
.paddL20 { padding-left:   2rem; }

/* A L'UNITE ( RIGHT ) */
.paddR1  { padding-right:  .1rem; }
.paddR2  { padding-right:  .2rem; }
.paddR3  { padding-right:  .3rem; }
.paddR4  { padding-right:  .4rem; }
.paddR5  { padding-right:  .5rem; }
.paddR6  { padding-right:  .6rem; }
.paddR7  { padding-right:  .7rem; }
.paddR8  { padding-right:  .8rem; }
.paddR9  { padding-right:  .9rem; }
.paddR10 { padding-right:   1rem; }
.paddR11 { padding-right: 1.1rem; }
.paddR12 { padding-right: 1.2rem; }
.paddR13 { padding-right: 1.3rem; }
.paddR14 { padding-right: 1.4rem; }
.paddR15 { padding-right: 1.5rem; }
.paddR16 { padding-right: 1.6rem; }
.paddR17 { padding-right: 1.7rem; }
.paddR18 { padding-right: 1.8rem; }
.paddR19 { padding-right: 1.9rem; }
.paddR20 { padding-right:   2rem; }

/* DISPLAY-FLEX ROW */
.flexRow1 { display: flex; flex-direction: row; justify-content: flex-start;    }
.flexRow2 { display: flex; flex-direction: row; justify-content: center;        }
.flexRow3 { display: flex; flex-direction: row; justify-content: space-between; }
.flexRow4 { display: flex; flex-direction: row; justify-content: space-around;  }
.flexRow5 { display: flex; flex-direction: row; justify-content: space-evenly;  }
.flexRow6 { display: flex; flex-direction: row; justify-content: flex-end;      }

/* DISPLAY-FLEX COLUMN */
.flexCol1 { display: flex; flex-direction: column; justify-content: flex-start;    }
.flexCol2 { display: flex; flex-direction: column; justify-content: center;        }
.flexCol3 { display: flex; flex-direction: column; justify-content: space-between; }
.flexCol4 { display: flex; flex-direction: column; justify-content: space-around;  }
.flexCol5 { display: flex; flex-direction: column; justify-content: space-evenly;  }
.flexCol6 { display: flex; flex-direction: column; justify-content: flex-end;      }

.flexWrapSt { display: flex; flex-wrap: wrap; justify-content: space-start; }
.flexWrap { display: flex; flex-wrap: wrap; justify-content: center; }
.flexWrapAr { display: flex; flex-wrap: wrap; justify-content: space-around; }
.flexWrapBe { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexWrapEv { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.flexWrapEn { display: flex; flex-wrap: wrap; justify-content: space-end; }

/* OPACITY */
.opac0   { opacity:    0; }
.opac05  { opacity: 0.05; }
.opac10  { opacity: 0.10; }
.opac15  { opacity: 0.15; }
.opac20  { opacity: 0.20; }
.opac25  { opacity: 0.25; }
.opac30  { opacity: 0.30; }
.opac35  { opacity: 0.35; }
.opac40  { opacity: 0.40; }
.opac45  { opacity: 0.45; }
.opac50  { opacity: 0.50; }
.opac55  { opacity: 0.55; }
.opac60  { opacity: 0.60; }
.opac65  { opacity: 0.65; }
.opac70  { opacity: 0.70; }
.opac75  { opacity: 0.75; }
.opac80  { opacity: 0.80; }
.opac85  { opacity: 0.85; }
.opac90  { opacity: 0.90; }
.opac95  { opacity: 0.95; }
.opac100 { opacity:    1; }


/* TEXT-ALIGN */
.txt_Align_Start { text-align: left; }
.txtc 			 { text-align: center; }
.txt_Align_End   { text-align: right; }
.txt_Align_Just  { text-align: justify; }

.vertAlign 		 { vertical-align: center; }



.fixed {
  position: fixed;
  top: 80px;
  right: 10px;
  margin: 0 auto;
  background-color: #111314;
  opacity: 70%;
}


.fixed1 {
  top: -85px;
  right: -290px;
  margin: 0;
  /*opacity: 70%;*/
}

.fixed2 {
  top: -24px;
  right: -77px;
  margin: 0;
  /*opacity: 70%;*/
}

.postionRaid{
	position: absolute;
	top: 370px;
  	left: 400px;
}



/*

.bg_black   { background-color: #34495E; }
.bg_blackBlack { background-color: #111314; }
.bg_green   { background-color: #1ABC9C; }
.bg_yellow  { background-color: #F1C40F; }
.bg_blue    { background-color: #3498DB; }
.bg_orange  { background-color: #E67E22; }
.bg_red     { background-color: #E74C3C; }
.bg_grey    { background-color: #95A5A6; }
.bg_purpule { background-color: #9B59B6; }
.bg_white   { background-color: #ECF0f1; }
.bg_navy    { background-color: #000080; }
.bg_aqua    { background-color: #00FFFF; }
.bg_pink    { background-color: #FFC0CB; }
.bg_aqua2   { background-color: #00ADC9; }
.bg_transp  { background-color: transparent; }
.bg_greyPrint { background-color: #C0C0C0; }*/
/*
CREATION DE DIFFERENTS BOUTONS LES PLUS COURANTS
	VALIDER / SUPPRIMER / ANNULER / CONFIRMER
	CONNEXION /DECONNEXION / RETOUR / ACCUEIL */
.validParams,
.supprParams,
.annulParams,
.confimParams,
.connexParams,
.decoParams,
.backParams,
.homeParams{
	display: block;
	font-family: 'CourierPrime', sans-serif;
	text-align: center;
	width: 5rem;
	font-size: .8rem;
	padding: .5rem 1rem;
	border-radius: .5rem;
	margin: 10px 5px;
	text-decoration: none;
}

.colorOpacity{
	background-color:rgba(0, 0, 0, 0.7);
}

a[href="http://www.immobileweb.fr"] { color: #1f6053; text-decoration: none; }


.modal{
    position:fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    animation: fadeIn .3s both;
}

.modal-wrapper {
    overflow: auto;
    width: 45rem;
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
    padding: 2rem;
    animation: slideFromTop .5s both;
    flex-direction: column;
    border: 0.1rem solid #F0F0F0;
    background: rgba(0, 0, 0, 0.9);
}

.modal[aria-hidden="true"] {
    animation-name: fadeOut;
}

.modal[aria-hidden="true"] .modal-wrapper{
    animation-name: slideToBottom;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes slideFromTop {
    from { transform: translateY(-0.5rem); }
    to { transform: translateY(0rem); }
}

@keyframes slideToBottom {
    from { transform: translateY(0rem); }
    to { transform: translateY(0.5rem); }
}

.modal hr {
    padding: 0 20rem;
}

.modal .contenerButtonTypeA {
    flex-direction: row !important;
}



/* Spécial pour CONNEXION, NEWACCOUNT et MDP PERDU*/

 #bodyConnexion,
 #bodyNewAccount{
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#bodyConnexion header,
#bodyNewAccount header{
	background-image: url('../img/background-volet.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 50vw;
	height: 100vh;
}

#bodyConnexion header p,
#bodyNewAccount header p{
	font-family: 'Montserrat', sans-serif;
	color: white;
	width: 10em;
	text-align: center;
	font-size: 2.5em;
	margin: auto;
	text-decoration: none;
	position: relative;
	top: 6em; left: auto; Right: auto;
}

#mainConnexion,
#mainNewAccount{
	width: 50vw;
	height: 100vh;
	max-height: 100vh;
	font-family: 'Montserrat', sans-serif;
}

#mainConnexion div:nth-of-type(1) p,
#mainNewAccount div:nth-of-type(1) p{
	color: #2c3e50;
	text-align: left;
	font-size: 1em;
	margin: .1em auto 3em 3em;
}

#mainConnexion div a,
#mainNewAccount div a{
	color: #e74c3c;
	text-align: left;
	font-size: 1em;
	margin: 1em auto 1em 1em;
	text-decoration: none;
    transition: .5s all .3s;
}

#mainConnexion div a:hover,
#mainNewAccount div a:hover{
	cursor: pointer;
	transform: translate(0, 5px);
	background-color: #fce9e9;
	color: #e74c3c;
}



/* Page Connexion */



#mainConnexion .form_connect,
#mainConnexion .connexion_validation_conditions{
	width: 40vw;
	margin: 1em auto 1em auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.2em;
}

#connexion_matricule,
#connexion_enter_email,
#connexion_enter_mdp{
	color: #2c3e50;
	width: 100%;
	border-top: none;
	border-left: none;
	text-align: left;
	margin-bottom: 2em;
	text-indent: 3em;
	border-radius: 2em;
	font-family: 'Montserrat', sans-serif;
}

#oubli_matricule,
#oubli_enter_email{
	color: #2c3e50;
	width: 100%;
	border-top: none;
	border-left: none;
	text-align: left;
	margin-top: 2em;
	text-indent: 3em;
	font-family: 'Montserrat', sans-serif;
}

#connexion_matricule,
#oubli_matricule{
	background-image: url('../img/Fonctionnaire.png');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 5px 0;
	height: 1.5em;
}

#connexion_enter_email,
#oubli_enter_email{
	background-image: url('../img/email.gif');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 5px 0;
	height: 1.5em;
}

#connexion_enter_mdp{
	background-image: url('../img/padlock.png');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 5px 0;
	height: 1.5em;
	margin-bottom: 4em;
}

.connexion_validation_conditions div:nth-of-type(1){
	text-align: left;
	font-size: .8em;
	color: #2c3e50;
}

.connexion_validation_conditions div:nth-of-type(2){
	text-align: left;
	font-size: .7em;
	margin-top: 2em;
}

.connexion_validation_conditions div:nth-of-type(2) p{
	margin: 0;
	color: grey;
	font-style: italic;
}

#connexion_matricule:hover,
#connexion_enter_email:hover,
#connexion_enter_mdp:hover{
    transition: .5s all .3s;
	cursor: pointer;
	transform: translate(0, 5px);
	background-color: #fef7f3;
	color: #e74c3c;
}

.connexion_validation_conditions div:nth-of-type(2) span{
	color: #e74c3c;
	font-style: bold;
	text-decoration: underline;
}




/* Page Nouveau Compte */

#mainNewAccount h3{
	color: #2c3e50;
	text-align: left;
	font-size: 1em;
	margin: 1.5em auto 1em 3em;
}
#mainNewAccount .identity,
#mainNewAccount .quality{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 40vw;
	margin: .5em auto .5em auto;
	padding: .5em;
}

#mainNewAccount .grade,
#mainNewAccount .email,
#mainNewAccount .ddsp,
#mainNewAccount .commissariat,
#mainNewAccount .service{
	width: 40vw;
	margin: .5em auto .5em auto;
	padding: .5em;
}

#newAccount_nom,
#newAccount_prenom,
#newAccount_matricule,
#newAccount_quality{
	color: #2c3e50;
	width: 45%;
	border-top: none;
	border-left: none;
	margin-right: 0;
	font-size: 1.2em;
}
#newAccount_grade{
	color: #2c3e50;
	width: 100%;
	border-top: none;
	border-left: none;
	text-align: center;
	font-size: 1.2em;
}

#enter_email,
#confirme_email{
	background-image: url('../img/email.gif');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 5px 0;
	height: 1.5em;
	font-size: 1.2em;
}

#newAccount_grade,
#enter_email,
#confirme_email,
#selectDdsp,
#newAccount_commissariat,
#newAccount_service{
	color: #2c3e50;
	width: 100%;
	border-top: none;
	border-left: none;
	text-align: center;
	font-size: 1.2em;
}

#mainNewAccount .avertissementEmail p{
	color: #e74c3c;
	text-align: center;
	font-style: italic;
	font-size: .8em;
}

#messagesErrors{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	width: 80%;
	border: 2px solid #e74c3c;
	color: #ecf0f1;
	background-color: #e74c3c;
	border-radius: 20px;
	padding: .5em 1em;
	margin: 0 auto 1.5em auto;
}

#messageValidation{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	width: 80%;
	border: 2px solid #27ae60;
	color: #ecf0f1;
	background-color: #2ecc71;
	border-radius: 20px;
	padding: .5em 1em;
	margin: 1em auto;
}


/* PARAMETRAGE DU TABLEAU VERT DES STATISTIQUES DES INTERVENTIONS */

table.greenTable {
	font-family: 'Quicksand', sans-serif;
	border: 6px solid #24943A;
	background-color: #D4EED1;
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  }
  table.greenTable td, table.greenTable th {
	border: 1px solid #24943A;
	padding: 3px 2px;
  }
  /*
  table.greenTable tbody td {
  }*/
  table.greenTable thead {
	background: #24943A;
	/*background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);*/
	background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	border-bottom: 0px solid #444444;
  }
  table.greenTable thead th {
	font-weight: bold;
	text-align: left;
	border-left: 2px solid #24943A;
	text-align: center;
  }
  table.greenTable thead th:first-child {
	border-left: none;
  }

  table.greenTable tfoot {
	font-weight: bold;
	background: #24943A;
	/*background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);*/
	background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	border-top: 1px solid #24943A;
  }
  /*
  table.greenTable tfoot td {
  }*/
  table.greenTable tfoot .links {
	text-align: right;
  }
  table.greenTable tfoot .links a{
	display: inline-block;
	background: #FFFFFF;
	padding: 2px 8px;
	border-radius: 5px;
  }

  .tableaustyle{
	text-align:center;
	padding: 5px;
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 4px 12px #666;
	-moz-box-shadow: 2px 4px 12px #666;
	box-shadow: 2px 4px 12px #666;
  }


.containerColor {
	background: #E67E22;
	background: -moz-linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
	background: -webkit-linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
	background: linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
	}








/* PARAMETRAGE DU TABLEAU VERT DES STATISTIQUES DES ENTRAINEMENTS */

table.blueTable {
	font-family: 'Quicksand', sans-serif;
	border: 6px solid #232396;
	background-color: #dcdcf8;
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
table.blueTable td, table.blueTable th {
	border: 1px solid #232396;
	padding: 3px 2px;
}
/*
table.greenTable tbody td {

}
*/
table.blueTable thead {
	background:  #232396;
	/*background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);*/
	background: linear-gradient(to bottom, #6e6ee6 0%, #3737b8 66%,  #232396 100%);
	border-bottom: 0px solid #444444;
}
table.blueTable thead th {
	font-weight: bold;
	text-align: left;
	border-left: 2px solid #232396;
	text-align: center;
}
table.blueTable thead th:first-child {
	border-left: none;
}

table.blueTable tfoot {
	font-weight: bold;
	background: #232396;
	/*background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
	background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);*/
	background: linear-gradient(to bottom, #6e6ee6 0%, #3737b8 66%,  #232396 100%);
	border-top: 1px solid #232396;
}
/*
table.greenTable tfoot td {
}*/
table.blueTable tfoot .links {
	text-align: right;
}
table.blueTable tfoot .links a{
	display: inline-block;
	background: #FFFFFF;
	padding: 2px 8px;
	border-radius: 5px;
}

.tableaustyle{
	text-align:center;
	padding: 5px;
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 4px 12px #666;
	-moz-box-shadow: 2px 4px 12px #666;
	box-shadow: 2px 4px 12px #666;
}


.containerColor {
	background: #E67E22;
	background: -moz-linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
	background: -webkit-linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
	background: linear-gradient(45deg, #E67E22 0%, #1C6EA4 68%, #3498DB 100%);
}




@media screen and (min-width: 871px) and (max-width: 1500px){

	.labelNoneDestop {
		display: none;
	}

}








	/* Responsive mobile*/
/*@media screen  and (min-width: 321px) and (max-width: 1023px){*/
@media screen and (max-width: 870px) {

	.logoRaid{
		width: 10rem;
	}

	.titleUserConnect {
		margin-top: 0;
	}

	.divConnect {
		padding: 0;
		margin-top: 0;
		margin-right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.mdpforget {
		margin-left: 0;
	}

	.connecting, .inscrip {
		margin: auto;
		padding: .5em 1em;
		width: 5em;
		text-align: center;
		margin-bottom: .5em;
	}

	.titleProgram p:first-child{
		font-size: 2em;
	}

	.titleProgram p:last-child{
		font-size: 1.2em;
	}

	.img_home {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 80%;
	}

	.img_home img{
		width: 10em;
	}

	.img_home:last-child a{
		margin-top : 1em;
	}

	.img_logo_respensive {
		margin-top : 1em;
	}

	.heightMainHome {
		height: auto;
	}

	.img_home a{
		width: 10em;
		font-size: 1.2em;
		margin-top : 1em;
		margin-bottom : 0;
	}

	.navbar a{
		font-size: 1.2em;
	}

	.navbar a:first-child{
		font-size: .9em;
	}

	.navbar a:nth-of-type(2){
		font-size: .78em;
	}

	.sectionWid100 {
		width: 100%;
	}

	#mainNewAccount,
	#mainConnexion{
		width: 95%;
	}

	#mainNewAccount h2,
	#mainConnexion h2{
		font-size: 1.8em;
		margin-left: 0;
	}

	#bodyNewAccount header,
	#bodyConnexion header{
		background-image: none;
		width: 0;
	}

	#bodyNewAccount header p,
	#bodyConnexion header p{
		display: none;
	}

	#mainNewAccount div p,
	#mainConnexion div p {
		font-size: .8em;
	}

	#mainNewAccount h3,
	#mainConnexion h3 {
		font-size: 1em;
		margin-left: 0;
	}

	#mainNewAccount .identity,
	#mainNewAccount .quality {
		justify-content: space-around;
		width: 100%;
		padding: 0;
		font-size: .8em;
		margin-bottom: 1em;
	}

	#mainNewAccount .grade{
		width: 95%;
		padding: 0;
		font-size: .8em;
		margin-top: 1em;
	}

	#mainNewAccount .grade,
	#mainNewAccount .email,
	#mainNewAccount .service {
		width: 90%;
		padding: 0;
		font-size: .8em;
		margin-bottom: 1em;
	}

	#messagesErrors div ul li{
		font-size: .8em;
	}

	#bodyConnexion #mainConnexion h2{
		font-size: 1.5em;
	}

	#bodyConnexion #mainConnexion h2{
		font-size: 1.5em;
	}

	.margR20 {
		margin-right: .5rem;
	}

	#mainConnexion div:nth-of-type(1) p,
	#mainNewAccount div:nth-of-type(1) p {
		margin: .1em auto 3em .5em;
	}

	#mainConnexion form{
		width: 100%;
	}

	#mainConnexion .form_connect,
	#mainConnexion .connexion_validation_conditions{
		width: 95%;
		margin: 1em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.2em;
	}

	#connexion_matricule,
	#connexion_enter_email,
	#connexion_enter_mdp {
		width: 90%;
		padding: 0;
		font-size: .8em;
		margin-bottom: 1em;
	}

	.mainForm{
		width: 85%;
		padding: 1rem;
	}

	.mainForm h2, .titleFind{
		font-size: 1.3em;
	}

	.titleFind{
		margin-left: 1em;
	}

	.labelForm p {
		font-size: 1.3em;
	}

	.labalCategory {
		font-size: 1em;
	}


	#formulaire textarea{
		font-size: 1em;
		width: 95%;
		margin-top: .5em;
	}

	#formulaire textarea{
		margin-left: 0;
		margin-right: 0;
	}

	#formulaire h3{
		font-size: 1.3em;
		margin-left: 0;
		margin-right: 0;
	}

	#formulaire div{
		width: 100%;
	}

	.divLieu, .divMoyenResult {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#day, #month, #year, #time, #button_Date,
	#antenne, #type_interv,
	#number, #adress, #code, #city,
	#Type_Ouverture, #Type_Ouverture_Details,
	#Type_Lieu, #Type_Lieu_Details,
	#Type_Matiere, #Type_Matiere_Details,
	#Type_Montant, #Type_Montant_Details,
	#Type_Moyens, #Type_Moyens_Details,
	#result {
		font-size: 1em;
		margin-left: .1em;
		margin-right: .1em;
	}

	#day,
	#year,
	#time,
	#number,
	#code {
		width: 20%;
	}

	#month,
	#button_Date {
		width: 40%;
	}

	#adress,
	#city {
		width: 60%;
	}

	#antenne,
	#type_interv {
		width: 100%;
	}

	#Type_Lieu,
	#Type_Ouverture,
	#Type_Matiere,
	#Type_Montant,
	#Type_Moyens {
		width: 100%;
	}

	#result {
		width: 50%;
	}

	#retour,
	#Effacer,
	.soumettre {
		font-size: 1.2em;
		text-align: center;
	}

	#Type_Ouverture_Details,
	#Type_Lieu_Details,
	#Type_Matiere_Details,
	#Type_Montant_Details,
	#Type_Moyens_Details {
		margin-top: .5em;
		width: 99%;
	}

	.labelNone, .logoPoliceNationale{
		display: none;
	}

	.mainFind {
		width: 80%;
	}

	#allInterventions{
		font-size: .7em;
	}

	#search {
		font-size: 1em;
	}

	#search {
		width: 80%;
	}

	.labelTableau p, .labelNota {
		font-size: 1em;
	}

	.resulutTableau p{
		font-size: .4em;
	}

	.resulutTableauUser a {
		font-size: .3em;
	}

	.resulutTableau a img,
	.labelTableau a img{
		width: 1rem;
	}

	.divClichesResponsive {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.divClichesResponsive img{
		margin-top: 1.2em;
		width: 5em;
		height: 5em;
	}

	.divClichesResponsive label,
	.divClichesResponsive p,
	.divClichesResponsive input{
		font-size: .8em;
	}

	.divClichesResponsive div:nth-of-type(2){
		margin-top: 1.2em;
	}

	.boutonStatForm{
		width: 50%;
		padding: 1rem;
	}

	.inputParam {
		font-size: 1em;
		margin-left: .1em;
		margin-right: .1em;
		margin-top: .5em;
		width: 80%;
	}

	.findList {
		width: 100%;
	}

	#category_2{
		width: 100%;
	}

	.agencementBouton {
		flex-wrap: wrap;
		align-items: center;
	}

	.agencementBouton a,
	.agencementBouton input{
		margin: .5em;
	}

	.margLNoneResponsive {
		margin-left: 0;
	}

	.abandonConfirm{
		font-size: 1em;
	}

	.ligneAbandon {
		font-size: 1em;
	}

	.ligneAbandonAttention {
		font-size: .8em;
	}

	#modal_Abandon {
		width: 100%;
	}

	#modal_Abandon a {
		width: 25%;
		font-size: 1em;
		margin: 1em
	}

	#modal_Abandon button {
		width: 50%;
		font-size: 1em;
		margin: 1em
	}





}