
body {margin:0; text-align:center;font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background-color:#1d1d5a}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage {margin-left: auto; margin-right: auto; position: relative; width:950px; text-align: center;}
.bordure{border: 2px solid white;}

/* images et couleurs */
/* images communes */
.blanc {background-color:#fff}
.jaune {background-color:#fdca07}
.int_ban{background-image: url("images/bannieres/int_ban.jpg"); height: 144px; width: 740px; background-repeat: no-repeat;}
.int_colg {background-image: url("images2/int_colg.jpg");  width: 210px;}
.int_cold {background-image: url("images2/int_cold.jpg"); width: 215px;}
.int_separ {background-image: url("images2/int_separ.jpg"); width: 525px; height: 1px; background-repeat: no-repeat;}


.titrepage {color: #01AEF0; font-size:2em; padding-left: 17px; padding-right: 4px;  font-weight:bold;}

/* Menu rubriques principales */
.calque {position:absolute; left:auto; z-index:60; visibility: visible; height:21px; width:210px}
.calqueF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:21px; width:210px}
.sous_calque {position:absolute; left:auto; z-index:80; visibility: hidden; padding-left:0px; width:154px}
.lien {color: white; height:21px; font-size:1em; padding-left: 12px; padding-right: 2px; font-weight:bold; width:190px}
.lienF2 {text-align: left; padding-left: 12px; padding-right: 2px; width:190px; text-decoration:none; background-color:#E8F2FB}
.lienF2 a {color: #01AEF0; height:21px; font-size:1em; font-weight:bold; text-decoration:none; }
.tarub {border:0px solid #fff; width:100%; text-decoration: none; font-size:0.9em;padding-right:20px;}
.tdrub {width:100%; padding-right:10px;}
.tdrub a{display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;  border-bottom: 1px solid #fff; text-decoration:none; color:#fff;}
.tdrub a:hover {text-decoration:none;font-weight:bold; }
.tdrubfin {width:100%; padding-right:10px;}
.tdrubfin a {display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;  border-bottom: 0px solid #fff; text-decoration:none; color:#fff;}
.tdrubfin a:hover {text-decoration:none;font-weight:bold; }
.souslien:hover {color: #01AEF0; background-color: #E8F2FB !important;}
.souslienfin:hover{color:#01AEF0; background-color: #E8F2FB !important;}

.calque_act {position:absolute; left:auto; z-index:60; visibility: visible; height:21px; width:135px}
.calque_actF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:21px; width:135px}
.lien_act {color: white; height:21px; font-size:1em; padding-left: 12px; padding-right: 2px; font-weight:bold; width:115px}
.lien_actF2 {text-align: left; padding-left: 12px; padding-right: 2px; width:115px; text-decoration:none; background-color:#E8F2FB}
.lien_actF2 a {color: #01AEF0; height:21px; font-size:1em; font-weight:bold; text-decoration:none; }
.decale {padding-left: 1px;}

/* Espace Actualités  */
.td_actu {padding-right: 0px; padding-left: 5px;}
.vignet {float: left; padding-right: 3px; padding-left: 0px; padding-top: 2px; border:0px; padding-bottom: 2px}
.actu_resume {font-size: 0.9em; float: left; padding-left: 2px; padding-right: 2px; padding-top: 1px; color:#62676b;}
.titre_actu {font-size: 1.1em; color: #4cb747; padding-right: 0px; padding-left: 2px; padding-bottom: 2px; padding-top: 4px; font-weight:bold;}
.titre_actu a {color: #4cb747; font-weight:bold; text-decoration:none}
.titre_actu a:hover {color: #00484e; font-weight:bold; text-decoration:underline; }

/* Menu rubriques accès directs */
.calquedir {position:absolute; left:auto; z-index:60; visibility: visible; height:21px; width:214px}
.calquedirF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:21px; width:214px}
.liendir {color: #01AEF0; height:21px; font-size:1em; padding-left: 28px; padding-right: 2px; font-weight:bold; width:214px}
.liendirF2 {text-align: left; padding-left: 28px; padding-right: 2px; width:214px; text-decoration:none; background-color:#fff}
.liendirF2 a {color: #1c1c5a; height:21px; font-size:1em; font-weight:bold; text-decoration:none; }

.lien_img {color: #01AEF0; height:21px; font-size:1em;  padding-right: 2px; font-weight:bold;}
.lien_img a{color: #01AEF0; height:21px; font-size:1em;  padding-right: 2px; font-weight:bold; text-decoration:none;}
.lien_img a:hover{color: #1c1c5a; height:21px; font-size:1em;  padding-right: 2px; font-weight:bold; text-decoration:none;}

/* boutons */
.boutons {position:absolute;left:auto; height: 45px; z-index:60;}
.lien_btn {color: #4db848; height:45px; font-size:0.9em; padding-left: 2px; padding-right: 24px;}
.lien_btnF2 {text-align: left; padding-left: 2px; padding-right: 24px;}
.lien_btnF2 a {color: #4db848;; height:45px; font-size:0.9em; text-decoration: underline; }
#dacc{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#daccF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}
#dret{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#dretF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}
#drea{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#dreaF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}
#dimp{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#dimpF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}
#denv{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#denvF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}
#drss{position:relative; left:auto; z-index:60; visibility: visible; height:45px; width:100%}
#drssF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:45px; width:100%; margin-top: -45px}

/* Espace du sommaire */
.sommaire {padding-top:0px; margin-left: 0px; padding-right:15px;}
/* Espace du sommaire .sommaire ul {margin-left: 20px;}  */
.sommaire a {font-size: 0.9em;}
.sommaire ul {padding-bottom: 0px;  padding-top: 3px; }
.sommaire li {margin-left: -12px; padding-bottom: 2px; padding-top: 2px}
.sommaire a:hover {text-decoration:underline; color:#00acef}
.niv2g {list-style-type:none; margin-left:-20px;}
.niv3g {list-style-image:none; margin-left:-20px; color:#00484e;}
.niv4g {list-style-image:none; margin-left:-20px; color:#00484e;}
.niv5g {list-style-image:none; margin-left:-20px; color:#00484e;}
.lienniv2 {font-size: 0.9em; color:#00484e; text-decoration: none; font-weight:bold;}
.lienoverniv2 {font-size: 0.9em; text-decoration: none; color:#00acef; font-weight:bold;}
.lienniv {font-size: small; color:#00acef; text-decoration: none;}
.lienover {font-size: 1em; text-decoration: underline; font-weight:bold; color:#00acef;}


/* recherche  */
.crech {position:absolute; left:auto; z-index:40; padding-left: 24px;  padding-top: 6px}
.rech form {display:inline;}
.rech .recherche {width:135px; height:13px; border:1px solid #01AEF0; font-size:x-small; color:#01AEF0}
.rech #submit {height:17px; width: 19px; padding-left: 4px}
.input_text {float: left; padding-top: 1px}
.input_button {float: left; padding-top: 2px}


/* Espace de la navigation du site */
.navigation {position:absolute; left:auto; z-index:10; visibility: visible; margin-left: 0px;}
.navig {font-size: 0.9em; color:black; padding-top:3px;padding-bottom:3px;background-color:#fdca07; }
.navig  a {color:black; text-decoration: none; padding-top:3px;padding-bottom:3px;}
.navig  a:hover { color:black; text-decoration: underline; padding-top:3px;padding-bottom:3px;}

/* Espace des invariants du site */
.invar {background-color: #4cb747}
/* Menu Invariants */
.menu_inv {position:absolute;left:auto; height: 21px; z-index:60;}
.lien_inv {color: #fff;  height:21px; font-size:1em; padding-left: 0px; padding-right: 0px;  font-weight:bold;}
.lien_invF2 {text-align: left; padding-left: 0px; padding-right: 0px;}
.lien_invF2 a {color: #fff; height:21px; font-size:1em; font-weight:bold;}

.dinv {position:relative; left:auto; z-index:60; visibility: visible; height:21px;}
.dinvF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:21px; margin-top: -21px}

/* Espace du contenu */
.contenu {padding-top: 10px; padding-left: 14px; padding-right: 10px; padding-bottom: 0px; }

/* Espace des modules */
.titre_marche {font-size: 1.1em; color: #00484e; font-weight:bold;}