img {
  border: none;
}

body {
  background: #E4E4E4;
  margin: 0;
  padding: 0;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
}

p, ul, li, h1, h2, h3 {
  margin: 0;
  padding: 0;
}

ul {list-style-position: inside;}

select, input, textarea {border: 1px solid #999999;font-size:14px;padding: 4px 2px;}
select {background-color: #FFFFFF;}
input[type="radio"], input[type="checkbox"] {border: none;}
select:hover, input:hover, textarea:hover {border: 1px solid #444444;}

#body {margin: 0 auto;background: #FFFFFF;width: 1000px;position:relative;}



/* ============================ */
/* ========== HEADER ========== */
/* ============================ */

#header {margin:0;padding:0;}
#header h1 {position:absolute;top:13px;left:225px;width: 550px;text-align: center;font-size: 32px;font-family: Arial,Helvetica,sans-serif;line-height: 36px;}
#header h1 a {color: #FF9900;text-decoration: none;}
#header span.sous_titre {position: absolute;top: 120px;left: 226px;width: 550px;text-align: center;font-size: 14px;font-weight:bold;color: #333333;word-spacing:7px;letter-spacing: 4px;}
#header #logos {width: 25%;margin-left: 10px;}
#header #logos #logo img {margin: 10px 0 10px 4px;}
#header ul {margin: 17px 10px 0 10px;}
#header ul li {display: inline;}
#header ul li a {color: #FFFFFF;background: #003399;font-family: Arial,Helvetica,sans-serif;font-weight: bold;text-decoration: none;font-size: 12px;padding: 7px 37px;}
#header ul li a:hover {color: #003399;background: #EFEFEF;}

#header div#user {text-align: right;float:right;width: 20%;margin: 7px 19px 10px 0;height: 140px;}
#header div#user ul {margin: 0;width: 100%;}
#header div#user ul li {display: block;text-align: right;padding: 5px 0;}
#header div#user ul li a {color: red;background: none;padding: 0;}
#header div#user ul li a:hover {text-decoration: underline;}
#header div#user p {text-align: right;margin: 3px 0 0 0;color: #003399;background: url('images/picto_user.png') no-repeat 0 9px;padding: 12px 0;}
#header div#user p.erreur {text-align: center;font-size: 11px;color: red;}

#header div#user form {margin: 12px 0 3px 0;}
#header div#user form label {text-align: left;font-weight: bold;color: #003399;display:block;margin: 2px 0 0 10px;font-size: 12px;}
#header div#user form input {width: 184px;height: 14px;vertical-align: top;font-size: 11px;}
#header div#user form input[type="password"] {width: 120px;}
#header div#user form input[type="submit"] {margin: 0 0 3px 0;width: 60px;height: 24px;}
#header div#user form p {margin: 0 0 0 0;font-size: 9px;background:none;padding: 0;}

#header form {margin: 18px 0 15px 10px;}
form .search {width: 418px;margin-right: 0;padding-right: 3px;padding-left:28px;background: url('../img/icon-search.png') no-repeat 6px 6px;height: 21px;}
form .search:focus {border: 1px solid #444444;}
#header form #submit {margin-left: 0;width: 110px;vertical-align:top;height: 31px;}
#header form a {color: #FF9900;font-size: 10px;margin-top: 3px;}
#header form a:hover {text-decoration: none;}



/* ============================= */
/* ========== CONTENT ========== */
/* ============================= */

#content {min-height:200px;padding: 0 20px 0 10px;clear:both;}
#content h1 {margin: 5px 0 30px 0;color: #FF9900;font-family: Times,Helvetica,sans-serif;font-size: 30px;line-height: 32px;}
#content a {color: #FF9900;font-size: 13px;}
#content a:hover {text-decoration: none;}
#content h2 {margin: 5px 10px;color: #666666;font-size: 20px;}
#content .message {text-align: left;margin: 30px 2% 30px 2%;padding: 12px 50px;}
#content .erreur {border: 1px solid #ED541D;color: #8C2E0B;background: #FEF5F1;}
#content .erreur a {font-weight: bold;color: #8C2E0B;text-decoration: underline;}
#content .erreur a:hover {text-decoration: none;}
#content p.erreur {background: url("../img/error.png") no-repeat 8px 9px #FEF5F1;}
#content .ok {border: 1px solid #BBEE77;color: #234600;background: #F8FFF0;}
#content p.ok {background: url("../img/ok.png") no-repeat 8px 9px #F8FFF0;}
#content p.vide {font-style: italic;margin: 10px 0 5px 20px;}

/* Formulaire générique */
#content form{margin: 10px 2% 10px 2%;}
#content form input[type='submit'] {width: 110px;margin: 0;float:right;}
#content form fieldset {margin:10px 0;padding:3px 0 13px;}
#content form fieldset legend {font-weight: bold;color:#FF9900; padding: 0 6px;}
#content form fieldset div {margin: 15px 0;position: relative;}
#content form fieldset div label {width: 25%;text-align: right;display: block;float: left;padding-top: 3px;}
#content form fieldset div input, #content form fieldset div select {margin-left: 20px;box-shadow: none;font-family:Arial,Helvetica,sans-serif;}
#content form fieldset div textarea {margin-left: 20px;box-shadow: none;font-family:Arial,Helvetica,sans-serif;width: 400px; height: 150px;font-size: 12px;}

#content form#connexion {margin: 10px 200px;}
#content form#connexion fieldset {margin: 0;}
#content form#connexion fieldset div input[type='text'] {width: 300px;}
#content form#connexion fieldset div input[type='password'] {width: 200px;}
#content form#connexion fieldset div input[type='submit'] {float: right;}
#content form#connexion p, #content form#connexion p a {margin-top: 0;font-size: 10px;}

#content form#contact {margin: 20px auto;width: 80%;}
#content form#contact fieldset div label {width: 20%;}
#content form#contact div span.label {float: left;display: block;width: 20%;text-align: right;}
#content form#contact div span.value {margin-left: 20px;font-weight: bold;}
#content form#contact fieldset div input {width: 400px;}
#content form#contact fieldset div select {width: 300px;}
#content form#contact fieldset div textarea {width: 500px;}

/* page du compte */
#content .view {clear: right;border: 1px dotted #BBBBBB;background: #EFEFEF;margin: 25px 40px;padding: 9px 6px 15px 6px;}
#content .view h3 {font-variant: small-caps;color: #FF9900;margin: 0 0 5px 0;font-size: 13px;}
#content .view p {text-align: center;margin: 8px 15px;font-style: italic;}
#content .view p a {font-weight: bold;}
#content .view ul {list-style: none;width: 80%;margin: 0 0 0 40%;}
#content .view ul.permission li {padding-left: 50px;}
#content .view ul li {position: relative;line-height: 20px;}
#content .view ul li.unchecked {background: url("images/unchecked.png") no-repeat 0 2px;}
#content .view ul li.checked {background: url("images/checked.png") no-repeat 0 2px;}

/* Exploration arborescence */
#content #arbo {margin: 0 40px;border: 1px dotted #BBBBBB;background: #EFEFEF;padding: 5px 0;}
#content #arbo ul {margin: 6px 0 6px 15px;list-style: none;}
#content #arbo ul.secteur li {margin-bottom: 3px;font-size: 18px;font-weight: bold;color: #FF9900;font-variant: small-caps;cursor: pointer;}
#content #arbo ul.secteur li.end a {padding-left: 14px;font-weight: normal;font-variant: normal;font-size: 14px;}
#content #arbo ul.secteur li span.deroulant {background: url('images/fleche.png') no-repeat 3px 50%;padding-left: 14px;}
#content #arbo ul.secteur li span.open {background: url('images/fleche_bas.png') no-repeat 0 50%;}
#content #arbo ul.secteur ul.fonction li span.deroulant {background: url('images/fleche_noir.png') no-repeat 3px 50%;padding-left: 14px;}
#content #arbo ul.secteur ul.fonction li span.open {background: url('images/fleche_bas_noir.png') no-repeat 0 50%;}
#content #arbo ul.secteur li em {font-variant: normal;font-size: 14px;font-weight: normal;}
#content #arbo ul.secteur ul.fonction li {font-size:15px;font-weight: bold;color: #333333;}
#content #arbo ul.secteur ul.fonction ul.sous_fonction li {font-size: 14px;font-weight: normal;font-variant: normal;}

/* Tableau de contenu des dossiers */
#content h3 {color: #FF9900; margin-top: 50px;}
#content div.sous_dossier {clear:right;margin-top: 5px;}
#content div.sous_dossier table {width: 100%;border: 2px solid #999999;border-collapse: collapse;}
#content div.sous_dossier table.first {border-bottom : 0px;}
#content div.sous_dossier table.last {border-top: 0px;}
#content div.sous_dossier table .documents {width: 40%;}
#content div.sous_dossier table .dua {width: 15%;}
#content div.sous_dossier table ul.docs {list-style-type: square;font-weight: bold;}
#content div.sous_dossier table .observation {width: 65%;}
#content div.sous_dossier table td, #content div.sous_dossier table th {border: 1px solid #BBBBBB;text-align: center;padding: 8px 2px;}
#content div.sous_dossier table .left {text-align: left;padding-left: 4px;}
#content div.sous_dossier table th {background: #E4E4E4;color: #333333;}
#content div.sous_dossier table td {border-bottom: 0;}
#content div.sous_dossier p.right {text-align: right;margin-bottom: 3px;color: #666666;}
#content div.sous_dossier a.aide {color: #A66300;font-size: 14px;}
#content a.pdf {float: right;margin: 5px 0 0 0;}

/* page de recherche - résultats */
#content h2.dossier {font-weight: normal;margin: 0 0 0 10px;padding-left:10px;background: url("images/fleche.png") no-repeat 2px 65%;}
#content h2.dossier a {font-size: 18px;}
#content p.result {margin: 0 0 25px 20px;font-size: 15px;}
#content span.strong {font-weight: bold;background-color: #EFEFEF;}
#content .resultat {margin-bottom: 25px;}
#content .resultat div.hierarchie {color: #666666;font-size: 12px;margin: 0 0 0 20px;}
#content .resultat p.docs {margin: 0 0 0 20px;width: 90%;}
#content .resultat p.keywords {margin: 0 0 0 20px;width: 60%;color: #666666; font-style: italic;font-size: 12px;}
#content dl {font-size: 14px;margin: 0 0 5px 20px;}
#content div#pagination {font-weight: bold;margin: 40px 0 0 20px;}
#content div#pagination a {color: #FF9900;}
#content div#pagination a:hover {color: #FF9900;text-decoration: none;}
#content div#pagination span#previous a {background: url('images/previous_noir.png') no-repeat 100% 50%;margin-right: 15px;padding-right: 8px;}
#content div#pagination span#next a {background: url('images/fleche_noir.png') no-repeat 0 50%;margin-left: 15px;padding-left: 8px;}

/* page de recherche - formulaire */
#content form#recherche {margin: 10px 150px;}
#content form#recherche input[type='text'] {width: 525px;}
#content form#recherche div {margin: 20px 0;}
#content form#recherche div select {width: 305px;}
#content form#recherche div label {width: 37%;display: block;text-align: right;float:left;padding-top: 5px;margin-right:5px;}
#content form#recherche div.check {margin: 8px 0 8px 30px;}
#content form#recherche div.check div {margin: 3px 0;}
#content form#recherche fieldset div.check div input {padding-top: 5px;}
#content form#recherche fieldset div.check div label {display: inline;float: none;padding:0;font-size: 14px;}

/* page de glossaire */
#content p.preambule {text-align: justify;padding: 3px 15px;}
#content .glossaire h2, #content .glossaire h3, #content .glossaire h4 {margin:0;padding:0;}
#content div.glossaire h2 {color:#FF9900;font-variant: small-caps;margin: 0 0 15px 10px;}
#content div.glossaire h3 {color:#333333;font-variant: normal;font-size: 18px;margin: 10px 0 10px 12px;}
#content div.glossaire h4 {color:#FF9900;font-size: 16px;margin: 5px 0 5px 16px;}
#content div.glossaire em {margin: 3px 0 0 22px;color:#666666;display:block;}
#content div.glossaire p {text-align: justify;font-style: normal;width: 95%;margin: 4px auto;}
#content div.glossaire p a {font-weight: normal;}
#content div.glossaire ul {list-style-type: square;margin: 0 40px;width: 95%;}
#content div.glossaire ul li {line-height: 15px;}

#content h1#warning {margin-bottom: 5px;}



/* ============================ */
/* ========== FOOTER ========== */
/* ============================ */

#footer {clear: both;padding-top: 70px;position: relative;}
#footer img#archimag {margin-left: 15px;}
#footer img#serda {float: right;margin: 8px 18px 0 0;}
#footer p.publi_serda {position: absolute;width: 160px; top: 83px;right: 96px;font-size: 15px;font-weight: bold;text-align: right;letter-spacing: 2px;color: #932226;line-height: 20px;}

#footer .menu_footer div.block {float: left;width: 218px;height: 132px;margin: 10px;padding: 0 5px;}
#footer .menu_footer div.block h2{font-size: 11px;margin: 8px 0 0 0;}
#footer .menu_footer div.block div {font-size: 9px;color: #FFFFFF;margin: 0;padding: 0;}
#footer .menu_footer div.block div p{margin: 20px 0 0 0;line-height: 13px;}
#footer .menu_footer div.block div p a{color: #FFFFFF;text-decoration: none;}
#footer .menu_footer div.block div p a:hover{color: #FFFFFF;text-decoration: underline;}
#footer .menu_footer #infos {background: #F29400;}
#footer .menu_footer #infos h2 {color: #003399;}
#footer .menu_footer #lecteur {background: #646464;}
#footer .menu_footer #lecteur h2 {color: #FFFFFF;}
#footer .menu_footer #entreprise {background: #003399;}
#footer .menu_footer #entreprise h2 {color: #FFFFFF;}
#footer .menu_footer #nous {background: #E4E4E4;}
#footer .menu_footer #nous h2 {color: #F29400;}
#footer .menu_footer #nous div p {color: black;}
#footer .menu_footer #nous div p a {color: black;}
#footer .menu_footer #nous div p img {margin: 1px;}

#footer #pied_page {clear: both;color: #4B4B4B;text-align: center;width: 980px;padding: 32px 10px;font-size: 9px;}
#footer #pied_page a:hover {text-decoration: underline;}
#footer #pied_page a {color: #4B4B4B;text-decoration: none;}
#footer #pied_page a .groupe_serda {color: #F29400;text-decoration: none;font-weight: bold;}
#footer #pied_page hr {border-style: none none dotted;border-bottom: 1px dotted #606060;}
#footer #pied_page .copyright {font-size: 8px;}

#header span.sous_titre-prive {
  position: absolute;
  top: 90px;
  left: 226px;
  width: 550px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #FF9900;
  font-family: Arial,Helvetica,sans-serif; text-transform: uppercase;
}