body,td,th,li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-left: 6px; margin-top: 5px; padding-bottom: 15px; }
body { background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
a:link,a:visited,a:active { color: #0d02f7; text-decoration: none; }
a:hover { text-decoration: none; }
div,input,h2,h3,h4,h5 {margin:0;padding:0; border:0 none}
p{ margin: 0; font-size: 11px; line-height: 1.3em; }

/* -------------- PUB ------------- */
#pubglobal {position:absolute;left:0px; top: 0px;width: 991px;height: 100px; margin: 0px;padding-left:6px;background-color:#FFF;}
#pub {float:left;margin-top: 0px;width: 728px;height: 90px;background-color: Yellow;}
#imgpub {position: absolute;top:0px;left:734px;height:90px;width:13px;background-image: url(../IMG/PUB/pub44.gif);}
#pub3 {position:relative;float:left;border:0px solid #000;width:auto;height:600px; padding:15px 0 15px 60px;}
#imgpub3 {float:left;margin-top:15px;height:80px;width:13px;background-image: url(../IMG/PUB/pub4.gif);margin-left:3px;}

#pubSom{ float:left;width:100%;height:252px;padding: 5px 0 5px 0; border-bottom: 1px solid #886C2A;}
#pubMilieu {position:relative;width:100%;height:252px;padding-top:5px;}
#pub5 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
#pub6 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
#pubbassecu {position:relative;float:left;padding-left:110px;margin-top:7px;padding-bottom:15px;}
/*---------- IE 6------------- */
* html #pub6 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
* html #pub5 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
* html #pub4 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
#pub4 {float:left;border:1px solid #000;width:300px;height:250px;margin-left:10px;}
#Milieupub img.pub4 {float:left;top:-1px; }
#abo {position: absolute;top:0px;left:747px;height:90px;width:250px; cursor: pointer;}
#abo p {height;auto; weight:auto;}
/*---------- liens sponsorises------------- */
#sponsor {position:relative;float:right; width:210px; visibility:visible;margin-top:15px;margin-bottom:0px;border:1px solid #7c7c7c;z-index:0;}
#sponsor h4 {padding: 0 0 2px 10px; background-color:#c1ccdf;font-size:10px;color:#023798;font-weight:bold;}
#sponsor p {padding:3px;margin:0px}
#droite #sponsor a {font-size:10px;font-weight:bold;color:#ea6f02;}

/* -------------- STRUCTURE DE LA PAGE ------------- */
#page{ position: absolute; left: 6px; top: 100px; width: 991px; padding:0px; }
#titre {position: relative; float:left;width: 991px; height:99px;background-image: url(../IMG/SECU/fondHtok.jpg); margin:0px;padding:0px; }
#protegeons {position:absolute;top:11px;left:125px;}
#logo {position:absolute;top:7px;left:872px;}
#site {position:absolute;top:65px;left:687px;}
#menu {position:absolute; top: 72px;left:125px;margin:0px;padding:0px;}
#menu a {font-family:Verdana,Arial;font-weight:bold;font-size:11px;color:#021ca0;}
#menu a:hover {color:#FFF;}
#centre{position: relative; float:left;width: 971px; height:auto; background-image: url(../IMG/SECU/fond.gif); margin:0px;padding-left:10px;padding-right:10px;}
#centre p {font-family:Verdana;font-weight:normal;font-size:11px; }
/* -------------- col gauche ------------- */
#gauche {position: relative; float:left;width:710px; margin:0px;padding:0px;}

#centregauche {position: relative; float:left;width:710px;margin:5px 4px 5px 0px;padding:0px;}
#centregauche #actu {position: relative; float:left;width:710px;font-family:Verdana;margin-bottom:15px;}
#centregauche #actu h1 a {font-weight:bold;font-size:25px;margin-bottom:0px;padding:0px;color:#ea6f02;}
#centregauche #actu h1 a:hover {color:#021ca0}
#centregauche #actu h2 {font-family:Verdana;font-weight:normal;font-size:14px;line-height:19px;padding-bottom:10px;}
#centregauche h3 {font-weight:normal;font-size:17px;}

#centregauche #actuautres {position: relative; float:left;width:710px;font-family:Verdana;border-top:2px solid #5bc2ec;padding:7px 0 0 0;margin-bottom:5px;margin-top:3px;}
#centregauche #actuautres h4 a {font-weight:bold;font-size:15px;line-height:20px;color:#686868;}
#centregauche #actuautres h4 a:hover {color:#021ca0}
#centregauche #actuautres h5 {font-weight:normal;font-size:12px;padding-bottom:10px;padding-top:3px;}

#centregauche #actus1 {float:left; width:345px;font-family:Verdana;margin:0 0 7px 0; padding:0px;}
#centregauche #actus2 {float:right; width:345px;font-family:Verdana;margin:0 0 7px 0; padding:0px; }
#centregauche #actus1 h6, #centregauche #actus2 h6 {font-family:"Trebuchet MS", Verdana,Arial;font-weight:bold;font-size:13px;padding:2px 0 2px 3px;margin-bottom:10px;margin-top:7px;color:#FFF; background-color:#023798;}
#centregauche #actus1 p.surtitre, #centregauche #actus2 p.surtitre {font-family:Arial,Verdana;font-weight:bold;font-size:11px;margin-top:3px;margin-bottom:4px; color:#883939;text-decoration:underline;}
#centregauche #actus1 a.reac, #centregauche #actus2 a.reac {font-family:Arial;font-weight:bold;font-size:12px;line-height:16px;text-transform: uppercase;}
#centregauche #actus1 a.reac:hover, #centregauche #actus2 a.reac:hover {color:#39bbef} 
#centregauche #actus1 p.reactxt, #centregauche #actus2 p.reactxt {font-family:Verdana,Arial;font-weight:normal;font-size:11px;margin-top:3px;margin-bottom:10px; }
#centregauche #actus2 p.blog {font-family:Verdana,Arial;font-weight:bold;font-size:12px;margin-top:3px;margin-bottom:10px; }
#centregauche #actus2 p.blog a.blog {color:#686868; }
#centregauche #actus2 p.blog a.blog:hover {color:#021ca0; }
#centregauche #actus2 p.blogtitre {margin-bottom:7px;}
#centregauche #actus2 p.blogtitre a.blogtitre {font-weight:bold;color:#159cb0; font-size:12px;line-height:17px;text-decoration:underline;}
#centregauche #actus2 p.blogtitre a.blogtitre:hover {color:#021ca0; }
#centregauche .filet {margin-top:20px;}
span.date {font-size:10px;font-weight:bold;color:#6b6899; }
span.dateArt {font-size:10px;font-weight:bold;color:#6b6899;align:left; }
a.suite {font-size:10px;font-weight:bold;color:#ea6f02;}

/* -------------- col droite ------------- */
#droite {position: relative; float:right;width:240px; margin:20px 0px 5px 0px;}
#droite p.titre {margin:3px 0 15px 0;}
#droite p.spip {font-size:10px;line-height:14px; }
#droite p.calendrier {font-size:10px;line-height:14px; }
#droite p.titre2 {margin:15px 0 15px 0;}
#droite p {margin:3px 0 5px 17px;}
#droite p a{color:#686868; font-weight:bold;}
#droite p a:hover {color:#39bbef;}

/*---------- Spip------------- */
td img.spip_logos {border:1px solid #dc9203;  margin: 0 5px 0 0;}
.spip_logos {border:none;  margin: 0 5px 0 0;}
#actuautres .spip_logos {border:none;  margin: 0 0 0 7px;}
.spip_documents_left { border: 0px; margin-right:5px;margin-top:3px;}
.spip_documents_right { border: 0px; margin-left:5px;margin-top:3px;}
.spip_documents_center { border: 0px;  margin-right:5px;margin-left:5px;margin-top:3px;}
table.spip {margin-bottom: 1em;margin-top: 1em;border: 1px solid;border-collapse: collapse; float:left;width:100%;}
table.spip caption {caption-side: top; /* bottom pas pris en compte par IE */ text-align: center;margin: auto;padding: 3px; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #e6fcfc; }
table.spip tr.row_even { background: #e8e6fc; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* ----------bloc pied de page---------- */
#basDePage{position:relative;float:left; text-align:center; background-image: url(../IMG/SECU/fondBas.gif); width:991px; height:25px;margin-bottom:30px;padding-top:5px;color:#f1f9fc;}
#basDePage a{position:relative;color:#f1f9fc; font-size:12px;font-family:Verdana;font-weight:bold;padding-top:10px;}

/* ----------menu derouolant---------- */
form{ display:block; float: right; border: 0; padding-right:0px;border:0;margin-bottom:10px;}
form.doc { display:block; float: right; border: 0; padding-right:0px;border:0;margin-bottom:20px;}
form select.glossaire { width: 210px;font-family: Verdana, Arial, sans-serif; font-size: 10px; padding-bottom: 0px; padding-left: 3px; margin: 0 0 0 0; !important; border: 1px solid #C9B789;background-color:#e8e8e8; }

/* ----------articles---------- */
#centregaucheA {position: relative; float:left;width:198px;margin:23px 20px 15px 0px;padding:0 3px 5px 3px;border:1px solid #8b8b8b;}
#centregaucheA p {font-size:11px;font-weight:normal}
#centregaucheA h3 {font-family:"Trebuchet MS", Verdana,Arial;font-weight:bold;font-size:13px;padding:1px 0 1px 3px;margin-bottom:10px;margin-top:7px;color:#FFF; background-color:#023798;}
#centregaucheA p a {font-weight:bold;font-size:11px;line-height:15px;color:#686868;}
#centregaucheA p a:hover{color:#39bbef}

#centregaucheB {position: relative; float:left;width:480px;margin-top:14px;margin-bottom; 5px;padding-top:0px;}
#centregaucheB div.detailArticle {padding-bottom:5px;border-bottom:1px solid #000;marin-bottom:0px;}
#centregaucheB div.detailArticle p.surtitre {text-transform:uppercase;font-weight:bold;margin-bottom:10px;margin-top:7px;}
#centregaucheB div.detailArticle h1 { font-weight:bold;font-size:25px;font-family:Verdana;margin-bottom:30px;margin-top:3px;padding:0px;color:#ea6f02;}
#centregaucheB div.detailArticle h1 a{color:#ea6f02}
#centregaucheB div.detailArticle h1.breves {color:#21731b;font-size:19px}
#centregaucheB div.detailArticle a{color:#0270c5;}
#centregaucheB div.detailArticle p.chapo {color:#00688f; font-size:13px;font-weight:bold;margin-bottom:10px;}
#centregaucheB div.detailArticle p{margin-top:5px; font-size:12px;line-height:17px;}
#centregaucheB div.detailArticle p.envoi {font-size:11px;}
#centregaucheB div.detailArticle p.interTitre{margin: 10px 0 0 0; font-size: 12px; font-weight: bold;}
#centregaucheB div.detailArticle h3.spip{text-align: left; font-family:Verdana; Arial; margin-top: 15px; margin-bottom: 9px; margin-left: 20px;font-size: 14px; font-weight: bold; color:#027aea; }
#centregaucheB #signa {float:right;margin-top:0px; margin-bottom:10px; }
#centregaucheB #signa a.signature {margin-top:0px; margin-bottom:0px;font-size:12px; }

/* Notes */
#centregaucheB div.note{ padding: 5px 5px 5px 5px; margin: 5px; }
#centregaucheB div.note h5.titreNote-color6{ font-size: 12px; color: #199332; }