HTML, input, select, textarea {height:100%;font-size: 100%;}
body {height:100%;margin:0;padding:0; background-color: #F3F3F3;font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 0.625em;color: #000000; }
div {padding: 0;margin: 0;}
ul {list-style-type: square;padding: 0;margin: 0;}
li {margin-bottom: 5px;margin-left: 20px;}
#contenuPORTAIL ul {padding: 0;list-style-type: square;}
h1 {color:#004080;font-size: 2em;margin-top: 20px;margin-bottom: 0px;margin-right: 0px;text-align:left;}
h2 {color: #666666;font-size: 1.6em;margin-top: 10px;margin-bottom: 15px;text-align:left;}
h3 {color:#333333;font-size: 1.3em; margin-top: 10px;margin-bottom: 10px;font-style: italic;text-align:left;}
h4 {color:#666666;font-size: 1.1em; margin-top: 10px;margin-bottom: 10px;text-align:left;}
p {margin-bottom: 5px;}
a {text-decoration: none;}
a:link {color: #004080;}
a:hover {color: #FF8000;}
a:visited {color: #004080;}
a:active {color: #004080;}
table, tr, td, img {margin:0;padding:0;border: none;}
.centrer {text-align: center;}
/* PAGE ----------------- */
#page {height:auto;min-height:100%;height:auto;width: 1024px;margin-right: auto;margin-left: auto;background-color: #FFFFFF;}
.page {font-size: 1.3em;text-align: justify;}
/* BANDEAU ----------------- */
#bandeau {width: 1024px;height:142px; background-image: url(/img/00_commun/bandeau.jpg);background-repeat: no-repeat;}
/* ILLUSTRATIONS ----------------- */
#illustration-A {width: 1024px; height: 274px;} /* ACCEUIL ET CONTACT */
#illustration-B {width: 1024px; height: 181px;} /* PAGES GENERALES */
/* Img illustration autre CSS -> autre css */
/* LIGNE BLEUE ----------------- */
.ligne-bleue {clear: both;width: 1004px;height: 30px;background-image: url(../img/00_commun/ligne-bleue.jpg);background-repeat: no-repeat;line-height:30px;color: #FFFFFF;font-weight: bold;font-size: 1.1em;padding-left: 20px;text-align:center;} /* BLEU NUIT */
.menugauche ul {list-style-type: none;}
.ligne-bleue li {display: inline;}
.ligne-bleue a: {color: #FFFFFF;font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;font-weight: bold; }
.ligne-bleue a:link {color: #FF8000;font-weight: bold;}
.ligne-bleue a:hover {color: #999999;font-weight: bold;}
.ligne-bleue a:visited {color: #FF8000;font-weight: bold;}
.ligne-bleue a:active {color: #999999;font-weight: bold;}
/* BLOC | LATERALS ----------------- */
.bloc {position: relative; width: 1024px; height: 100%; margin: 0; padding: 0; }
.bloc:after, .bloc:before {content: " "; position: absolute; width: 100%;height: 100%;z-index: -10;}
.laterals:after, .lateral:after {display: none;}
.laterals:before {width: 100%; height: 100%;
-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 10px #555; -moz-box-shadow: 0 0 10px #555;-ms-box-shadow: 0 0 10px #555; -o-box-shadow: 0 0 10px #555;box-shadow: 0 0 10px #555;behavior: url(file:///LaCie/1-PAO/2_web/ie/PIE.htc); /* PIE */}
/* ONGLET ----------------- */
#onglet {width: 1024px;height: 44px;}/* Img ONGLET autre CSS */
/* MENU ONGLET ----------------------------------------------------------- -> */
.menuhaut-A {top: 446px;z-index: 1;} /* ACCEUIL ET CONTACT */
.menuhaut-B {top: 353px;z-index: 1;} /* PAGES GENERALES (B) */
#menuhaut {width: 994px;height: 30px;margin-left: 30px;line-height:30px;position: absolute;visibility: visible;z-index: 1;
font-size: 1.2em;font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;color: #FFFFFF;font-weight: bold;}
#menuhaut td {width:20%;text-align: center;}
.bleu {color : #004080;}
#menuhaut a {text-decoration: none;}
#menuhaut a:link {color: #FFFFFF;}
#menuhaut a:hover {color: #FF8000;}
#menuhaut a:visited {color: #FFFFFF;}
#menuhaut a:active {color: #FFFFFF;}
/* MENU GAUCHE ----------------- */
#menugauche {background-color: #FFFFFF;width: 240px;padding-left: 20px; padding-top: 0px;float: left;font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;color: #CCCCCC;}
.menugauche h1 {font-family:Arial, sans-serif;text-align:left;}
.menugauche ul {list-style-type: none;}
.menugauche li {color: #999999;margin-top: 5px; margin-left: 0px;font-weight: bold;font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif ;text-align:left;}
.menugauche a {font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif ;font-weight: bold;}
.menugauche a:link {color: #FF8000;font-weight: bold;}
.menugauche a:hover {color: #004080;font-weight: bold;}
.menugauche a:visited {color: #FF8000;font-weight: bold;}
.menugauche a:active {color: #FF8000;font-weight: bold;}
/* CONTENU PAGES PORTAIL ----------------- */
#contenuPORTAIL {height: 100%; min-height:100%;background-color: #FFFFFF;width: 924px;padding-right: 40px;padding-left: 60px;padding-top: 20px;padding-bottom: 70px;marging-bottom: 60px;text-align: justify;overflow: hidden;}
/* CONTENU contenu-Accueil ----------------- */
#contenu-IndexG {clear : both; float:left;width: 390px;padding-left: 40px;padding-right: 40px;padding-top: 20px;text-align: justify;overflow: hidden;}
#contenu-IndexG ul {margin-top: 5px;margin-left: 20px;list-style-type: square;}
#contenu-IndexG li {text-align: left;}
#contenu-IndexD {float:right;width: 544px;margin-top: 40px;margin-right: 10px;}
#contenu-IndexD ul {margin-top: 5px;margin-left: 20px;list-style-type: square;}
#contenu-IndexD img {border:none;}
/* CONTENU PAGES GENERALES (B) ----------------- */
#contenu {height: 100%; height: 100%; min-height:100%;background-color: #FFFFFF;width: 684px;padding-right: 20px;padding-left: 30px;padding-top: 0px;overflow: hidden;}
#contenu li {text-align: left;}
/* CONTENU ACCUEIL/CONTACT ----------------- */
/*#contenu-S {text-align: justify;overflow: hidden;}
#contenu-S ul {list-style-type: none;}
#contenu-S h2 {margin-top: 1em; font-size: 1.5em; font-family: Geneva, Arial, Helvetica, sans-serif; color: #004080; }
#contenu-S h3 {margin-top: 1.25em; font-family: "Times New Roman", Times, serif;font-size: 1.2em; font-style: italic; color: #666666; }
#contenu-S img {float:left;vertical-align : middle;margin-right: 10px;border:none;}
.colA {float:left;padding-left: 40px;padding-right: 20px;padding-top: 20px;}
.colB {float:right;margin-top: 20px;margin-right: 20px;margin-left: 20px;}
#col1 {width: 424px;}/* ACCEUIL - Class colA */
/*
#col2 {width: 500px;}/* ACCEUIL - Class colB */
/*
#col3 {width: 100px;}/* CONTACT* - Class colA */
/*
#col4 {width: 824px;}/* CONTACT - Class colB */
/* BLANC FIN DE PAGE ----------------- */
#blanc {width: 1024px;height: 60px;clear:both;}
/* --------------- ANIMATION ACCUEIL ----------------- */
#anim{clear: both;width: 1024px; height: 181px;}
/* FOOTER ----------------- */
#footer {clear: both;height: 30px;background-color: #081436;position: fixed;bottom: 0;left: 0;right: 0;line-height:30px;text-align: center;color: #FFFFFF;font-size: 1.1em;}
.gras {font-weight: 900;color: #FF8000;}
.footer li {display: inline;}
.footer a {color: #FFFFFF;text-decoration: none;}
.footer a:link {color: #FFFFFF;}
.footer a:visited {color: #FFFFFF;}
.footer a:hover {color: #FF8000;}
.footer a:active {color: #FFFFFF;}