/*****************************
* Crée le 03/07/2009 par TC *
*****************************/
body {margin: 0; background: #eee; padding-top: 10px;
font: 11px verdana; line-height: 16px; color: #333;}

a img {border: none;}
a[rel="external"] {background: url('img/external.png') no-repeat top right; padding-right: 15px;}
p a[href$=".pdf"] {background:url('img/pdf.gif') no-repeat top right; padding-right: 17px; white-space: nowrap;}

abbr, acronym {border-bottom: 1px dotted #666;}

h1 {font: bold 13px verdana; color: #f93; margin: 0 0 15px 0;}
h2, h3, h4 {font-family: verdana; font-weight: bold; color: #c50450; margin: 0 0 16px 0; padding: 0;/*2px 0 3px 0;*/}
h2 {font-size: 12px;}
h3 {font-size: 10px; border-top: 1px dotted #c50450; margin: 0 0 14px 0;}
h4 {font-size: 10px;}

p ul, p ol {margin-top: 0;}

form p {margin: 0;}

dl {margin: 0 0 15px 0;}

#corps p, #corps li, #corps dd {text-align: justify}

fieldset.inv {display: block; float: left; border: none; padding: 0px;}
fieldset.right {display: block; margin-top: 12px; padding: 0px 12px 12px 12px; border: 1px solid gray; 
  text-align: right; width: 280px; background: #f9ebeb;}
fieldset.right legend {font-weight: bold; margin-bottom: 8px;}
fieldset.right input.tx {border: 1px solid gray; font: 11px verdana;}

table {border-right: 1px solid #999; border-bottom: 1px solid #999; margin: 0 0 20px 0;}
th {padding: 2px 8px;}
td, th {border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.rupture {border-top: 2px solid #999;}
.vide {border: none;}
th {background: #fff  ; color: #c50450;}

div.spacer {clear: both;}

.note {font-size: 80%; color: #666;}

.titre {background: url('img/titre-gauche.gif') no-repeat top left;
  height: 16px; padding-left: 5px; margin: 6px 0 16px 0;}
.titre .milieu {float: left; background: #c50450; height: 15px; padding: 1px 1px 0 0;
  font: bold 10px Verdana; color: #fff;}
.titre .fin {background: url('img/titre-droite.gif') no-repeat top right;
  float: left; height: 16px; padding-right: 5px;}

#header1 p {font-size: 12px; text-align: left;}
#header2 .titre {background: url('img/header-titre-gauche2.gif') no-repeat top left; margin: 2px 0 2px 10px;}
#header2 .titre .milieu {background: url('img/header-titre.gif') repeat-x; color: #c50450; width: 208px;}
#header2 .titre .fin {background: url('img/header-titre-droit2.gif') no-repeat top right;}

#col-droite .encart {background: url('img/encart-haut.gif') no-repeat top left; 
  width: 226px; margin: 0; padding: 6px 0 0 0; font: 10px verdana;}
#col-droite .encart .milieu {background: #feecd3; margin: 0;}
#col-droite .encart .bas {background: url('img/encart-bas.gif') no-repeat bottom left; 
  border-top: 0px solid #feecd3; padding: 0 0 6px 0;}
#col-droite .encart ul {list-style-image: url('img/puce-rose.gif'); margin: 0; padding: 4px 4px 4px 25px;}
#col-droite .encart li {margin-bottom: 6px;}
#col-droite .encart a {text-decoration: none; color: #000;}
#col-droite .encart a:hover {text-decoration: underline;}

#cadre-ext-d {background: url('img/cadre-droit.png') no-repeat right center; 
  width: 991px; padding-right: 6px; margin: 5px auto;}
#cadre-ext-g {background: url('img/cadre-gauche.png') no-repeat left center; padding-left: 6px;}
#cadre-ext-b {background: url('img/cadre-bas.png') no-repeat bottom; padding-bottom: 8px;}
#cadre {background: #fff url('img/cadre-bg.gif') repeat-y;
  width : 981px; border: 1px solid #ccc;}
  
#corps {float: left; width: 475px; padding: 6px 24px 10px 12px;}
#corps ul {list-style-image: url('img/puce-orange.gif'); margin: 0 0 15px 0; padding: 0 0 0 20px;}
#corps ul ul {list-style-image: url('img/puce-orange-sub.gif');}
#corps ul.sans {list-style: none;}
#corps p {margin: 0 0 15px 0;}
#corps .com {font: normal 10px verdana; color: #f93;}
#corps .retour {float: left;}
#corps .ref {float: right; margin: 0 10px 0 0;}
#corps a {color: #338;}
#corps strong a {color: #c50450;}
 
#col-gauche {float: left; width: 240px;}
#col-gauche .menu {padding-left: 4px;}
#col-droite {float: right; width: 230px;}

.menu {width: 226px; font: 10px Verdana;}
.menu .titre, #col-droite .titre {background: url('img/menu-gauche.gif') no-repeat top left; margin: 8px 0 0 0;}
.menu .titre .milieu, #col-droite .titre .milieu {width: 215px; background: #f93;}
.menu .titre .fin, #col-droite .titre .fin {background: url('img/menu-droite.gif') no-repeat top right;}

.menu dd {margin: 3px 0 0 0;}
.menu dd a {background: #fff url('img/menu-element-off.gif') no-repeat;
  display: block; width: 226px; height: 16px; padding-top: 1px;
  color: #666; text-indent: 8px; text-decoration: none;}
.menu dd a:hover {font-weight: bold; color: #000;}
.menu dd ul {list-style-image: url('img/puce-rose.gif');
  background: #feecd3; padding: 8px 8px 8px 25px; margin: 0;}

.gauche, .droite {width: 240px;}
.gauche, .centre {float: left;}
.droite {float: right}
.centre {width: 501px;}

#header2 {font: 11px arial;}
#header1 p {color: #999; padding: 16px 0 0 10px; margin: 0;}
#header1 strong {color: #c50450;}
#header1 .gauche img, #header1 .droite img {margin: 8px 0 8px 48px;}

#header2 .gauche, #header2 .droite {background: url('img/info-bg.gif') no-repeat;
  height: 122px; padding: 10px 0 0 0; text-align : left;}
/*#header2 .titre-img {margin-left: 10px;}*/
#header2 .gauche a, #header2 .droite a {color: #fff;}
#header2 .gauche ul, #header2 .droite form {background: #cf506d; padding: 2px 0; margin: 0;}
#header2 .droite form {padding-bottom: 6px;}
#header2 .gauche ul li {list-style-image: url('img/puce-rose.gif'); margin: 0 0 3px 20px;}
#header2 .droite form input {border: none; margin: 0 0 4px 8px;}

input.txt {font-size: 10px; font-weight: normal; color: #666; width: 130px;}
#bt_ok{border:0;}
input.btn,#bt_ok {background: #cf506d; font: bold 12px verdana; color: #f93; cursor: pointer;}
input.btn:hover, #bt_ok:hover {color: #333;}

.filtre .btn { float: left; background: url('img/btn-gauche.gif') no-repeat top left;
  height: 18px; padding-left: 8px; margin: 12px 24px 2px 0;}  
.filtre .btn .milieu {float: left; background: #f93;
  color: #fff; border: none; height: 18px; font: bold 10px Verdana; cursor: pointer;}
.filtre .btn .fin {background: url('img/btn-droite.gif') no-repeat top right;
  float: left; height: 18px; padding-right: 8px;}
.filtre .btn .milieu:hover {color: #333;}

.filtre input.txt {float: right;}

.info {background: url('img/info-haut.gif') left top no-repeat;
  width: 218px; padding: 3px 0 0 0; margin: 6px 10px;}
.info-bas {background: url('img/info-bas.gif') bottom no-repeat;
  border-top: 1px solid #cf506d; padding: 0 0 3px 0; margin: -3px 0 0 0;}

#footer {background-color: #c50450; width: 981px; padding: 2px 0 3px 0;}
#footer ul {list-style-type: none; padding: 0px; margin: 0 0 0 215px;}
#footer ul li {border-right: 1px solid #fff; float: left; padding: 0 8px 0 0; margin: 0 8px 0 0;}
#footer a {display: block; font: bold 10px verdana; color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer #dernier_liste {border-right: none;}

#actu {margin: 0 20px;}
#actu dt {margin-top: 15px; font-weight: bold; color: #c50450;}
#actu dd {margin: 0;}

#corps .numpage {font: bold 12px sans-serif; padding: 2px 6px 2px 6px; border: 1px solid #999; margin-left: 2px;}
#corps a.numpage {text-decoration: none; color: #c50450; background: #edc3c6;}
#corps a.numpage:hover {color: #333; border: 1px solid #333;}

#mission dl {float: left; width: 200px; margin: 0 12px;}
#mission dt {margin-top: 24px; background: #c50450; color: #fff; padding: 2px 4px; font-weight: bold;}
#mission .dept {margin-left: 12px; background: #cf506d; padding: 2px 4px;}
#mission .ens {margin-left: 24px;background: #f9ebeb; padding: 2px; margin-bottom: 12px; border: 1px solid #ccc;}