@CHARSET "ISO-8859-1";

/* ----------------------------------- */
/* - Styles pour impression uniquement */
/* ----------------------------------- */
@MEDIA print {
#Page {
  font-size: 12pt;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
img, acronym {
  border: 0px;
}
.centrer {
  text-align: center;
}
#LiensNavigation, #BandeauMenu, #Footer, #BlocGauche, #BlocTop, #BlocBottom, #BlocPrincipal .navigation {
  display: none;	
}
#BlocPrincipal h1 {
  margin:0px;
  font-size: 150%;
  padding: 10px 0px 0px 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  color: #833366;
  font-weight: bold;
}
#BlocPrincipal h2 {
  margin: 0px;
  font-size: 125%;
  padding: 10px 30px;
  font-weight: normal;
  color: #833366;
}
#BlocPrincipal h3 {
  margin: 10px 40px;
  font-size: 100%;
  padding: 0px 5px;
  border-left: 8px solid #d03371;
  font-weight: bold;
}
#BlocPrincipal p {
  margin: 0px;
  padding: 3px 0px;
  text-align: justify;
  text-indent: 40px;
}
#BlocPrincipal ul {
  margin: 0px;
  padding: 3px 20px;
  text-align: justify;
}
#BlocPrincipal a {
  color: #d03371;
  text-decoration: underline;
}
#BlocPrincipal a:after {
  content: " [" attr(href) "] ";
  font-size: 90%;
}	
#BlocPrincipal .info {
  background: #ddd url('/template/img/button_info.png') no-repeat 10px 10px;
  border: 1px solid #999;
  margin: 10px 30px;
  padding: 10px;
}
#BlocPrincipal .Aide {
  border: 1px solid #999;
  background: #ddd url('/template/img/button_help.png') no-repeat 10px 10px;
  margin: 10px 30px;
  padding: 10px 10px 10px 20px;
}	
}
/* ----------------------------------- */
/* - Styles pour affichage uniquement -*/
/* ----------------------------------- */
@MEDIA screen {
body, html {
  margin: 0px;
  padding: 0px;
}
img, acronym {
  border: 0px;
}
acronym:hover {
  cursor: help;
}
a.lienExterne {
  padding-right: 15px !important;
  white-space: nowrap;
  background: url(/template/img/external_link.gif) no-repeat right center;
}
.centrer {
  text-align: center;
}
.site {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0px 30px;
}
.site a {
  margin-right: 15px;
  font-weight: bold;
}
#LiensNavigation {
  display: none;
}
#Page {
  font-size: 0.9em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#BandeauTitre {
  background-color: #D03371;
  *background-color: #CC2865;
  height: 103px;
}
#BandeauTitre a {
  margin-right: auto;
  margin-left: auto;
  width: 990px;
  display: block;
  position: relative;
  z-index: 20;
}
#BandeauTitre a:hover {
  opacity : 0.8;
  filter : alpha(opacity=80);
}
#BandeauDroite {
  position: absolute;
  height: 103px;
  background-color: #CE5C96;
  *background-color: #C7508A;
  width: 50%;
  top:0px;
  right: 0px;
  z-index: 10; 
}
#BandeauMenu {
  background-color: #833366;
  width: 100%;
  margin-top: 2px;
  min-height: 27px;
}
#BandeauMenu a {
  color: #fff;
  text-decoration: none;
}
#BandeauMenu a:hover {
  text-decoration: underline;
  opacity: 0.8;
  filter : alpha(opacity=80);
}
#BandeauMenuCentre {
  width: 990px;
  margin: 0px auto;
}
#BandeauMenuRetourAccueil {
  width: 193px;
  border-right: 28px solid #D03371;
  height: 100%;
  text-align: right;
  padding: 5px 9px;
  float: left;
}
#BandeauMenuSousRubriques {
  border-right: 28px solid #ce5c96;
  text-align: right;
  padding: 5px 10px;
  min-height: 17px;
}
#BandeauMenuSousRubriques ul {
  margin: 0px;
}
#BandeauMenuSousRubriques li {
  display: inline;
  padding: 0px 5px;
}
#BandeauMenuSousRubriques li.notfirst {
  display: inline;
  padding: 0px 5px;
  border-left: 1px solid #fff;
}
#BandeauMenuSousRubriques li.current a {
  font-weight: bold;
  text-decoration: underline;
}
#Contenu {
  width: 970px;
  margin: 0px auto;
  padding: 10px; 
}
#BlocGauche {
  float: left;
  width: 220px;
  margin: 30px 0px 0px 0px;
}
#BlocGauche .highlight {
  font-weight: bold;
}
#BlocOffres {
  background-color: #E68A2F;
  border: 2px solid #fff;
  width: 207px;  
  color: #432;
}
#BlocAcces {
  margin-top: 20px;
  border: 2px solid #fff;
  background-color: #EBD33E;
  width: 207px;  
  color: #432;
}
#BlocPratique {
  background-color: #9F84B7;
  border: 2px solid #fff;
  width: 207px;  
  color: #432;
  margin-top: 20px;
}
#BlocGauche .titreBloc {
  background: url('/template/img/arrondi_tp_sup.png') no-repeat top;
  padding: 15px;
  font-size: 125%;
}
#BlocGauche li {
  margin-bottom: 5px;
}
#BlocOffres ul, #BlocAcces ul {
  font-size: 105%;
  margin: 0px;
  padding: 0px 10px;
  list-style-type: none;
}
#BlocOffres li, #BlocAcces li {
  padding: 0px 0px 0px 20px;
  background: url('/template/img/fleche_marron.png') no-repeat 0px 5px;
}
#BlocPratique ul {
  font-size: 105%;
  margin: 0px;
  padding: 0px 10px 0px 30px;
  list-style-image: url('/template/img/fleche_blanche.png');
}
#BlocPratique ul li.current {
  list-style-image: url('/template/img/fleche_violet.png');
}
#BlocPratique ul li.current a {
  color: #332255;
}
#BlocOffres ul li .numbers {
  font-size: 120%;
  color: #833366;
}
#BlocOffres #LienRecherche a {
  background: url('/template/img/flechette_blanche.png') no-repeat left center;
  font-variant: small-caps;
  text-decoration: none;
  color: #fff;
  font-weight:bold;
  font-size: 95%;
  display: block;
  margin: 10px 10px 0px 65px;
  padding-left: 12px;
}
#BlocGauche a:hover {
  opacity : 0.5;
  filter : alpha(opacity=50);
  text-decoration: underline;
}
#BlocAcces a {
  text-decoration: none;
  color: #432;
}
#BlocPratique a {
  text-decoration: none;
  color: #fff;
}
#BlocGauche .closureBloc {
  background: url('/template/img/arrondi_tp_inf.png') no-repeat top;
  height: 26px;
}
#BlocTop {
  margin-left: 230px;
  background: url('/template/img/arrondi_gris_sup.png') no-repeat top center;
  width: 740px;
  _width: 725px;
  height: 23px;
}
#BlocPrincipal {
  margin-left: 230px;
  background: #F7F7F7 url('/template/img/fondRDV.png') no-repeat 100% 20%;
  width: 700px;
  _width: 685px;
  line-height: 1.5em;
  padding: 0px 20px 60px 20px;
  //min-height: 476px;
  min-height: 504px;
}
#BlocPrincipal h1 {
  margin:0px;
  font-size: 150%;
  padding: 10px 0px 0px 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  color: #833366;
  font-weight: bold;
}
#BlocPrincipal h2 {
  margin: 0px;
  font-size: 125%;
  padding: 10px 30px;
  font-weight: normal;
  color: #833366;
  background: url(/template/img/carre_pratique.png) no-repeat left center;
}
#BlocPrincipal h3 {
  margin: 10px 40px;
  font-size: 100%;
  padding: 0px 5px;
  border-left: 8px solid;
  font-weight: bold;
}
#BlocPrincipal p {
  margin: 0px;
  padding: 3px 0px;
  text-align: justify;
  text-indent: 40px;
}
#BlocPrincipal ul {
  margin: 0px;
  padding: 3px 20px;
  text-align: justify;
}
#BlocPrincipal a {
  padding: 0px 2px;	
}
#BlocPrincipal .navigation {
  margin: 20px 50px 30px 50px;
  padding: 5px 0px;
  font-size: 90%;
  border-top: 2px dotted #ccc;
  line-height: normal;
}
#BlocPrincipal .navigation .next {
  float: right;
  width: 45%;
  text-align: right;
  padding-right: 15px;
  background: url('/template/img/fleche_violet.png') no-repeat right 2px;
}
#BlocPrincipal .navigation .previous {
  float: left;
  width: 45%;
  padding-left: 15px;
  background: url('/template/img/fleche_violet_inv.png') no-repeat left 2px;
}
#BlocPrincipal .info {
  background: #ddd url('/template/img/button_info.png') no-repeat 10px 10px;
  margin: 10px 30px;
  padding: 10px;
}
#BlocPrincipal .Aide {
  background: #ddd url('/template/img/button_help.png') no-repeat 10px 10px;
  margin: 10px 30px;
  padding: 10px 10px 10px 20px;
}
.pratique h3 {
  border-color: #9F84B7 !important;
}	
.pratique a {
  color: #9F84B7;
}
.pratique a:hover {
  background-color: #9F84B7;
  color: #fff !important;
}
.classique h3 {
  border-color: #d03371 !important;
}	
.classique a {
  color: #d03371; 
}
.classique a:hover {
  background-color: #d03371;
  color: #fff !important;
}
.legal h3 {
  border-color: #d03371 !important;
}
.legal a {
  color: #d03371;
}
.legal a:hover {
  background-color: #d03371;
  color: #fff !important;
}
.public h3 {
  border-color: #CE5C96 !important;
}
.public a {
  color: #CE5C96; 
}
.public a:hover {
  background-color: #CE5C96;
  color: #fff !important;
}
#BlocBottom #Ornementation {
  position: relative;
  top: -70px;
  margin: 0px 15px; 
  background: url('/template/img/carre_general.png') no-repeat 100% 100%;
  height: 80px;
}
#BlocBottom {
  margin-left: 230px;
  background: url('/template/img/arrondi_gris_inf.png') no-repeat top center;
  width: 740px;
  _width: 725px;
  height: 23px;
}
#Footer {
  clear: both;
  margin-bottom: 20px;
}
#Footer_inside {
  text-align: center;
  color: #999;
  width: 990px;
  margin: 0px auto;
  font-size: 90%;
}
#Footer_inside ul,#Footer_inside li,#Footer_inside p {
  display: inline;
  margin: 0px;
  padding: 0px; 
}
#Footer_inside p {
  padding: 0px 5px;
}
#Footer_inside li {
  border-left: 1px solid #999;
}
#Footer_inside li a {
  color: #666;
  white-space: nowrap;
  padding: 0px 5px;
}
#Footer_inside li a:hover {
  color: #fff;
  background-color: #999;
}
}