@charset "utf-8";
/* CSS Document 
Tailles et position et couleurs */

/************************  couleurs ********************/
/* surcharge de root de bootstrap  */
:root {
	--rouge : #dc3545;
	--rouge2 : #C5414E;
	--rouge3 : #CA4436;
	--vert : #3D903D;
	--vert2 : #47A847;
	--vert3 : #2ECC71;
    --vertlignetop : #ABC738;
    --vertligneclair : #DDFF3B;
    --vertpale : #F0F5DB;
	--jaune : #FFF892;
	--jaune2 : #F7D779 ;
    --jaune3 : #FFC310;
    --jaune4 : #FFF1C8;
    --jaune5 : #796F19;
    --jaunecadreprojet : #E3C449E6;/*#DDB83A;*/	
	--bleu2 : #3D89CA;
	--bleu : #2A679C;
	--bleupale : #17a2b8;
	--bleupale2 : #18A9C0;
	--orange2 : #DE9854;
	--orange3 : #D78330;
	--blanc2 : #ededed;
	--blanc : #ddd;
	--noir2 : #333;	
	--violet2 : #9E4FA8;
	--violet : #BD82C4;
	--blanccasse : #EFEFEF;
	--grisclair : #C8C8C8;
	--gristresclair : #F7F7F7;
	--gris1 : #f8f9fa;
    --gris2 : #7E7E7E;
	--gris3 : #3c3c3c;
	--gris4 : #8F8F9D;
	--gris5 : #ADADB7;
    --griscadreprofil : rgba(239,239,239,0.90);
	--fond : #F9FFDC;
	
}
/*  utilise la pseudo-classe :root comme variables   */
.gris  {	background-color: var(--secondary); }
.vert  {	background-color: var(--green); }
.rouge {	background-color: var(--danger); }
.bleu  {	background-color: var(--blue); }
.jaune {	background-color: var(--yellow); }
.orange {	background-color: var(--orange); }

.bckgnd_grey {background-color: #f8f9fa !important;}
.bckgnd_white {background-color: white !important;}
.bckgnd_gris3 { background-color: var(--gris3); }
.bckgnd_rouge3 { background-color: var(--rouge); }

/******************  Format caracteres  *************/
.txtcenter { text-align:  center; }
.txtleft { text-align:  left; }
.txtright { text-align:  right; }

.texte_normal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.txtrouge { color: var(--rouge);  }
.txtvert { color : var(--vert); }
.txtbleu { color: var(--bleu); }
.txtorange { color: var(--orange3);  }
.txtgris3 { color :  var(--gris3); }
.txtgris4 { color : var(--gris4); }
.color_rouge {	color: var(--danger); }

.ft-small {	font-size: small;   }
.ft-medium { font-size: medium; }
.ft-large {	font-size: large;
			font-weight: bold;  }
.italic {font-style: italic;}
.gras {font-weight : bold;}

.ft-10 { font-size : 10px; }
.ft-11 { font-size : 11px; }
.ft-12 { font-size : 12px; }
.ft-13 { font-size : 13px; }			
.ft-14 { font-size : 14px; }
.ft-15 { font-size : 15px; }
.ft-16 { font-size : 16px; }
.ft-17 { font-size : 17px; }
.ft-18 { font-size : 18px; }
.ft-19 { font-size : 19px; }
.ft-20 { font-size : 20px; }
.ft-21 { font-size : 21px; }
.ft-22 { font-size : 22px; }
			
.ft-fam1 { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.ft-fam2 { 	font-family: Verdana, Geneva, sans-serif; }

.italic {font-style: italic;}
.gras {font-weight : bold;}


/************   POSITIONNEMENT  ***********/
#fin_boite {    clear: both;}
.clear {        clear: both; }

.flottant_l { 	float: left; }
.flottant_r {	float : right;}

.flottanti_l { 	float: left !important; }
.flottanti_r {	float : right !important;}

.verttop { vertical-align: top;}
.vertbottom {vertical-align: bottom;}



/************   BORDER  *********/
.bord_1 { border-width : 1px !important;}
.bord_bott_1 { border-bottom-width: 1px !important; }
.bord_right_1 { border-right-width: 1px !important; }
.bord_left_1 { border-left-width: 1px !important; }
.bord_top_1 { border-top-width : 1px !important; }

.bor_n_1 {	border : black 1px solid; }
.bor_v_1 {  border:  darkgreen 1px solid; }

.bordure_1 { border : 1px solid; }
.bordure_b_1 { border-bottom: 1px solid; }
.bordure_r_1 { border-right: 1px solid; }
.bordure_l_1 { border-left: 1px solid; }

/*.bor_color_jaune { border-color : var(--jaune3); }*/
/*************  couleur et epaisseur cadres ***************/
.bord_rouge {	border : solid var(--rouge); }
.bord_orange { border: solid var(--orange3); }
.bord_vert { border : solid darkgreen; }
.bord_noir { border : solid black; }
.bord_jaune { border : solid var(--jaune3); }
.bord_gris4 { border : solid var(--gris4); }

.bord_ep1 { border-width: 1px !important;}
.bord_ep2 { border-width: 2px !important;}
.bord_ep3 { border-width: 3px !important;}
.bord_ep4 { border-width: 4px !important;}
.bord_ep5 { border-width: 5px !important;}

/*********** border radius *******/
.bord_rad1 { border-radius : 1px; }
.bord_rad2 { border-radius : 2px; }
.bord_rad3 { border-radius : 3px; }
.bord_rad4 { border-radius : 4px; }
.bord_rad5 { border-radius : 5px; }
.bord_rad6 { border-radius : 6px; }
.bord_rad7 { border-radius : 7px; }
.bord_rad8 { border-radius : 8px; }
.bord_rad9 { border-radius : 9px; }
.bord_rad10 { border-radius : 10px; }
.bord_rad15 { border-radius : 15px; }
.bord_rad20 { border-radius : 20px; }
.bord_rad25 { border-radius : 25px; }
.bord_rad30 { border-radius : 30px; }
.bord_rad35 { border-radius : 35px; }
.bord_rad40 { border-radius : 40px; }
.bord_rad45 { border-radius : 45px; }
.bord_rad50 { border-radius : 50px; }

/*************** MARGIN-ALL **************/
.mall1 { margin: 1px; }
.mall2 { margin: 2px; }
.mall3 { margin: 3px; }
.mall4 { margin: 4px; }
.mall5 { margin: 5px; }
.mall6 { margin: 6px; }
.mall7 { margin: 7px; }
.mall8 { margin: 8px; }
.mall9 { margin: 9px; }
.mall10 { margin: 10px; }
.mall20 { margin: 20px; }
.mall30 { margin: 30px; }
.mall40 { margin: 40px; }
.mall50 { margin: 50px; }
.mall60 { margin: 60px; }
.mall70 { margin: 70px; }
.mall80 { margin: 80px; }
.mall90 { margin: 90px; }
.mall100 { margin: 100px; }
.mall150 { margin: 150px; }
.mall200 { margin: 200px; }
.mall250 { margin: 250px; }
.mall300 { margin: 300px; }
.mall350 { margin: 350px; }
.mall400 { margin: 400px; } 

/*************** PADDING-ALL **************/
.pall1 { padding: 1px; }
.pall2 { padding: 2px; }
.pall3 { padding: 3px; }
.pall4 { padding: 4px; }
.pall5 { padding: 5px; }
.pall6 { padding: 6px; }
.pall7 { padding: 7px; }
.pall8 { padding: 8px; }
.pall9 { padding: 9px; }
.pall10 { padding: 10px; }
.pall20 { padding: 20px; }
.pall30 { padding: 30px; }
.pall40 { padding: 40px; }
.pall50 { padding: 50px; }
.pall60 { padding: 60px; }
.pall70 { padding: 70px; }
.pall80 { padding: 80px; }
.pall90 { padding: 90px; }
.pall100 { padding: 100px; }
.pall150 { padding: 150px; }
.pall200 { padding: 200px; }
.pall250 { padding: 250px; }
.pall300 { padding: 300px; }
.pall350 { padding: 350px; }
.pall400 { padding: 400px; } 



/*************** MARGIN-TOP **************/
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt150 { margin-top: 150px; }
.mt200 { margin-top: 200px; }
.mt250 { margin-top: 250px; }
.mt300 { margin-top: 300px; }
.mt350 { margin-top: 350px; }
.mt400 { margin-top: 400px; }


/*************** MARGIN-BOTTOM **************/
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb150 { margin-bottom: 150px; }
.mb200 { margin-bottom: 200px; }
.mb250 { margin-bottom: 250px; }
.mb300 { margin-bottom: 300px; }
.mb350 { margin-bottom: 350px; }
.mb400 { margin-bottom: 400px; }


/*************** MARGIN-LEFT **************/
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
.ml150 { margin-left: 150px; }
.ml200 { margin-left: 200px; }
.ml250 { margin-left: 250px; }
.ml300 { margin-left: 300px; }
.ml350 { margin-left: 350px; }
.ml400 { margin-left: 400px; }


.mlrauto { margin-left : auto;  margin-right : auto; }
/*************** MARGIN-RIGHT **************/
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }
.mr150 { margin-right: 150px; }
.mr200 { margin-right: 200px; }
.mr250 { margin-right: 250px; }
.mr300 { margin-right: 300px; }
.mr350 { margin-right: 350px; }
.mr400 { margin-right: 400px; }


/*************** MARGIN-TOP --- IMPORTANT **************/
.mti1 { margin-top: 1px !important; }
.mti2 { margin-top: 2px !important; }
.mti3 { margin-top: 3px !important; }
.mti4 { margin-top: 4px !important; }
.mti5 { margin-top: 5px !important; }
.mti6 { margin-top: 6px !important; }
.mti7 { margin-top: 7px !important; }
.mti8 { margin-top: 8px !important; }
.mti9 { margin-top: 9px !important; }
.mti10 { margin-top: 10px !important; }
.mti20 { margin-top: 20px !important; }
.mti30 { margin-top: 30px !important; }
.mti40 { margin-top: 40px !important; }
.mti50 { margin-top: 50px !important; }
.mti60 { margin-top: 60px !important; }
.mti70 { margin-top: 70px !important; }
.mti80 { margin-top: 80px !important; }
.mti90 { margin-top: 90px !important; }
.mti100 { margin-top: 100px !important; }
.mti150 { margin-top: 150px !important; }
.mti200 { margin-top: 200px !important; }
.mti250 { margin-top: 250px !important; }
.mti300 { margin-top: 300px !important; }
.mti350 { margin-top: 350px !important; }
.mti400 { margin-top: 400px !important; }


/*************** MARGIN-BOTTOM --- IMPORTANT **************/
.mbi1 { margin-bottom: 1px !important; }
.mbi2 { margin-bottom: 2px !important; }
.mbi3 { margin-bottom: 3px !important; }
.mbi4 { margin-bottom: 4px !important; }
.mbi5 { margin-bottom: 5px !important; }
.mbi6 { margin-bottom: 6px !important; }
.mbi7 { margin-bottom: 7px !important; }
.mbi8 { margin-bottom: 8px !important; }
.mbi9 { margin-bottom: 9px !important; }
.mbi10 { margin-bottom: 10px !important; }
.mbi20 { margin-bottom: 20px !important; }
.mbi30 { margin-bottom: 30px !important; }
.mbi40 { margin-bottom: 40px !important; }
.mbi50 { margin-bottom: 50px !important; }
.mbi60 { margin-bottom: 60px !important; }
.mbi70 { margin-bottom: 70px !important; }
.mbi80 { margin-bottom: 80px !important; }
.mbi90 { margin-bottom: 90px !important; }
.mbi100 { margin-bottom: 100px !important; }
.mbi150 { margin-bottom: 150px !important; }
.mbi200 { margin-bottom: 200px !important; }
.mbi250 { margin-bottom: 250px !important; }
.mbi300 { margin-bottom: 300px !important; }
.mbi350 { margin-bottom: 350px !important; }
.mbi400 { margin-bottom: 400px !important; }


/*************** MARGIN-LEFT --- IMPORTANT **************/
.mli1 { margin-left: 1px !important; }
.mli2 { margin-left: 2px !important; }
.mli3 { margin-left: 3px !important; }
.mli4 { margin-left: 4px !important; }
.mli5 { margin-left: 5px !important; }
.mli6 { margin-left: 6px !important; }
.mli7 { margin-left: 7px !important; }
.mli8 { margin-left: 8px !important; }
.mli9 { margin-left: 9px !important; }
.mli10 { margin-left: 10px !important; }
.mli20 { margin-left: 20px !important; }
.mli25 { margin-left: 25px !important; }
.mli30 { margin-left: 30px !important; }
.mli40 { margin-left: 40px !important; }
.mli50 { margin-left: 50px !important; }
.mli60 { margin-left: 60px !important; }
.mli70 { margin-left: 70px !important; }
.mli80 { margin-left: 80px !important; }
.mli90 { margin-left: 90px !important; }
.mli100 { margin-left: 100px !important; }
.mli150 { margin-left: 150px !important; }
.mli200 { margin-left: 200px !important; }
.mli250 { margin-left: 250px !important; }
.mli300 { margin-left: 300px !important; }
.mli350 { margin-left: 350px !important; }
.mli400 { margin-left: 400px !important; }


/*************** MARGIN-RIGHT --- IMPORTANT **************/
.mri1 { margin-right: 1px !important; }
.mri2 { margin-right: 2px !important; }
.mri3 { margin-right: 3px !important; }
.mri4 { margin-right: 4px !important; }
.mri5 { margin-right: 5px !important; }
.mri6 { margin-right: 6px !important; }
.mri7 { margin-right: 7px !important; }
.mri8 { margin-right: 8px !important; }
.mri9 { margin-right: 9px !important; }
.mri10 { margin-right: 10px !important; }
.mri20 { margin-right: 20px !important; }
.mri30 { margin-right: 30px !important; }
.mri40 { margin-right: 40px !important; }
.mri50 { margin-right: 50px !important; }
.mri60 { margin-right: 60px !important; }
.mri70 { margin-right: 70px !important; }
.mri80 { margin-right: 80px !important; }
.mri90 { margin-right: 90px !important; }
.mri100 { margin-right: 100px !important; }
.mri150 { margin-right: 150px !important; }
.mri200 { margin-right: 200px !important; }
.mri250 { margin-right: 250px !important; }
.mri300 { margin-right: 300px !important; }
.mri350 { margin-right: 350px !important; }
.mri400 { margin-right: 400px !important; }


/*************** PADDING-TOP **************/
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt150 { padding-top: 150px; }
.pt200 { padding-top: 200px; }
.pt250 { padding-top: 250px; }
.pt300 { padding-top: 300px; }
.pt350 { padding-top: 350px; }
.pt400 { padding-top: 400px; }


/*************** PADDING-BOTTOM **************/
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb150 { padding-bottom: 150px; }
.pb200 { padding-bottom: 200px; }
.pb250 { padding-bottom: 250px; }
.pb300 { padding-bottom: 300px; }
.pb350 { padding-bottom: 350px; }
.pb400 { padding-bottom: 400px; }


/*************** PADDING-LEFT **************/
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
.pl150 { padding-left: 150px; }
.pl200 { padding-left: 200px; }
.pl250 { padding-left: 250px; }
.pl300 { padding-left: 300px; }
.pl350 { padding-left: 350px; }
.pl400 { padding-left: 400px; }


/*************** PADDING-RIGHT **************/
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
.pr150 { padding-right: 150px; }
.pr200 { padding-right: 200px; }
.pr250 { padding-right: 250px; }
.pr300 { padding-right: 300px; }
.pr350 { padding-right: 350px; }
.pr400 { padding-right: 400px; }


/*************** PADDING-TOP --- IMPORTANT **************/
.pti0 { padding-top: 0px !important; }
.pti1 { padding-top: 1px !important; }
.pti2 { padding-top: 2px !important; }
.pti3 { padding-top: 3px !important; }
.pti4 { padding-top: 4px !important; }
.pti5 { padding-top: 5px !important; }
.pti6 { padding-top: 6px !important; }
.pti7 { padding-top: 7px !important; }
.pti8 { padding-top: 8px !important; }
.pti9 { padding-top: 9px !important; }
.pti10 { padding-top: 10px !important; }
.pti20 { padding-top: 20px !important; }
.pti30 { padding-top: 30px !important; }
.pti40 { padding-top: 40px !important; }
.pti50 { padding-top: 50px !important; }
.pti60 { padding-top: 60px !important; }
.pti70 { padding-top: 70px !important; }
.pti80 { padding-top: 80px !important; }
.pti90 { padding-top: 90px !important; }
.pti100 { padding-top: 100px !important; }
.pti150 { padding-top: 150px !important; }
.pti200 { padding-top: 200px !important; }
.pti250 { padding-top: 250px !important; }
.pti300 { padding-top: 300px !important; }
.pti350 { padding-top: 350px !important; }
.pti400 { padding-top: 400px !important; }


/*************** PADDING-BOTTOM --- IMPORTANT **************/
.pbi0 { padding-bottom: 0px !important; }
.pbi1 { padding-bottom: 1px !important; }
.pbi2 { padding-bottom: 2px !important; }
.pbi3 { padding-bottom: 3px !important; }
.pbi4 { padding-bottom: 4px !important; }
.pbi5 { padding-bottom: 5px !important; }
.pbi6 { padding-bottom: 6px !important; }
.pbi7 { padding-bottom: 7px !important; }
.pbi8 { padding-bottom: 8px !important; }
.pbi9 { padding-bottom: 9px !important; }
.pbi10 { padding-bottom: 10px !important; }
.pbi20 { padding-bottom: 20px !important; }
.pbi30 { padding-bottom: 30px !important; }
.pbi40 { padding-bottom: 40px !important; }
.pbi50 { padding-bottom: 50px !important; }
.pbi60 { padding-bottom: 60px !important; }
.pbi70 { padding-bottom: 70px !important; }
.pbi80 { padding-bottom: 80px !important; }
.pbi90 { padding-bottom: 90px !important; }
.pbi100 { padding-bottom: 100px !important; }
.pbi150 { padding-bottom: 150px !important; }
.pbi200 { padding-bottom: 200px !important; }
.pbi250 { padding-bottom: 250px !important; }
.pbi300 { padding-bottom: 300px !important; }
.pbi350 { padding-bottom: 350px !important; }
.pbi400 { padding-bottom: 400px !important; }


/*************** PADDING-LEFT --- IMPORTANT **************/
.pli0 { padding-left: 0px !important; }
.pli1 { padding-left: 1px !important; }
.pli2 { padding-left: 2px !important; }
.pli3 { padding-left: 3px !important; }
.pli4 { padding-left: 4px !important; }
.pli5 { padding-left: 5px !important; }
.pli6 { padding-left: 6px !important; }
.pli7 { padding-left: 7px !important; }
.pli8 { padding-left: 8px !important; }
.pli9 { padding-left: 9px !important; }
.pli10 { padding-left: 10px !important; }
.pli20 { padding-left: 20px !important; }
.pli30 { padding-left: 30px !important; }
.pli40 { padding-left: 40px !important; }
.pli50 { padding-left: 50px !important; }
.pli60 { padding-left: 60px !important; }
.pli70 { padding-left: 70px !important; }
.pli80 { padding-left: 80px !important; }
.pli90 { padding-left: 90px !important; }
.pli100 { padding-left: 100px !important; }
.pli150 { padding-left: 150px !important; }
.pli200 { padding-left: 200px !important; }
.pli250 { padding-left: 250px !important; }
.pli300 { padding-left: 300px !important; }
.pli350 { padding-left: 350px !important; }
.pli400 { padding-left: 400px !important; }


/*************** PADDING-RIGHT --- IMPORTANT **************/
.pri0 { padding-right: 0px !important; }
.pri1 { padding-right: 1px !important; }
.pri2 { padding-right: 2px !important; }
.pri3 { padding-right: 3px !important; }
.pri4 { padding-right: 4px !important; }
.pri5 { padding-right: 5px !important; }
.pri6 { padding-right: 6px !important; }
.pri7 { padding-right: 7px !important; }
.pri8 { padding-right: 8px !important; }
.pri9 { padding-right: 9px !important; }
.pri10 { padding-right: 10px !important; }
.pri20 { padding-right: 20px !important; }
.pri30 { padding-right: 30px !important; }
.pri40 { padding-right: 40px !important; }
.pri50 { padding-right: 50px !important; }
.pri60 { padding-right: 60px !important; }
.pri70 { padding-right: 70px !important; }
.pri80 { padding-right: 80px !important; }
.pri90 { padding-right: 90px !important; }
.pri100 { padding-right: 100px !important; }
.pri150 { padding-right: 150px !important; }
.pri200 { padding-right: 200px !important; }
.pri250 { padding-right: 250px !important; }
.pri300 { padding-right: 300px !important; }
.pri350 { padding-right: 350px !important; }
.pri400 { padding-right: 400px !important; }

/*************** WIDTH **************/
.wdth1 { width: 1px }
.wdth2 { width: 2px }
.wdth3 { width: 3px }
.wdth4 { width: 4px }
.wdth5 { width: 5px }
.wdth6 { width: 6px }
.wdth7 { width: 7px }
.wdth8 { width: 8px }
.wdth9 { width: 9px }
.wdth10 { width: 10px }
.wdth20 { width: 20px }
.wdth30 { width: 30px }
.wdth40 { width: 40px }
.wdth50 { width: 50px }
.wdth60 { width: 60px }
.wdth70 { width: 70px }
.wdth80 { width: 80px }
.wdth90 { width: 90px }
.wdth100 { width: 100px; }
.wdth110 { width: 110px; }
.wdth120 { width: 120px; }
.wdth130 { width: 130px; }
.wdth140 { width: 140px; }
.wdth150 { width: 150px; }
.wdth160 { width: 160px; }
.wdth170 { width: 170px; }
.wdth180 { width: 180px; }
.wdth190 { width: 190px; }
.wdth200 { width: 200px; }
.wdth250 { width: 250px }
.wdth300 { width: 300px }
.wdth350 { width: 350px }
.wdth400 { width: 400px }

/*************** WIDTH !IMPORTANT **************/
.wdthi1 { width: 1px !important; }
.wdthi2 { width: 2px !important; }
.wdthi3 { width: 3px !important; }
.wdthi4 { width: 4px !important; }
.wdthi5 { width: 5px !important; }
.wdthi6 { width: 6px !important; }
.wdthi7 { width: 7px !important; }
.wdthi8 { width: 8px !important; }
.wdthi9 { width: 9px !important; }
.wdthi10 { width: 10px !important; }
.wdthi20 { width: 20px !important; }
.wdthi30 { width: 30px !important; }
.wdthi40 { width: 40px !important; }
.wdthi50 { width: 50px !important; }
.wdthi60 { width: 60px !important; }
.wdthi70 { width: 70px !important; }
.wdthi80 { width: 80px !important; }
.wdthi90 { width: 90px !important; }
.wdthi100 { width: 100px !important; }
.wdthi110 { width: 110px !important; }
.wdthi120 { width: 120px !important; }
.wdthi130 { width: 130px !important; }
.wdthi140 { width: 140px !important; }
.wdthi150 { width: 150px !important; }
.wdthi160 { width: 160px !important; }
.wdthi170 { width: 170px !important; }
.wdthi180 { width: 180px !important; }
.wdthi190 { width: 190px !important; }
.wdthi200 { width: 200px !important; }
.wdthi250 { width: 250px !important; }
.wdthi300 { width: 300px !important; }
.wdthi350 { width: 350px !important; }
.wdthi400 { width: 400px !important; }


/*************** HEIGHT **************/
.hght1 { height: 1px; }
.hght2 { height: 2px; }
.hght3 { height: 3px; }
.hght4 { height: 4px; }
.hght5 { height: 5px; }
.hght6 { height: 6px; }
.hght7 { height: 7px; }
.hght8 { height: 8px; }
.hght9 { height: 9px; }
.hght10 { height: 10px; }
.hght15 { height: 15px; }
.hght20 { height: 20px; }
.hght25 { height: 25px; }
.hght30 { height: 30px; }
.hght35 { height: 35px; }
.hght40 { height: 40px; }
.hght45 { height: 45px; }
.hght50 { height: 50px; }
.hght55 { height: 55px; }
.hght60 { height: 60px; }
.hght65 { height: 65px; }
.hght70 { height: 70px; }
.hght75 { height: 75px; }
.hght80 { height: 80px; }
.hght85 { height: 85px; }
.hght90 { height: 90px; }
.hght95 { height: 95px; }
.hght100 { height: 100px }
.hght150 { height: 150px }
.hght200 { height: 200px }
.hght250 { height: 250px }
.hght300 { height: 300px }
.hght350 { height: 350px }
.hght400 { height: 400px } 


/*************** WIDTH **************/
.wdth10pc {	width : 10%;   }
.wdth20pc {	width : 20%;   }
.wdth30pc {	width : 30%;   }
.wdth40pc {	width : 40%;   }
.wdth50pc {	width : 50%;   }
.wdth60pc {	width : 60%;   }
.wdth70pc {	width : 70%;   }
.wdth80pc {	width : 80%;   }
.wdth90pc {	width : 90%;   }
.wdth95pc {	width : 95%;   }
.wdth100pc { width : 100%;   }

/*************** MIN-HEIGHT **************/
.minhght1 { min-height: 1px; }
.minhght2 { min-height: 2px; }
.minhght3 { min-height: 3px; }
.minhght4 { min-height: 4px; }
.minhght5 { min-height: 5px; }
.minhght6 { min-height: 6px; }
.minhght7 { min-height: 7px; }
.minhght8 { min-height: 8px; }
.minhght9 { min-height: 9px; }
.minhght10 { min-height: 10px; }
.minhght20 { min-height: 20px; }
.minhght30 { min-height: 30px; }
.minhght40 { min-height: 40px; }
.minhght50 { min-height: 50px; }
.minhght60 { min-height: 60px; }
.minhght70 { min-height: 70px; }
.minhght80 { min-height: 80px; }
.minhght90 { min-height: 90px; }
.minhght100 { min-height: 100px; }
.minhght150 { min-height: 150px; }
.minhght200 { min-height: 200px; }
.minhght250 { min-height: 250px; }
.minhght300 { min-height: 300px; }
.minhght350 { min-height: 350px; }
.minhght400 { min-height: 400px; } 

/** style general pour fixer toutes les tailles des input textes **/
/*  class="typetext tw140 th1" */
input.typetext {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}
input.tw650 {	width : 650px;	}
input.tw600 {	width : 600px;	}
input.tw550 {	width : 550px;	}
input.tw500 {	width : 500px;	}
input.tw450 {	width : 450px;	}
input.tw400 {	width : 400px;	}
input.tw350 {	width : 350px;	}
input.tw300 {	width : 300px;	}
input.tw250 {	width : 250px;	}
input.tw200 {	width : 200px;	}
input.tw150 {	width : 150px;	} 
input.tw100 {	width : 100px;	}
input.tw50 {	width : 50px;	}
input.tw40 {	width : 40px;	}
input.tw30 {	width : 30px;	}
input.tw20 {	width : 20px;	}
input.tw10 {	width : 10px;	}

input.th90 {	height : 90px;	}
input.th30 {	height : 30px;	}
input.th20 {	height : 20px;	}