
/* ----------Définitions générales----------- */
body {
        margin: 0;
        padding: 0;
        color: #555555;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #ffffff;
        }

body#antpublic {
        margin: 0;
        padding: 0;
        color: #555555;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        min-width: 1125px;
        text-align: center;
        background-color: #ffffff;
        }

/* BLOC DE BASE */
div#level1 {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
		padding: 0px 20px 0px 20px;
		color: #555555;
        width: 1125px;
        text-align: left;
        }

div#level1Priv {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
		padding: 0px 20px 0px 20px;
		color: #555555;
        width: 1125px;
        text-align: left;
        }

/* HEADER et BANNER */
#header {
        margin: 0px 0px 56px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        height: 128px;
        border: 0;
        }

#headerHome {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        height: 184px;
        border: 0;
        }

#headerSpe {
        margin: 0px 0px 56px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        height: 100px;
        background-color: #178993;
        border: 0;
        }

.imgleft {
        float: none;  /* necessaire pour ie pour qu'il n'ajoute pas en-dessous un bord d'environ 2px */
        position: relative;
        padding: 0;
        border: 0;
        margin: 0;
        }

/* MAIN DIV */
#main {
        clear: both;
        width: 100%;
        margin-top: 0px;
        border-bottom: 1px solid #cccccc;
        }
#mainHome {
        clear: both;
        width: 100%;
        margin-top: 0px;
        }

#main2 {
        margin-top: 0px;
        }

table#contentTable {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
        }

#contentLeft {
        float: left;
        margin: 0;
        padding: 0;
        color: black;
        width: 285px;
        background-color: #178993;
        }

#contentLeftTabl {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        color: black;
        vertical-align: top;   /* necessaire pour le td dans mode tableau */
        width: 285px;
        background-color: #178993;
        }

#contentRight {
        float: right;
        margin: 0;
        padding: 0; 
		color: black;
        width: 140px;
        background: #ffffff url(../images/bg_degrade_right.jpg) repeat-y top left;
        }

#contentRightTabl {
        margin: 0;
        padding: 0px 0px 0px 0px;
        color: black;
        vertical-align: top;   /* necessaire pour le td dans mode tableau */
        width: 140px;
        background: #ffffff url(../images/bg_degrade_right.jpg) repeat-y top left;
        }

div#contentMain {
        margin: 0px 140px 0px 285px;
        color: black;
        }

td#contentMain {
        margin: 0px;
        padding: 0px;
        color: black;
        vertical-align: top;  /*necessaire pour le td dans mode tableau */
        }

div#contentLeft .inner, td#contentLeftTabl .inner {
        margin: 0;
		padding: 20px 30px 20px 30px;
        text-align: left;
        }
        
div#contentRight .inner, td#contentRightTabl .inner {
        margin: 0;
		padding: 0px 0px 20px 0px;
        text-align: left;
        }

div#contentMain .inner, td#contentMain .inner {
        margin: 0;
        padding: 0px 0px 20px 2px;
        }

#clearone {
        clear: both;
        height: 1px;
		}

/* FOOTER */
#footer {
        clear: both;
        margin: 0px 0px 0px 0px;
		padding: 15px 0px 25px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
        line-height: 16px;
        color: #555555;
        text-align: center;
        /*border-top: 1px solid #cccccc;*/
        }
#footer a {
        color: #555555;
        text-decoration: none;
        }
#footer a:hover {
        color: #333333;
        text-decoration: underline;
        }

#footerSpeDescr {
        clear: both;
        margin: 0px 0px 0px 0px;
		padding: 5px 0px 10px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
        line-height: 16px;
        color: #555555;
        text-align: center;
        /*border-bottom: 1px solid #cccccc;*/
        }
#footerSpeDescr p {
        margin: 0.5em 0 0em 0;
        }
#footerSpeDescr a {
        color: #555555;
        text-decoration: none;
        }
#footerSpeDescr a:hover {
        color: #333333;
        text-decoration: underline;
        }

#footerSpeMenus {
        float: left;
        overflow: hidden;
        position: relative;
        margin: 0px 0px 0px 0px;
		padding: 5px 0px 10px 0px;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
        line-height: 16px;
        color: #555555;
        }
#footerSpeMenus ul.footerSpe {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        left: 50%;
        text-align: center;
        }
#footerSpeMenus ul.footerSpe li {
        display: block;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        right: 50%;
        }
#footerSpeMenus ul.footerSpe a {
        margin: 0;
        padding: 0px 10px 0px 10px;
        text-decoration: none;
        line-height: 12px;
        font-weight: normal;
        color: #178993;
        text-decoration: none;
        }
#footerSpeMenus ul.footerSpe a:hover {
        color: #333333;
        text-decoration: underline;
        }

#footerSpeLDO {
        clear: both;
        margin: 0px 0px 0px 0px;
		padding: 15px 0px 25px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
        line-height: 16px;
        color: #555555;
        text-align: center;
        border-top: 1px solid #cccccc;
        }
#footerSpeLDO a {
        color: #555555;
        text-decoration: none;
        }
#footerSpeLDO a:hover {
        color: #333333;
        text-decoration: underline;
        }


/* ---- BOXES ---- */

/* LEFT */
div.boxleft {                                                                                                /*boite de gauche*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
        width: 225px;
        }
div.boxendleft {                                                                                             /*boite de gauche*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 225px;
        }
div.boxleft h3 {
        margin: 0px 0px 5px 0px;
        padding: 3px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 200%;
        font-weight: 300;
        color: #ffffff;
        text-align: left;
        /*border-bottom: 2px solid #ddddda;*/
        }
div.boxleft h4 {
        margin: 0px 0px 5px 0px;
        padding: 3px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: 300;
        color: #ffffff;
        text-align: left;
        /*border-bottom: 2px solid #ddddda;*/
        }
div.boxleft p {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 75%;
        color: #ffffff;
		line-height: 1.4em;
        }
div.boxendleftAuth div.boxleft { /* Specific */
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        width: 225px;
        }
div.boxendleftAuth { /* Specific */
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 225px;
        /*background-color: #efeeec;*/
        }
div.boxendleftAuth h3 { /* Specific */
        margin:  0px 0px 5px 0px;
        padding: 0px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 200%;
        font-weight: 300;
        color: #ffffff;
        text-align: left;
        /*border-bottom: 1px solid #dddddd;*/
        }
div.boxendleftAuth p { /* Specific */
        margin: 0px;
        padding: 6px 1px 2px 1px;
        font-size: 75%;
        color: #ffffff;
        }
div.boxleft p.lm_text {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 75%;
        color: #ffffff;
        }
div.boxleft p.image {
        margin: 0px;
        padding: 6px 0px 3px 0px;
        font-size: 75%;
        color: #ffffff;
		text-align: center;
        }    
div.boxleft p a {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft p a:hover {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft p.lm_text a {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft p.lm_text a:hover {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft p.image a {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft p.image a:hover {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft img {
		border: 0px;
        }
div.boxleft p.image img {
		border: 0px solid #ffffff;
        }
div.boxleft div {                                                                                         /*formulaire de saisie login et pass*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		color: #ffffff;
        }
/* necessaire pour IE si on veut controler la position */
div.boxleft div form {
        margin: 0px; /*position du formulaire*/
        padding: 5px 0px 5px 0px;
        }

/* RIGHT */
div.boxright {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
        width: 140px;
        }
div.boxendright {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 140px;
        }
div.boxright h3 {                                                                                        /*titre de la colonne de droite*/
        margin: 0px 0px 5px 0px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        padding: 3px 5px 3px 5px;color: #ffffff;font-size: 0.8em;font-weight: 400;background-color: #178993;text-align: center;min-height:30px;        }
div.boxright p {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 70%;
        color: #555555;
		line-height: 1.4em;
        text-align: center;        }
div.boxright p.ct3SpeConf {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 70%;
        color: #555555;
        line-height: 1.3em;
        min-height:30px;
        text-align: center;        }
div.boxright p.lm_text {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 70%;
        color: #555555;
        text-align: center;        }
div.boxright p.image {
        margin: 0px;
        padding: 3px 0px 3px 0px;
        font-size: 70%;
        color: #555555;
		text-align: center;
        }
div.boxright p a {
        font-weight: normal;
        color: #178993;
        text-decoration: underline;
        }
div.boxright p a:hover {
        font-weight: normal;
        color: #222222;
        text-decoration: underline;
        }
div.boxright p.lm_text a {
        font-weight: normal;
        color: #178993;
        text-decoration: underline;
        }
div.boxright p.lm_text a:hover {
        font-weight: normal;
        color: #222222>;
        text-decoration: underline;
        }
div.boxright p.image a {
        font-weight: normal;
        color: #178993;
        text-decoration: underline;
        }
div.boxright p.image a:hover {
        font-weight: normal;
        color: #222222;
        text-decoration: underline;
        }
div.boxright p img {
		border: 0px;
        }
div.boxright div {                                                                                         /*formulaire de saisie login et pass*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 100%;
		color: #555555;
        text-align: center;        }
div.boxright div form {
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        }
div.boxright p img.Bouton {
        border: 0px;
        }
div.boxright input.authincludeinput {
        padding: 1px 5px 1px 3px;
		font-size: 10px;
        color: #555555;
        text-decoration: none;
        text-align: left;
        width: 106px;
        background-color: #f7f7f5;
        border: 1px solid #c0c0c0;
        }

/* TEXTE DEFILANT */
#newsTicker {
        position: relative;
        height: 35px;
        overflow: hidden;
        }
#newsScroller {
        position: absolute;
        position/**/: relative;
        height: 35px;
        line-height: 35px;
        white-space: nowrap;
        }
		
div.boxleft #newsTickerVert {
        padding-top: 10px;
        position: relative;
        height: 100px;
        overflow: hidden;
        }
div.boxleft #newsScrollerVert {
        position: absolute;
        position/**/: relative;
        padding: 5px 1px 5px 1px;
        font-size: 75%;                                                      /*taille texte defilant*/
        color: #ffffff;                                                      /*couleur de texte defilant*/
        }
div.boxright #newsTickerVert {
        padding-top: 10px;
        position: relative;
        height: 100px;
        overflow: hidden;
        }
div.boxright #newsScrollerVert {
        position: absolute;
        position/**/: relative;
        padding: 5px 0px 5px 0px;
        font-size: 70%;                                                      /*taille texte defilant*/
        color: #555555;                                                      /*couleur de texte defilant*/
        }
div.boxleft div#newsScrollerVert a {
        color: #ffffff;
        text-decoration: underline;
        }
div.boxleft div#newsScrollerVert a:hover {
        color: #ffffff;
        text-decoration: underline;
        }
div.boxright div#newsScrollerVert a {
        color: #178993;
        text-decoration: underline;
        }
div.boxright div#newsScrollerVert a:hover {
        color: #222222;
        text-decoration: underline;
        }
div#newsScrollerVert p {
        display: block;
        padding: 3px 0px 3px 0px;
		font-size: 1.1em;
		background-image: none;
        }
span.infodefile {
        font-size: 1.1em;
        font-weight: bold;
		}

/* INPUT */
input.authincludeinput {
        margin-left: 0px;
        padding: 4px 5px 4px 3px;
		font-weight: bold;
        font-size: 11px;
        color: #555555;
        text-decoration: none;
        text-align: left;
        width: 217px;
        background-color: #ffffff;
        border: 0px solid #b3b3b3;
        }
input.authincludesubmit {
        padding: 2px 5px 2px 5px;
		font-weight: bold;
        font-size: 11px;
        letter-spacing: 1px;
        color: #178993;
        text-decoration: none;
        text-align: center;
        background: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd #cccccc #cccccc #dddddd;
        cursor: pointer;
        }
input[type=submit]:hover, input[type=reset]:hover {						/* hover */
		color: #555555;
        background: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd #cccccc #cccccc #dddddd;
        }

/* ---- FIN BOXES ---- */

/* SITE MAP STYLE */
ul.antsitemap {
        list-style-type: none;
        list-style-position: outside;
        margin: 0px;
		padding: 5px 10px 0px 20px;
        color: #444444;
        text-align: left;
        }
ul.antsitemap li.map1 {
        padding: 15px 0px 5px 0px;
		font-size: 85%;
        font-weight: bold;
        color: #222222;
        text-decoration: none;
        border-bottom: 1px dotted #a6a6a6;
        }
ul.antsitemap li.map1 a {
        font-weight: bold;
        color: #222222;
        text-decoration: none;
        }
ul.antsitemap li.map1 a:hover {
        color: #af0f19;
        text-decoration: underline;
        }
ul.antsitemap li.map2 {
        padding: 2px 0px 2px 8px;
		font-size: 75%;
        color: #444444;
        text-decoration: none;
        }
ul.antsitemap li.map2 a {
        color: #222222;
        text-decoration: none;
        }
ul.antsitemap li.map2 a:hover {
        color: #af0f19;
        text-decoration: underline;
        }
ul.antsitemap li {
        padding: 1px 0px 0px 24px;
		font-size: 75%;
        color: #444444;
        text-decoration: none;
        }
ul.antsitemap li a {
        color: #222222;
        text-decoration: none;
        }
ul.antsitemap li a:hover {
        color: #af0f19;
        text-decoration: underline;
        }

div.antspace {
        height: 20px;
		}

hr {
        color: #b1b1b1;
		background-color: #b1b1b1;
		height: 1px;
		border: 0;
        }
        
/* Page Index : boxes cont. */

/* LEFT */
div.col1Index{
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    overflow-y:auto;
    height:250;
    }
h4.h4index {
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: 400;
        color: #000000;
        text-align: left;
        }
div.boxIndexleft {                                                                                                /*boite de gauche*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        width: 225px;
        }
div.boxIndexendleft {                                                                                             /*boite de gauche*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 225px;
        }
div.boxIndexleft h3 {
        margin: 0px 0px 5px 0px;
        padding: 3px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 90%;
        font-weight: 400;
        color: #000000;
        text-align: left;
        /*border-bottom: 2px solid #ddddda;*/
        }
div.boxIndexleft h4 {
        margin: 0px 0px 5px 0px;
        padding: 3px 1px 5px 1px;
        font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: 300;
        color: #555555;
        text-align: left;
        /*border-bottom: 2px solid #ddddda;*/
        }
div.boxIndexleft p {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 75%;
        color: #555555;
        line-height: 1.4em;
        }
div.boxIndexleft p.lm_text {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        font-size: 75%;
        color: #555555;
        }
div.boxIndexleft p.image {
        margin: 0px;
        padding: 6px 0px 3px 0px;
        font-size: 75%;
        color: #555555;
        text-align: center;
        }    
div.boxIndexleft p a {
        font-weight: normal;
        color: #af0f19;
        text-decoration: underline;
        }
div.boxIndexleft p a:hover {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div.boxIndexleft p.lm_text a {
        font-weight: normal;
        color: #af0f19;
        text-decoration: underline;
        }
div.boxIndexleft p.lm_text a:hover {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div.boxIndexleft p.image a {
        font-weight: normal;
        color: #af0f19;
        text-decoration: underline;
        }
div.boxIndexleft p.image a:hover {
        font-weight: normal;
        color: #555555;
        text-decoration: underline;
        }
div.boxIndexleft img {
        border: 0px;
        }
div.boxIndexleft p.image img {
        border: 0px solid #ffffff;
        }
div.boxIndexleft div {                      
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #ffffff;
        }

/*
** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* New for IE7 not supporting before and after, but a simple break seams to be enough */
br.antclearfix {
		display: block;
        font-size: 1px;
        line-height: 0;
        height: 0;
        clear: both;
        }

/* Printer styles */
@media print {
        /* hide the left and right column when printing */
        #contentLeftTabl,#contentRightTabl,#footer,#header;#headerHome,#headerSpe {display:none;}
        #contentMain{width:100%; float:none;}
		}
