/*RESET*/
html, body, div, h1, h2, h3, p, ul, ol, li { margin: 0; padding: 0;}

/*COMMON*/
body { font: 14px/16px Arial,sans-serif;}
td { font-family: Arial,sans-serif;}
.ualite p { text-align: left;}
.ualite .content td { vertical-align: top;}
.cgi-logo { position: absolute; top: 18px; right: 0; z-index: 2;}
.txt-blue { color: #226073;}

/*HEADER*/
.ualite .header { position: relative; height: 210px;}
.ualite .header .brand { width: 1140px; margin: 0 auto; position: relative;}
.ualite .header .brand p { position: absolute; z-index: 2; left: 0; font-size: 32px; font-weight: bold; top: 20px;margin-left:20px;}
.ualite .header .brand span { color: #991f3d;}
.ualite .header .left { background: url(../media/ua-banner-left.jpg) repeat-x; width: 10%; height: 210px; position: absolute; left: 0;}
.ualite .header .middle { background: url(../media/ua-banner.jpg) no-repeat; width: 86%; height: 210px; position: absolute; left: 7%; z-index: 1;}
.ualite .header .right { background: url(../media/ua-banner-right.jpg) repeat-x; width: 90%; height: 210px; position: absolute; right: 0;}

/*CONTAINTER*/
.ualite .content { margin: 30px auto;}
.button {
    background-color: #c03;
    border: 1px solid #c03;
    padding: 5px 20px;
    color: white;
    display: inline-block;
}

/* .button 
{
  cursor: pointer;
  font: 13px Arial,sans-serif;
  font-weight: bold;
  color: #ffffff;
  padding: 5px 20px;
  border: 1px solid #a21c3c;
   Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe0033+0,cf0033+100 
  background: #fe0033; /* Old browsers 
  /* IE9 SVG, needs conditional override of 'filter' to 'none' 
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjAwMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fe0033 0%, #cf0033 100%); /* FF3.6+ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0033), color-stop(100%,#cf0033)); /* Chrome,Safari4+ 
  background: -webkit-linear-gradient(top,  #fe0033 0%,#cf0033 100%);  Chrome10+,Safari5.1+ 
  background: -o-linear-gradient(top,  #fe0033 0%,#cf0033 100%);  Opera 11.10+ 
  background: -ms-linear-gradient(top,  #fe0033 0%,#cf0033 100%);  IE10+ 
  background: linear-gradient(to bottom,  #fe0033 0%,#cf0033 100%);  W3C 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0033', endColorstr='#cf0033',GradientType=0 ); /* IE6-8 

} */


/*FOOTER*/
.ualite .footer {height: 160px; padding-top: 25px; color: #000000; font-weight: bold; font-size: 11px; clear: both;}
.ualite .footer p { width: 1120px; margin: 0 auto;}


/*UA ETAC*/
.ualite.etac td { font-size: 13px;}
.ualite.etac .content { border: 1px solid #a1c4d0;}
.ualite.etac .content > tbody > tr > td { padding: 30px;}