html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
}
html {
  margin:0px;
  padding:0px;
  background:#2f3c44 url(image/fond_cuir.jpg) no-repeat center top;
  background-attachment:fixed;
  -webkit-background-size:cover ;
  -o-background-size:cover ;
  -moz-background-size:cover ;
  background-size:cover ;
}
body {
  color:#303030;
  font-family:Arial, Calibri, sans-serif;
  font-size:12px;
  line-height:16px;
  text-shadow:0px 1px 0px #e0e0e0;
  margin:0px;
  padding:0px;
}
body a {
  color:#252525;
  text-decoration:underline;
  cursor:pointer;
}
body img { border-width:0px; }
body div.espace { clear:both; }
body div#menu {
  position:fixed;
  z-index:100;
  top:0px;
  left:15%;
  width:70%;
  height:32px;
  padding:0px;
  margin:0px auto 20px auto;
  border:1px solid black;
  line-height:32px;
  background:#323232 url(image/menu_fond.png) repeat-x center top;
  -moz-border-radius:0px 0px 10px 10px;
  -webkit-border-radius:0px 0px 10px 10px;
  -o-border-radius:0px 0px 10px 10px;
  border-radius:0px 0px 10px 10px;
  -moz-box-shadow:0px 0px 5px black;
  -webkit-box-shadow:0px 0px 5px black;
  -o-box-shadow:0px 0px 5px black;
  box-shadow:0px 0px 5px black;
}
body div#menu ul#principal_menu {
  display:block;
  padding:0px;
  margin:0px auto;
  width:770px;
  cursor:pointer;
  color:white;
  text-shadow:0px 1px 0px black;
}
body div#menu ul#principal_menu li.sup {
  float:left;
  width:150px;
  padding:0px;
  margin:0px;
  text-align:center;
  border-right:1px solid black;
  position:relative;
  list-style-type:none;
}
body div#menu ul#principal_menu li.sup:first-child { border-left:1px solid black; }
body div#menu ul#principal_menu li.sup ul {
  display:none;
  position:absolute;
  top:32px;
  left:-1px;
  border:1px solid black;
  width:148px;
  padding:0px;
  margin:0px;
  background-color:#323232;
  z-index:90;
  -moz-border-radius:0px 0px 10px 10px;
  -webkit-border-radius:0px 0px 10px 10px;
  -o-border-radius:0px 0px 10px 10px;
  border-radius:0px 0px 10px 10px;
  -moz-box-shadow:0px 0px 5px black;
  -webkit-box-shadow:0px 0px 5px black;
  -o-box-shadow:0px 0px 5px black;
  box-shadow:0px 0px 5px black;
}
body div#menu ul#principal_menu li.sup ul li {
  display:block;
  border-bottom:1px solid black;
  text-align:center;
  padding:0px;
  margin:0px;
  height:24px;
  line-height:24px;
  border:1px solid transparent;
  list-style-type:none;
}
body div#menu ul#principal_menu li.sup ul li:last-child {
  border-bottom:1px solid transparent;
  -moz-border-radius:0px 0px 10px 10px;
  -webkit-border-radius:0px 0px 10px 10px;
  -o-border-radius:0px 0px 10px 10px;
  border-radius:0px 0px 10px 10px;
}
body div#menu ul#principal_menu li.sup ul li:hover { background-color:#161616; }
body div#menu ul#principal_menu li.sup ul li a {
  color:white;
  text-decoration:none;
}
body div#header {
  position:relative;
  z-index:1;
  margin:0px auto 15px auto;
  min-height:80px;
  font-size:12px;
  width:80%;
  border:1px solid black;
  background:#cccccc url(image/header_fond.png) repeat center top;
  -moz-border-radius:0px 0px 10px 10px;
  -webkit-border-radius:0px 0px 10px 10px;
  -o-border-radius:0px 0px 10px 10px;
  border-radius:0px 0px 10px 10px;
  -moz-box-shadow:0px 0px 8px black;
  -webkit-box-shadow:0px 0px 8px black;
  -o-box-shadow:0px 0px 8px black;
  box-shadow:0px 0px 8px black;
}
body div#header div#gestion_compte {
  margin:45px auto 10px auto;
  padding:10px 20px 10px 20px;
  font-size:1.1em;
}
body div#header div#site_compte {
  border:1px solid black;
  margin:0px -21px 5px -21px;
  padding:4px 20px;
  line-height:14px;
  background:#cccccc url(image/menu_site_fond.png) repeat-x center top;
}
body div#header div#logo_application {
  position:absolute;
  right:15px;
  bottom:15px;
  width:129px;
  height:53px;
  padding:7px;
  border:1px solid black;
  background:white url(image/logo_mini.png) no-repeat center center;
  -moz-border-radius:5px   ;
  -webkit-border-radius:5px   ;
  -o-border-radius:5px   ;
  border-radius:5px   ;
}
body form label {
  font-size:12px;
  font-weight:bold;
  padding-right:15px;
}
body form label:hover {
  cursor:pointer;
  color:#0459b7;
}
body form label.title {
  display:block;
  padding:3px 10px 3px 0px;
}
body form label.decaler {
  padding-left:15px;
  padding-right:0px;
}
body form label.appel { height:22px; }
body form label.devis {
  display:inline-block;
  width:32%;
  max-width:180px;
  text-align:left;
  margin-bottom:3px;
}
body form label.devis.no_taille { width:98%; }
body form input[type="text"], body form input[type="password"], body form textarea, body form select {
  font-family:Arial, Calibri, sans-serif;
  font-size:12px;
  padding:3px;
  outline:none;
  background:rgba(255,255,255,0.9);
  border:1px solid #888888;
  min-width:120px;
  background:#ffffff;
  -moz-border-radius:4px   ;
  -webkit-border-radius:4px   ;
  -o-border-radius:4px   ;
  border-radius:4px   ;
  -moz-box-shadow:0px 0px 4px #aaaaaa;
  -webkit-box-shadow:0px 0px 4px #aaaaaa;
  -o-box-shadow:0px 0px 4px #aaaaaa;
  box-shadow:0px 0px 4px #aaaaaa;
}
body form input[type="text"]:focus, body form input[type="password"]:focus, body form textarea:focus, body form select:focus {
  border-color:#093c75;
  -moz-box-shadow:0px 0px 3px #0459b7;
  -webkit-box-shadow:0px 0px 3px #0459b7;
  -o-box-shadow:0px 0px 3px #0459b7;
  box-shadow:0px 0px 3px #0459b7;
}
body form input[type="submit"], body form input[type="button"] {
  border:1px solid #093c75;
  color:white;
  cursor:pointer;
  padding:2px 10px 2px 10px;
  margin:0px;
  font-family:Arial, Calibri, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0px 1px 1px #333333;
  text-transform:uppercase;
  min-width:110px;
  text-align:center;
  background:#08abfe url(image/submit_fond.png) repeat-x bottom left;
  line-height:16px;
  -moz-border-radius:4px   ;
  -webkit-border-radius:4px   ;
  -o-border-radius:4px   ;
  border-radius:4px   ;
  -moz-box-shadow:0px 0px 2px white;
  -webkit-box-shadow:0px 0px 2px white;
  -o-box-shadow:0px 0px 2px white;
  box-shadow:0px 0px 2px white;
}
body form input[type="submit"].historique, body form input[type="button"].historique {
  font-size:0.9em;
  margin:0px 3px;
  line-height:16px;
  width:150px;
  -moz-border-radius:4px   ;
  -webkit-border-radius:4px   ;
  -o-border-radius:4px   ;
  border-radius:4px   ;
  -moz-box-shadow:0px 0px 2px #aaaaaa;
  -webkit-box-shadow:0px 0px 2px #aaaaaa;
  -o-box-shadow:0px 0px 2px #aaaaaa;
  box-shadow:0px 0px 2px #aaaaaa;
}
body form input[type="reset"] {
  border:1px solid #093c75;
  color:white;
  cursor:pointer;
  padding:2px 10px 2px 10px;
  margin:0px;
  font-family:Arial, Calibri, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0px 1px 1px #333333;
  text-transform:uppercase;
  min-width:110px;
  text-align:center;
  line-height:16px;
  border:1px solid #2f2f2f;
  -moz-border-radius:4px   ;
  -webkit-border-radius:4px   ;
  -o-border-radius:4px   ;
  border-radius:4px   ;
  -moz-box-shadow:0px 0px 2px #aaaaaa;
  -webkit-box-shadow:0px 0px 2px #aaaaaa;
  -o-box-shadow:0px 0px 2px #aaaaaa;
  box-shadow:0px 0px 2px #aaaaaa;
  background:#777776;
}
body form div.raccourci_calendrier {
  display:inline-block;
  vertical-align:middle;
  margin:0px 0px 0px 10px;
  width:16px;
  height:16px;
  cursor:pointer;
  background:transparent url(image/raccourci_calendrier.png) no-repeat center center;
  padding:2px 0px;
}
body form div.raccourci_calendrier._IE7 {
  zoom:1;
  display:inline;
  margin-top:-4px;
}
body form.align label {
  display:inline-block;
  width:38%;
  max-width:150px;
  text-align:left;
  margin-bottom:3px;
}
body form.align input, body form.align select {
  display:inline-block;
  margin-bottom:3px;
}
body form.appel input { min-width:40px; }
body div#corps {
  position:relative;
  margin:55px auto 15px auto;
  min-height:400px;
  font-size:12px;
  width:80%;
  border:1px solid black;
  background:#eeeeee url(image/fond.jpg) repeat-x left top;
  background-attachment:fixed;
  -moz-border-radius:0px 10px 10px 10px;
  -webkit-border-radius:0px 10px 10px 10px;
  -o-border-radius:0px 10px 10px 10px;
  border-radius:0px 10px 10px 10px;
  -moz-box-shadow:0px 0px 8px black;
  -webkit-box-shadow:0px 0px 8px black;
  -o-box-shadow:0px 0px 8px black;
  box-shadow:0px 0px 8px black;
}
body div#corps div#degrader_onglet {
  z-index:8;
  position:absolute;
  width:98%;
  height:8px;
  top:0px;
  left:0px;
  background:#dddddd url(image/fond.jpg) repeat-x left top;
}
body div#corps div#contenu_corps {
  margin:8px 0px 0px 0px;
  padding:15px 20px;
}
body div#corps div#gestion_onglet {
  position:absolute;
  top:-27px;
  left:-1px;
  height:22px;
  font-size:13px;
  padding:0px;
  font-weight:bold;
}
body div#corps div#gestion_onglet ul {
  margin:0px;
  padding:0px;
}
body div#corps div#gestion_onglet ul li {
  position:relative;
  float:left;
  display:block;
  padding:2px 25px 2px 10px;
  cursor:pointer;
  min-width:100px;
  line-height:22px;
  height:22px;
  border-width:1px 1px 0px 1px;
  border-style:solid;
  border-color:black;
  margin:0px 2px 0px 0px;
  background:#dddddd;
  -moz-border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
  -o-border-radius:5px 5px 0px 0px;
  border-radius:5px 5px 0px 0px;
  -moz-box-shadow:0px 0px 5px black;
  -webkit-box-shadow:0px 0px 5px black;
  -o-box-shadow:0px 0px 5px black;
  box-shadow:0px 0px 5px black;
}
body div#corps div#gestion_onglet ul li.no {
  height:21px;
  background:#c1c1c1;
}
body div#corps div#gestion_onglet ul li.no img {
  position:absolute;
  right:8px;
  top:7px;
  height:12px;
  width:12px;
  opacity:0.25;
}
body div#corps div#gestion_onglet ul li.no img:hover { opacity:0.50; }
body div#corps div#gestion_onglet ul li.yes {
  z-index:5;
  height:22px;
  background:#dddddd url(image/fond.jpg) repeat-x left top;
}
body div#corps div#gestion_onglet ul li.yes img {
  position:absolute;
  right:8px;
  top:7px;
  height:12px;
  width:12px;
  opacity:0.25;
}
body div#corps div#gestion_onglet ul li.yes img:hover { opacity:0.75; }
body div#corps h1 {
  color:white;
  text-shadow:0px 0px 0px #333333;
  border-bottom:1px solid black;
  border-top:1px solid black;
  text-transform:uppercase;
  text-align:left;
  font-size:11px;
  letter-spacing:2px;
  background:black url(image/metal_noir.jpg) repeat-x right top;
  margin:0px -20px 10px -20px;
  padding:4px 0px 4px 12px;
}
body div#corps table.item_champ {
  width:100%;
  margin:0px auto;
  border-collapse:collapse;
}
body div#corps table.item_champ tr td {
  vertical-align:top;
  border-bottom:1px solid black;
  text-align:left;
  height:18px;
  line-height:18px;
}
body div#corps table.item_champ tr td.label {
  width:140px;
  font-size:12px;
  font-weight:bold;
  padding-right:10px;
}
body div#corps table.item_champ tr td.valeur { font-size:12px; }
body div#corps table.item_champ tr.even td { background-color:#d2d2d2; }
body div#corps table.item_champ tr:last-child td { border-width:0px; }
body div#corps div.telecharger_pdf {
  display:block;
  margin:8px auto 15px auto;
  width:100px;
  height:35px;
  border:1px solid #505050;
  text-align:center;
  padding:6px 15px 6px 45px;
  cursor:pointer;
  text-decoration:none;
  background:#eeeeee url(image/pdf.png) no-repeat 10px center;
  -moz-border-radius:8px   ;
  -webkit-border-radius:8px   ;
  -o-border-radius:8px   ;
  border-radius:8px   ;
  -moz-box-shadow:0px 0px 5px #505050;
  -webkit-box-shadow:0px 0px 5px #505050;
  -o-box-shadow:0px 0px 5px #505050;
  box-shadow:0px 0px 5px #505050;
}
body div#corps div.telecharger_pdf span.nom { font-weight:bold; }
body div#corps div.telecharger_pdf span.sous_titre {
  text-decoration:underline;
  font-size:0.9em;
}
body div#corps div.categorie {
  margin:15px auto 5px auto;
  padding:0px 2% 10px 2%;
  width:95%;
  text-align:left;
  min-height:50px;
}
body div#corps div.categorie h2 {
  margin:0px -2% 6px -2%;
  border-bottom:1px solid #014373;
  cursor:normal;
  color:#014373;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0px;
}
body div#corps div.categorie.no_decalage {
  padding:0px 0px 10px 0px;
  width:99%;
}
body div#corps div.categorie.no_decalage h2 { margin:0px 0% 6px 0%; }
body div#corps div#msg_chargement {
  width:160px;
  height:80px;
  color:black;
  font-weight:bold;
  margin:60px auto 20px auto;
  text-align:center;
  border:1px solid #505050;
  background:#cccccc url(image/chargement_fond.png) repeat-x center top;
  -moz-box-shadow:0px 0px 10px #505050;
  -webkit-box-shadow:0px 0px 10px #505050;
  -o-box-shadow:0px 0px 10px #505050;
  box-shadow:0px 0px 10px #505050;
  -moz-border-radius:10px   ;
  -webkit-border-radius:10px   ;
  -o-border-radius:10px   ;
  border-radius:10px   ;
}
body div#corps div#msg_chargement img {
  width:31px;
  height:31px;
  margin:10px auto 10px auto;
  display:block;
}
body div#corps table.liste {
  margin:15px auto 10px auto;
  border:1px solid black;
  width:100%;
  text-shadow:none;
  background:transparent url(image/title_table.png) repeat-x center top;
  -moz-border-radius:8px   ;
  -webkit-border-radius:8px   ;
  -o-border-radius:8px   ;
  border-radius:8px   ;
  -moz-box-shadow:0px 0px 5px #505050;
  -webkit-box-shadow:0px 0px 5px #505050;
  -o-box-shadow:0px 0px 5px #505050;
  box-shadow:0px 0px 5px #505050;
}
body div#corps table.liste tr th {
  height:22px;
  color:white;
  text-align:center;
  font-size:11px;
  text-shadow:0px 1px 0px black;
  line-height:12px;
  cursor:pointer;
}
body div#corps table.liste tr th:hover { text-decoration:underline; }
body div#corps table.liste tr th.ordre { text-decoration:underline; }
body div#corps table.liste tr.no_ordre th { cursor:default; }
body div#corps table.liste tr.no_ordre th:hover { text-decoration:none; }
body div#corps table.liste tr td {
  min-height:18px;
  line-height:18px;
  border-bottom:1px solid black;
  padding-top:3px;
  border-right:1px solid transparent;
  text-align:center;
  vertical-align:top;
}
body div#corps table.liste tr td span.no_data {
  font-size:0.9em;
  font-style:italic;
}
body div#corps table.liste tr td a.no_decoration { text-decoration:none; }
body div#corps table.liste tr td a.no_decoration img.loupe {
  width:14px;
  height:14px;
  vertical-align:top;
}
body div#corps table.liste tr td a.no_decoration img.format {
  width:18px;
  height:18px;
  vertical-align:top;
}
body div#corps table.liste tr td img.liste {
  width:14px;
  height:14px;
  vertical-align:top;
  margin-left:4px;
}
body div#corps table.liste tr td.titre {
  color:black;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0px;
  text-align:center;
}
body div#corps table.liste tr.odd td { background-color:#d2d2d2; }
body div#corps table.liste tr.surligner td { background-color:#c8d6e9; }
body div#corps table.liste tr:hover td { background-color:#f5f5f5; }
body div#corps div[name$="_resultat"] span.enregistrement_nb {
  margin:0px;
  padding:0px;
  display:inline-block;
  width:50%;
  text-align:left;
}
body div#corps div[name$="_resultat"] span.enregistrement_information {
  margin:0px;
  padding:0px;
  display:inline-block;
  width:49%;
  text-align:right;
}
body div#corps div[name$="_resultat"] span.enregistrement_information span[name="page_actuel"] {
  font-weight:bold;
  color:#00395c;
}
body div#corps div.page_enregistrement {
  display:inline-block;
  text-align:right;
  margin:10px 0px 0px auto;
  padding:0px;
  width:100%;
}
body div#corps div.page_enregistrement span.texte {
  display:inline-block;
  text-align:right;
  font-weight:bold;
  margin-right:10px;
  height:16px;
  line-height:16px;
}
body div#corps div.page_enregistrement a {
  display:inline-block;
  margin:2px 3px 2px 3px;
  padding:0px 4px 0px 4px;
  min-width:10px;
  height:16px;
  line-height:16px;
  border:1px solid black;
  color:white;
  text-align:center;
  text-shadow:0px -1px 0px black;
  text-decoration:none;
  font-weight:bold;
  -moz-box-shadow:0px 0px 3px black;
  -webkit-box-shadow:0px 0px 3px black;
  -o-box-shadow:0px 0px 3px black;
  box-shadow:0px 0px 3px black;
  background:#474747;
  -moz-border-radius:4px   ;
  -webkit-border-radius:4px   ;
  -o-border-radius:4px   ;
  border-radius:4px   ;
}
body div#corps div.page_enregistrement a:hover {
  background:#0459b7 url(image/submit_fond.png) repeat-x center center;
  border:1px solid #093c75;
}
body div.pop_up {
  display:none;
  position:fixed;
  z-index:950;
  top:50%;
  left:50%;
  width:400px;
  min-height:200px;
  margin:-115px auto auto -235px;
  border:10px solid #cccccc;
  padding:10px 25px;
  font-size:12px;
  -moz-border-radius:15px   ;
  -webkit-border-radius:15px   ;
  -o-border-radius:15px   ;
  border-radius:15px   ;
  -moz-box-shadow:0px 0px 10px #303030;
  -webkit-box-shadow:0px 0px 10px #303030;
  -o-box-shadow:0px 0px 10px #303030;
  box-shadow:0px 0px 10px #303030;
  background:#ffffff;
}
body div.pop_up div#fermer_pop_up {
  display:block;
  position:absolute;
  z-index:951;
  top:-22px;
  right:-22px;
  width:29px;
  height:29px;
  cursor:pointer;
  background:transparent url(image/pop_up.png) no-repeat center center;
}
body div.pop_up form div#select_site_form {
  margin:25px auto 0px auto;
  width:260px;
}
body div.pop_up form div#select_site_form label {
  display:inline-block;
  margin:0px 0px 20px 0px;
  width:50px;
  text-align:left;
}
body div.pop_up form div#select_site_form select {
  display:inline-block;
  width:180px;
  margin:0px 0px 20px auto;
  text-align:left;
}
body div.pop_up form div#select_site_form select option { background:white; }
body div.pop_up form input {
  display:block;
  margin:10px auto 10px auto;
  width:120px;
}
body div.pop_up h2 {
  margin:0px -10px 8px -10px;
  border-bottom:1px solid black;
  cursor:normal;
  color:black;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0px;
}
body div#fond_pop_up {
  display:block;
  position:fixed;
  z-index:900;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-image:url(image/popup_fond.png);
  background-repeat:repeat;
  background-position:left top;
}
body .infobulle { position:relative; }
body div#infobulle_contenu {
  position:absolute;
  top:10px;
  left:20px;
  width:350px;
  min-height:30px;
  border:1px solid black;
  padding:5px 15px;
  font-size:11px;
  z-index:550;
  text-align:left;
  background:#eeeeee url(image/fond.jpg) repeat-x left top;
  background-attachment:fixed;
  -moz-border-radius:10px   ;
  -webkit-border-radius:10px   ;
  -o-border-radius:10px   ;
  border-radius:10px   ;
  -moz-box-shadow:0px 0px 5px black;
  -webkit-box-shadow:0px 0px 5px black;
  -o-box-shadow:0px 0px 5px black;
  box-shadow:0px 0px 5px black;
}
body div#portail {
  position:fixed;
  left:50%;
  top:50%;
  display:block;
  width:800px;
  height:400px;
  margin:-200px -400px;
  font-size:12px;
  border:1px solid black;
  background:#eeeeee url(image/fond.jpg) repeat-x left top;
  background-attachment:fixed;
  -moz-border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px;
  -o-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  -moz-box-shadow:0px 0px 8px black;
  -webkit-box-shadow:0px 0px 8px black;
  -o-box-shadow:0px 0px 8px black;
  box-shadow:0px 0px 8px black;
}
body div#portail div#logo_portail {
  position:absolute;
  right:-35px;
  top:-35px;
  width:216px;
  height:92px;
  border:1px solid black;
  padding:10px;
  background:white url(image/logo_bleu.png) no-repeat center center;
  -moz-border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px;
  -o-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  -moz-box-shadow:0px 0px 8px black;
  -webkit-box-shadow:0px 0px 8px black;
  -o-box-shadow:0px 0px 8px black;
  box-shadow:0px 0px 8px black;
}
body div#portail h1 {
  color:white;
  text-shadow:0px 0px 0px #333333;
  border-bottom:1px solid black;
  border-top:1px solid black;
  text-transform:uppercase;
  text-align:left;
  font-size:11px;
  letter-spacing:2px;
  background:black url(image/metal_noir.jpg) repeat-x right top;
  margin:20px 0px 15px 0px;
  padding:4px 0px 4px 12px;
}
body div#portail h2 {
  margin:0px 0px 15px 0px;
  border-bottom:1px solid #014373;
  cursor:normal;
  color:#014373;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0px;
  text-align:left;
}
body div#portail div#img_portail {
  float:left;
  vertical-align:middle;
  text-align:center;
  height:400px;
  width:50%;
}
body div#portail div#msg_portail {
  float:left;
  width:50%;
  padding:60px 0px;
  text-align:center;
}
body div#portail div#msg_portail div#contenu_portail {
  margin:0px auto 0px 0px;
  width:340px;
}
body div#portail div#msg_portail div#contenu_portail form {
  display:block;
  margin:0px auto;
  width:280px;
  text-align:left;
}
body div#portail div#msg_portail div#contenu_portail label {
  display:inline-block;
  width:120px;
  margin-bottom:10px;
}
body div#portail div#msg_portail div#contenu_portail input[type="text"], body div#portail div#msg_portail div#contenu_portail input[type="password"] { margin-bottom:10px; }
body div#portail div#msg_portail div#contenu_portail input[type="submit"] {
  display:block;
  margin:10px auto 25px auto;
  width:120px;
}
body div#portail div#msg_portail div#contenu_portail div#methode_authentification {
  display:block;
  margin-bottom:20px;
}
body div#portail div#msg_portail div#contenu_portail div#methode_authentification div.bouton_authentification {
  width:130px;
  height:30px;
  margin:5px auto 10px auto;
  padding:5px 10px;
  line-height:15px;
  color:black;
  border:1px solid black;
  background:#dbdbdb url(image/bouton_portail.png) repeat-x bottom left;
  cursor:pointer;
  -moz-border-radius:5px   ;
  -webkit-border-radius:5px   ;
  -o-border-radius:5px   ;
  border-radius:5px   ;
}
body div#portail div#msg_portail div#contenu_portail div#mdp_authentification { display:none; }
body div#copyright {
  width:80%;
  margin:0px auto 30px auto;
  text-align:center;
  font-size:11px;
  color:#f0f0f0;
  text-shadow:0px 1px 0px black;
}
body .rouge { color:red; }
body .gris { color:#bbbbbb; }
body .orange { color:#ff9900; }
body .jaune { color:gold; }
body .vert { color:#1b6b0d; }
body .cyan { color:#50d1c0; }
body .bleu { color:#00395c; }
body .violet { color:#a551c8; }
body .blanc { color:white; }