body
{ 
 background-attachment:fixed;
 background-repeat: no-repeat; 
 width: 100%;
 max-width: 100%;
 height: auto;  
 background-color: black;
}
body a:link {color: #ffffff; text-decoration: none;} 
body a:active { color: #ffffff;text-decoration: none;}
body a:visited { color: #ffffff;text-decoration: none;}
body a:hover {color: #ffffff;text-decoration: underline;}

 
small {
letter-spacing:0.2px;}

.top {
 background-color: white;
position:fixed;
top: 0px;
height: 130px;
width: 100%;
 z-index: 1;
}
.index1{
background-image: url("../image/7red.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.home{
background-image: url("../image/homeTruck.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.e{
background-image: url("../image/e.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.r{
background-image: url("../image/r.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
@media only screen and (min-width: 750px) {
.index2{
background-image: url("../image/indexDarkT2.jpg");
background-repeat:  norepeat;
 background-size: cover;
}}
.indexx{
background-image: url("../image/indexdark5.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.registerr{
background-image: url("../image/dn2.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.registerr5{
background-image: url("../image/indexdark.jpg");
background-repeat:  norepeat;
 background-size: cover;
} 
.registerTruck{
background-image: url("../image/NeuPaddytruck-dark.jpg");
 background-size: cover;
}
.saaq-exam-road-test-truck-practice{
background-image: url("../image/pp.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.about{
background-image: url("../image/aboutdark.jpg");
background-repeat:  norepeat;
 background-size: cover;
 }
.driving-course-6{
background-image: url("../image/06.jpg");
background-repeat:  norepeat;
 background-size: cover;
 }
.driving-course-12{
background-image: url("../image/12.jpg");
background-repeat:  norepeat;
 background-size: cover;
 }
.driving-course-18{
background-image: url("../image/18.jpg");
background-repeat:  norepeat;
 background-size: cover;
 }
.course-starter-bundle{
background-image: url("../image/course-starter-bundle.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.contact{
background-image: url("../image/contact.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.license{
background-image: url("../image/p_nsmall.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.links{
background-image: url("../image/linkz.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.courses{
background-image: url("../image/tr.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.coursesClass5{
background-image: url("../image/p.jpg");
background-repeat:  norepeat;
 background-size: cover;
}
.background-image
{
  width: 100%;
  max-width: 100%;
height: auto;    	
}
.the Canvas {

width: 100%;
} 
h1.register
{
color: #ffffff;
 font-family: arial,helvetica,sans-serif;
letter-spacing:0.5px;
  font-weight: 200;
} 
b.homefont
{
color: #ffffff;
font-size: 20px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-2px;
} 
.homefont
{
color: #ffffff;
/*font-size: 20px;*/
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-1px;
} 
.white
{
    color: #ffffff;
 font-family: verdana,arial,helvetica,sans-serif;
font-size: 14px;

}
b.medfont
{
color: #ffffff;
font-size: 25px;
 font-family: verdana,arial,helvetica,sans-serif;
}
b.homefontblack
{
color: black;
font-size: 22px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-1px;
 
}
b.hugefont
{
color: #ffffff;
font-size: 60px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-2px;
 
} 
.img
{
padding: 10px 10px 10px 20px;
float: right;
border:0px;
}

.logo
{
position: absolute;
   top: 0px;
   left: 20px;
border:0;
  border-radius: 0px;
  padding: 10px;

}
.logoTruck
{
position: absolute;
   top: 10px;
   left: 135px;
border:0;
  border-radius: 5px;
}
.img-border-radius-10
{
  border-radius: 10px;
}

li
{
list-style:circle;
}
#ici
{
    font-family: Arial,sans-serif;
    color: #2E0854;
    font-weight: bold;
    
}
.submitgreenbutton
{ 
margin-left: auto;
     margin-right: auto;
width: 149px;
height: 29px;
/* for IE */

background: url("/image/greenbutton.png") norepeat;
    background-color: #99ff00;
 font-family: arial,sans-serif;

}

 
.menu4{
height: 22px;
width: 100%;
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; repeat-x;
    /* background-color: #000000; */
    color: white;
 font-family: arial,sans-serif;
text-transform: uppercase;
    /* font-weight: lighter; */
font-size: 13px;
font-weight: bold;
text-align: right;
letter-spacing:4px;
line-height: 1.5em;
}

.menu4 a:link {color: #ffffff; text-decoration: none;} 
.menu4 a:active { color: #ffffff;text-decoration: none;}
.menu4 a:visited { color: #ffffff;text-decoration: none;}
.menu4 a:hover {color: #ffffff;text-decoration: underline;}

.menu3{
height: 22px;
width: 100%;
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; repeat-x;
    background-color: #000000;
    color: white;
 font-family: arial,sans-serif;
text-transform: uppercase;
    font-weight: lighter;
font-size: 13px;
text-align: left;
letter-spacing:4px;
line-height: 1.5em;
z-index:-4;
}

.menu3 a:link {color: #ffffff; text-decoration: none;} 
.menu3 a:active { color: #ffffff;text-decoration: none;}
.menu3 a:visited { color: #ffffff;text-decoration: none;}
.menu3 a:hover {color: #ffffff;text-decoration: underline;}

.menu2{
height: 22px;
width: 95%;
max-width: 1270px;
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; repeat-x;
    /* background-color: #000000; */
    color: white;
 font-family: arial,sans-serif;
text-transform: uppercase;
  
font-size: 13px;
font-weight: bold;
text-align: right;
letter-spacing:4px;
line-height: 1.5em;

}

.menu2 a:link {color: #ffffff; text-decoration: none;} 
.menu2 a:active { color: #ffffff;text-decoration: none;}
.menu2 a:visited { color: #ffffff;text-decoration: none;}
.menu2 a:hover {color: #ffffff;text-decoration: underline;}

.menu
{ 
 /*background-color: white;*/
height: 40px;
max-width: 100%;
/* for IE 
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
/* background: url("/image/menu.jpg") repeat-x; */
    /* background-color: #000000; */
    color: black;
 	font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-1px;
/* text-transform: uppercase; */
    /*font-weight: bold;*/
font-size: 18px;
text-align: right;
/*letter-spacing:4px;*/
line-height: 1.5em;
padding: 10px;
margin: 0px;
}

.menu a:link {color: #484848; text-decoration: none;} 
.menu a:active { color: #484848;text-decoration: none;}
.menu a:visited { color: #484848;text-decoration: none;}
.menu a:hover {color: #484848;text-decoration: underline;}

.menu_black
{ 
height: 22px;
width: 95%;
max-width: 1270px;
    /* background-color: #000000; */
    color: black;
	
	font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:-2px;
 
/*text-transform: uppercase;*/
    /*font-weight: lighter;*/
font-size: 13px;
font-weight: bold;
text-align: right;
letter-spacing:4px;
line-height: 1.5em;
/* border-top: 1px solid black ; */
}

.menu_black a:link {color: #484848; text-decoration: none;} 
.menu_black a:active { color: #484848;text-decoration: none;}
.menu_black a:visited { color: #484848;text-decoration: none;}
.menu_black a:hover {color: #484848;text-decoration: underline;}

.milieupage
{
    margin-top: 120px;
	 margin-bottom: 50px;
	/*width: 90%;*/
	/*max-width: 1270px;*/
   height: 880px;
  /*float: left;  */
}
.milieupageshort
{
      margin-top: 120px;
	  margin-bottom: 50px;
	/*width: 90%;*/
	/*max-width: 1270px;*/
    height: 600px; 
    
}
.black
{
    color: #000000;
 font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;

}
.red
{
    color: crimson;
 font-size: 17px;

}
.rred
{
    color: red;
 /* font-size: 17px; */

}
.green
{
    color: #99ff00;
 font-size: 14px;

}
.ggreen
{
    color: limegreen;

}

.orange
{
    color: orange;
 font-family: verdana,arial,helvetica,sans-serif;
font-size: 14px;

}
.theAdress
{
    color: #ffffff;
 font-family: arial,helvetica,verdana,sans-serif;
font-size: 14px;
font-weight: bold;
/*text-align: right;*/
/*letter-spacing:0.75px*/

}
	
	
.thirtyfiveblack
{
   color: #000000;
font-size: 25px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:4px;
}
.thirtyfive
{
background-color: #000000;
   color: #ffffff;
font-size: 25px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:4px;
}
.left
{
    /* flotte a gauche*/
width: 400px; 
    float: left;
}
.leftside
{
    /* flotte a gauche*/
width: 400px; 
    float: left;
padding: 10px 20px 10px 20px;
}
h4
{

font-size: 18px;
 font-family: arial,verdana,helvetica,sans-serif;
letter-spacing:2px;
}

i
{font-style:italic;}

b 
{
 font-weight:bold;
 
}

h3
{
 color: #ffffff;
font-size: 28px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:1.5px;
}
.centre
{
    /* center box */
width: 250px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
 
/*background-color: crimson;*/
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
/*padding: 10px 20px 10px 20px;*/
position: absolute;
   left: 270px;
   padding: 10px 20px 10px 20px;
    float: right;	
}
.cotedroit
{
    /* boite flottant a droit */
width: 400px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #006699;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
    float: right;
}

.cotedroitbig
{
    /* boite flottant a droit */
width: 420px; 
/* for IE */
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

background-color: crimson;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
  margin-left: 40px;
   margin-right: 40px;
    float: right;
}
.cotedroitbigbleu
{
    /* boite flottant a droit */
width: 500px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
margin-right: 40px;
    float: right;
}
.cotedroitbighome 
{   
	 /* boite flottant a droit */
width: 320px; 

	
background-color: crimson;
    color: #ffffff;
font-family: helvetica,arial,sans-serif;
letter-spacing:-1.5px;
    font-weight: normal;
    font-size: 18px;
padding: 10px 20px 10px 20px;
    float: right;	
}
.cotedroitmediumbleu
{
    /* boite flottant a droit */
width: 300px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
    float: right;
}
.cotedroitskinnybleu
{
    /* floating right box */
width: 380px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "segoe ui", univers, helvetica, arial, "sans-serif";
letter-spacing:-1px;
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
margin-right: 40px;
    float: right;
}
.cotedroitskinnyred
{
    /* floating right box */
width: 300px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: crimson;
    color: #ffffff;
	font-family: "segoe ui", univers, helvetica, arial, "sans-serif";
letter-spacing:-1px;
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
    float: right;
} 

.centredroitverybig
{ 
width: 465px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: crimson;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
/*position: absolute;
   top: 160px; */
   margin-left: 40px;
   margin-right: 40px;
   float: right;
 /* MAP BOX DONT CHANGE THIS */
 
}
.centredroitbig
{
    /* MAP BOX DONT CHANGE THIS */
width: 380px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: crimson;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 390px;
 /* MAP BOX DONT CHANGE THIS */

}
.centredroitbigblue
{
    /* boite flottant a droit */
width: 420px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

/*background-color: #333399;*/
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
float: right;
   left: 200px;
}
.centredroitbigblue1
{
    /* boite flottant a droit */
width: 300px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

/*background-color: #333399;*/
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
float: right;
   left: 300px;
}
.centredroitbigred0
{
    /* boite flottant a droit */
width: 450px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
/*position: absolute;*/
   float: left;
     /*left: 50px;*/
}
.centredroitbigfonce
{
    /* boite flottant a droit */
width: 445px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: black;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 150px;
   float: right;
}



.centredroitbigredB
{
  /*margin: 50px;*/
    /* float left box */
width: 380px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    color: #ffffff;
	background-color: black;
	border-radius: 10px;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
margin-left: 40px;
margin-bottom: 40px;
/*position: absolute;*/
/* position: absolute; */
/*left: 100px;*/
   float: left;
     /*left: 50px;*/
}
.centredroitbigred
{
    /* boite flottant a droit */
width: 445px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: crimson;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 150px;
   float: right;
}

.whitebox
{
font-family: arial,sans-serif;
text-transform: uppercase;
    font-size: 14px;
text-align: right;
letter-spacing:2.5px;
line-height: 1.5em;
background-color: #ffffff;
color: #000000;
font-weight: normal;
font-size: 13px;
padding: 10px 10px 10px 10px;
}
h1.whitebox
{
font-size: 13px;
letter-spacing:-1px;
}
.contenu
{
    text-indent:4px;
    padding: 0px 20px 0px 20px;
	font-family: Arial;
    font-size: 12px;
	color: #ffffff;
    padding: 0px;
	margin: 0px;
}
.emptybox
{
height: 110px; 
}
.emptyboxbig
{
height: 200px; 
}
.emptyboxsmall
{
height: 50px; 
}
.marquee
{
/*width: 100%;*/


    font-family: verdana, arial,sans-serif,helvetica;
    color: aqua;
   /* font-weight: lighter;*/
font-size: 19px;
/*text-transform: uppercase;*/
letter-spacing:-1px;
/*line-height: 1.5em;*/
}
.grille td
{
width: 165px;
text-align: right;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 75px;
text-transform: uppercase;

    font-weight: 100; 
letter-spacing:4px;
line-height: 1.5em;
background-color: black;
}
.grille td a:link {color: #ffffff; text-decoration: none;} 
.grille td a:active { color: #ffffff;text-decoration: none;}
.grille td a:visited { color: #ffffff;text-decoration: none;}
.grille td a:hover {color: #ffffff;text-decoration: none; font-size: 105px;}
.grille2 h1
{
text-transform: uppercase;
letter-spacing:4px;
}
table.grille2 
{
overflow:visible;
}

.grille2 td
{
width: 20%;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
    font-weight: 100; 

line-height: 1.5em;
background-color: black;
border-radius: 10px;
overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille2 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille2 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille2 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille2 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}


.flex-item-2
{

  box-sizing: border-box;
flex: 25%;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
   

line-height: 1.5em;
background-color: black;
border-radius: 10px;
overflow:visible;
padding: 10px 20px 10px 20px;
} 
.flex-item-2 a:link {color: #ffffff; text-decoration: none;font-size: 15px;text-transform: capitalize;} 
.flex-item-2 a:active { color: #ffffff;text-decoration: none;font-size: 15px;text-transform: capitalize;}
.flex-item-2 a:visited { color: #ffffff;text-decoration: none;font-size: 15px;text-transform: capitalize;}
.flex-item-2 a:hover {color: #ffffff;text-decoration: underline; font-size: 15px;text-transform: capitalize;}

.flex-item-2  img{
  display: block;
  margin: auto;
  border-radius: 10px;
  padding: 10px;}
.flex-item-2  h3{
  font-size: 15px;
color: #ffffff;}
.grille3 td
{
width: 450px;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    /*font-weight: lighter;*/
font-size: 15px;
color: #ffffff;
    /*font-weight: 100;*/ 
border-radius: 10px;
line-height: 1.5em;
background-color: black;
letter-spacing:-0.75px;
overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille3 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille3 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille3 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille3 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}

.grille4 td
{
width: 350px;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
    font-weight: 100; 

line-height: 1.5em;
background-color: black;
 
overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille4 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille4 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille4 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille4 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}

.holiday 
{color:red; font size:300%;}
.button {
  background-color: limegreen; /* Green */
  border: 1px solid limegreen;
  border-radius: 10px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 23px;
}

.button:active {background-color: white;color: limegreen;}
.button:hover {background-color: white;color: limegreen;}
.buttonSquare {
  background-color: limegreen; /* Green */
  border: 1px solid limegreen;
  color: white;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  font-size: 23px;
}
.buttonSquare:active { filter:brightness(1.6);background-color: white;color: limegreen;}
.buttonSquare:hover {cursor: pointer; filter:brightness(1.3);background-color: white;color: limegreen;}


.clearbutton {
  background-color: aqua; /* Light Blue */

  border-radius: 10px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  
  font-size: 23px;
}
.callcentered {
  /*background-color: Limegreen;

  border-radius: 10px; */
  color: white;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  
  font-size: 20px;
}

.weather_widget{ 
 text-align: left;
position: absolute;
   left: 11px;
}
.info
{
width: 90%;
max-width: 1000px;
    font-family: verdana, arial,sans-serif,helvetica;
  
  color: white;
    font-weight: 100; 
letter-spacing:0.5px;

font-family: arial,sans-serif;
text-transform: uppercase;
  
font-size: 13px;
font-weight: bold;

letter-spacing:1px;
line-height: 1.5em;

}
.theInfo {
background-color: #000000;
}
td.rightside
{
width: 40%;
text-align:right;
padding: 5px 0;
}
td.center
 { 
width: 5%; 
text-align:left; 
padding: 5px 0;
} 
td.leftside
 { 

width: 50%; 
text-align:left; 
letter-spacing:1px;
font-size: 15px;
padding: 5px 0;
} 
.bottom{
/*height: 110px;*/
width:100%;
}
.footing  {
/*height: auto;*/
color: white;
 font-family: arial,sans-serif;
/*text-transform: uppercase; */
  
font-size: 13px;
font-weight: bold;
text-align: right;
letter-spacing:4px;
/*line-height: 1.5em;*/
}
.redIcon{
color: red;
}
.greenIcon{
color: lime;
}
.incl {/* angular include */
/*height: auto;*/
max-height:1px;
color: olive;
 font-family: univers, segoe ui, helvetica, arial ;
text-transform: capitalize; 
 background-color: yellow;
font-size: 1px;
font-weight: normal;
text-align: left;
letter-spacing:-0.4px;
/*line-height: 1.5em;*/
}
td.droite
{
width: 25%;
text-align:right;
}
td.ccentre
 { 
width: 20%; 
text-align:left; 
} 
td.gauche
 { 
width: 40%; 
text-align:left; 
} 
.validation{
height: 150px;
/* height: auto; */

width:100%;
}
.footer  {background-color: #484848;
/*height: 200px;*/
 
font-family: "courier new";
font-family: "univers","segoe ui", "sans-serif", helvetica, "courier new";
    /*font-weight: bold;*/
    font-size: 13px;
font-size:1em;
margin: 0px;
padding: 10px 30px 20px 30px;
opacity: 0.95;
color: white;
/*float: right*/
 clear: both;
}