/*
  $Id: style.css,v 1.58 2016/05/09 13:20:45 patrick Exp $
*/
body {
          background-color: #FFFFFF;
          margin: 0px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 14px;
          color: #000000;
		  position:relative;}
h1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          font-weight: bold;
          line-height: 16px;
          margin-top: 20px; 
          margin-bottom: 10px}
h2 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 14px;
          font-weight: bold;
          line-height: 14px;
          margin-top: 10px}
h3 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          font-weight: bold;
          line-height: 12px;
          margin-top: 5px}
p,span {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 14px;
          color: #000000}
ul { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 16px; 
          color: #000000 ; 
          list-style-type: square}
ul.circuits { list-style-image: url(images/mad/contenu/circuits/boulette.gif)}
ul.calendrier { list-style-image: url(images/mad/contenu/calendrier/boulette.gif)}
ul.guidemusees { list-style-image: url(images/mad/contenu/guidemusees/boulette.gif)}
ul.collections {  list-style-image: url(images/mad/contenu/collections/boulette.gif)}
ul.reserve { list-style-image: url(images/mad/contenu/reserve/boulette.gif)}
ul.zonescolaire { list-style-image: url(images/mad/contenu/zonescolaire/boulette.gif)}
.texteaccueil {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 14px;
          color: #FFFFFF}
.pub1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 13px;
          color: #660000; font-weight: bold}
.pub2 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 13px;
          color: #000033}
.address {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          font-style: normal;
          color: #006699;
          line-height: 12px;
          margin-bottom: 0;
          text-decoration: none;
		  padding-bottom:10px;
		  display:inline;
		  position:relative;
		  top:0px;
		  margin-right:5px;}
.web20-links{
	position:relative;
		  top:3px;
}	
.addressnoir {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          font-style: normal;
          color: #000000;
          line-height: 12px;
          margin-bottom: 8px;
          text-decoration: none}
.addressaccueil {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          font-style: normal;
          color: #006699;
          line-height: 12px;
          margin-bottom: 8px;
          text-decoration: none}
.menu1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 12px;
          font-weight: bold;
          color: #000000;
          text-decoration: none; 
          margin-top: 2px; 
          margin-right: 5px; 
          margin-bottom: 2px; 
          margin-left: 2px}
.outilsaccueil {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 12px;
          color: #006699;
          text-decoration: none}
.outils {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 12px;
          color: #00CCFF;
          text-decoration: none}
.outils_concours {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #CC9900;
    text-decoration: none
}
.outils_concours:hover {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #ffffff;
    text-decoration: none
}
.copyright {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 13px;
          color: #00CCFF;
          text-decoration: none}
.margeoutils {
          margin-bottom: 5px;
          margin-left: 10px}
.margemenu2 {
          margin-left: 5px;
          margin-top: 10px;
          margin-right: 5px;
          margin-bottom: 10px}
.menudyn {
          margin-top: 10px;
          margin-bottom: 10px}
a.menu1:hover {
color: #FFFFFF;
 text-decoration: none}
a.outils:hover {
 color: #FFFFFF;
 text-decoration: none}
a.outilsaccueil:hover {
 color: #FFFFFF;
text-decoration: none}
         
.menu1on { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 12px; 
          font-weight: bold; 
          color: #FFFFFF; 
          text-decoration: none;  
          margin-top: 2px; 
          margin-right: 5px; 
          margin-bottom: 2px; 
          margin-left: 5px}
         
a.address:hover {
          color: #FFFFFF; 
          text-decoration: none}
a.addressaccueil:hover {
          color: black; 
          text-decoration: none}
.menucircuits { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 13px; 
          color: #FF6666; 
          text-decoration: none; 
          font-weight: bold}         .menucollections {
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 13px;
          color: #666600; 
          text-decoration: none;
          font-weight: bold}
.menucalendrier { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 13px; 
          color: #9999CC; 
          text-decoration: none; 
          font-weight: bold}
       
.menuguidemusees { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px; 
          line-height: 13px; 
          color: #FF6699; 
          text-decoration: none; 
          font-weight: bold}
       
.menureserve { 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 12px;
          line-height: 13px; 
          color: #006699;
          text-decoration: none; 
          font-weight: bold}
       
h1.titre-acteduc{
	margin:10px 30px 0px 0px;
          color: #006699; 
          font-weight: bold}
.menuzonescolaire {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 13px; 
          color: #CC9900; 
          text-decoration: none; 
          font-weight: bold}
.menugestion {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          line-height: 13px; 
	  color: #FFCC00;
          text-decoration: none; 
          font-weight: bold}
a.menucircuits:hover { 
          color: #FFFFFF; 
          text-decoration: none}
a.menucollections:hover { 
          color: #FFFFFF; 
          text-decoration: none}
a.menulaurier:hover { 
          color: #CCCC00; 
          text-decoration: none}                   
a.menucalendrier:hover {
          color: #FFFFFF; 
          text-decoration: none}
       
a.menuguidemusees:hover { 
          color: #FFFFFF;
          text-decoration: none}
       
a.menureserve:hover { 
          color: #FFFFFF;
          text-decoration: none}
a.menuzonescolaire:hover { 
          color: #FFFFFF;
          text-decoration: none}
.margesousmenu2 { margin-left: 15px; 
	margin-top: 6px; 
	margin-right: 5px; 
	margin-bottom: 6px}
.margesousmenu3 { margin-left: 25px; 
	margin-top: 6px; 
	margin-right: 5px; 
	margin-bottom: 6px}
.sousmenucollections { font-family: Arial, Helvetica, sans-serif;	
	 font-size: 12px; 
	color: #CCCC00; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenucircuits { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF9999; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenuzonescolaire { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFF99; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenugestion { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFF99; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenuguidemusees { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFCCCC; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenucalendrier { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CCCCFF; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
.sousmenureserve { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #66FFFF; 
	text-decoration: none; 
	line-height: 13px; 
	font-weight: bold }
a.sousmenucollections:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenucircuits:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenuzonescolaire:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenugestion:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenuguidemusees:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenucalendrier:hover { color: #FFFFFF; 
	text-decoration: none }
a.sousmenureserve:hover { color: #FFFFFF; 
	text-decoration: none }
.legendeiconesmusees {  
          color: #990066; 
          font-family: Arial, Helvetica, sans-serif; 
          font-size: 11px; 
          line-height: 22px}
       
.marine { color: #333366}
.blanc { color: #FFFFFF}
.blanc_espace_exposition { color: #FFFFFF; font-size: 11px; }
.bleu { color: #006699}
.jaune { color: #FFCC00}
.ocre { color: #CC9900}
.olive { color: #666600}
.rouge { color: #990000}
.fuschia {  color: #990033}
.fuschiaclair { color: #CC3366}
.menuconcours {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 13px; 
    color: #FFCC33;
    text-decoration: none; 
    font-weight: bold
}
.menuconcours:hover { color: #FFFF99; text-decoration: none }
ol { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000 ; 
	list-style-type: decimal}
       
a.noir:link { color:black}
a.noir:visited { color:black}
a.noir:active { color:black}
.petit { font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 14px; 
	color: #000000 }
.gris {  color: #999999}
.vignette { font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 12px; 
	color: #999999}
.textelc {  margin-top: 3px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 25px; 
	font-size: 12px; 
	font-weight: normal}
.menulaurier { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 13px; 
	color: #666600; 
	text-decoration: none; 
	font-weight: normal}
.beige { color: #FFFFCC; 
	font-family: "Times New Roman", Times, serif; 
	font-style: oblique}
.calendarHeader { font-weight: normal; 
	background-color: #333366}
.calendarSelectedWeek { background-color: #CCCCFF; 
	text-align: center; 
	font-size: 10px;}
.calendar { background-color: #666699; 
	text-align: center; 
	font-size: 10px;}
.calcoulclaire { color: #9999CC }
.treeMenu { 
	font-family : Arial,Helvetica,sans-serif; 
	color: #FFFFFF;
	font-size : 8pt; 
}
.treeLink   { 
	color: #FFFFFF;
}
.margevignette {  margin-left: 5px}
.grasvignette { font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold; 
	color: #000000 }
.italiquevignette { font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: italic; 
	line-height: 16px; 
	color: #000000 }
.menuaccueilcircuits { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 14px; 
	color: #FF9933; 
	text-decoration: none; 
	font-weight: bold }
a.menuaccueilcircuits:hover { color: #FFFFFF; 
	text-decoration: none }
.marineclair { color: #9999CC}
.couleurmenucircuits { color: #FF6666}
.menuaccueilguidemusees { font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 14px; 
	color: #FFCC33; 
	text-decoration: none; 
	font-weight: bold }
a.menuaccueilguidemusees:hover { color: #FFFFFF; 
	text-decoration: none }
 
.etiquette {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 16px; 
	color: #FFFFFF; 
	background-color: #0099CC;
	padding: 3px;
}
.iframe {  background-color: #006699;
SCROLLBAR-FACE-COLOR: #006699; 
SCROLLBAR-HIGHLIGHT-COLOR: #006699; 
SCROLLBAR-SHADOW-COLOR: #0099cc; 
SCROLLBAR-3DLIGHT-COLOR: #0099cc; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #006699; 
SCROLLBAR-DARKSHADOW-COLOR: #006699
}	
dd { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000 }
dt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000 ; font-weight: bold}
.trespetit { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 10px; color: #000000 ; padding-top: 2px}
.lienpub1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; color: #660000; font-weight: bold }
a.treeLink:visited { color: #0099CC; }
.reservelatin { 
	font-family: Times-Roman, serif; 
	color: #FFFFFF; 
}
/*
 MAD::Profile::Search needs this 
 MAD::Profile::EspaceMusee needs this 
*/
.cellfonce { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    background-color: #CC6600
}
.cellmpale {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #FF9900
}
.cellstatusexpiration {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #FFCC00
}
.celltpalesanstexte {
    font-weight: normal;
    background-color: #CC6600
}
.erreur {
    font-family: Arial, Helvetica, sans-serif;
    color: #FF0000
}
.erreurformulaire {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FF0000
}
.cellfoncetitre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    background-color: #CC6600;
    color: #000000;
    margin-top: 3px;
    margin-right: 1px;
    margin-bottom: 3px;
    margin-left: 1px;
    border: none
}
.celltpale {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    background-color: #FFCC00
}
a.lienaction:link { color: #0000FF; font-size: 9pt;}
a.lienaction:visited { color: #0000FF; font-size: 9pt;}
a.lienaction:active { color: #FF0000; font-size: 9pt;}
.liensurfonce {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none
}
.submitsurfonce {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: 1px #000000 solid;
    background-color: #FFCC00;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: normal;
    letter-spacing: 2px;
    padding-right: 2px;
    padding-left: 2px
}
.submitsurpalesmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 1px #000000 solid;
    background-color: #CC6600;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-right: 2px;
    padding-left: 2px 
}
.submitsurfoncesmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 1px #000000 solid;
    background-color: #FFCC00;
    font-weight: normal;
    letter-spacing: 2px;
    padding-right: 3px;
    padding-left: 3px
}
.cellcontenupale {
    background-color: #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
}
.cellcontenupale-sep {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /* border-top: solid #FFCC00 1px; */
    vertical-align: bottom;
}
.retour {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          font-weight: bold;
          color: #FFFFFF;
          text-decoration: none; 
          margin-top: 12px; 
          margin-right: 5px; 
          margin-bottom: 2px; 
          margin-left: 8px
}
.bordure-noir {
	border: 1px solid #000000;
}
.ligne-bleu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00659C
}
.ligne-blanc {
	border-bottom-style: none;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: none;
}
.billetnom {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #000000
}
.billetcode {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: bold
}
.form {  
    margin-top: 0px;
    margin-bottom: 0px;
}
.ul-zonescolaire {
	list-style-image: url(/images/mad/contenu/zonescolaire/boulette_ocre.gif);
	line-height: 14px;
}
.marge-zonescolaire-h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.orange {  color: #CC6600}.orange-texte-marge {
	color: #CC6600;
	margin-top: 0px;
	margin-bottom: 5px;
}
.bleu-marge {
	color: #006699;
	margin-top: 0px;
	margin-bottom: 5px;
}
.noir-marge {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}
.gros {
	font-size: 14px;
	color: #006699;
}
/*musee-ete*/
h1.titre-musee-ete{
	color: #fff;
	margin-top:10px;
}
a.musee-ete:link{
	color: #666600;
	text-decoration:none;
}
a.musee-ete:visited{
	color: #666600;
	text-decoration:none;
}
a.musee-ete:hover{
	color: #fff;
	text-decoration:none;
}
td.programmation-musees-ete a{
	text-decoration:underline;
}
td.programmation-musees-ete p{
	margin:5px 5px;
}	
.bgcolor-ete{
	background-color:#ACA727
}
#acteducative .title {
    font-size: 16px;
	line-height: 18px;
    margin-top: 10px
}
#acteducative .subtitle {
    font-size: 14px;
	line-height: 16px;
    margin-top: 10px
}
#acteducative td {
  font-size: 10pt;
  line-height: 12pt;
}
#acteducative-statut td {
  font-size: 10pt;
  line-height: 12pt;
}
#acteducative-prob td {
  font-size: 10pt;
  line-height: 12pt;
}
#acteducative td.col1 {
	font-size:10pt;
	font-weight:bold;
	width:20px;
	text-align:right;
	color:green;
	vertical-align: top;
}
#acteducative td.col2 {
	vertical-align: top;
	width:250px;
}
#acteducative td.col3 {
	vertical-align: top;
	width:400px;
}
#acteducative input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
} 
/*profil*/
div.profil-texte-onglet {
    width:100%;
	background-color:#FFCC00;
	margin:0px;
	padding:0px;
	clear:left;
      }  
div.profil-texte-onglet  p{
	font-size:12px;
	margin:0px 0px 0px 5px;
	padding:0px;
      } 
	  	   
div.profil-texte-onglet h2{
	
	padding:0px;
	margin:5px 0px 5px 5px;
      } 	  
   
div.profil-onglet {
     float:left;
     width:100%;
     background:#fff url("images/mad/iu/profil/bg.gif") repeat-x bottom;
	 font-size:12px;
	 font-weight:bold;
     line-height:normal;
	 padding:0px;
	 margin:0px;
      }
	  
    div.profil-onglet ul {
      margin:0px;
	  padding:10px 10px 0;
      list-style:none;
      }
    div.profil-onglet li {
      float:left;
	  display:inline;
      background:url("images/mad/iu/profil/left.gif") no-repeat left top;
      margin:0px;
      padding:0 0 0 9px;
      }
    div.profil-onglet a {
	  float:left;
      display:block;
      background:url("images/mad/iu/profil/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
	  
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
      div.profil-onglet a {float:none;}
  /* End IE5-Mac hack */
  
    div.profil-onglet a:hover {
      color: #CC9900;
      }
    div.profil-onglet .current {
      background-image:url("images/mad/iu/profil/left_on.gif");
      }
    div.profil-onglet .current a {
      background-image:url("images/mad/iu/profil/right_on.gif");
      color:#333;
      padding-bottom:5px;
      }
	div.profil-onglet .current a:hover {
      color: #fff;
      }


	    	  
	  
/* /mad/calendrier/index.php */
p.fleche-recherche-nom-ins{
  position:relative;
  padding-left:25px; 
}	  
p.fleche-recherche-nom-ins img{
  position:absolute;
  left:6px; 
  top:3px;
}

p.fleche-recherche-nom-ins a{
	text-decoration:none;
}

	
/* Menus dynamiques défilants pour gm et calendriers */
.dynDiv {
  position:absolute; 
  visibility:hidden;
  /*/*/ visibility:visible; /* */
}
/*menu dynamique contenu acteducatives */
.menu-dhtml  * {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.menu-dhtml  li {
	margin-bottom:3px;
}
.menu-dhtml  li strong {
	color: #976A00;
}
.menu-dhtml  li a {
	color: #976A00;
	font-weight:bold;
	text-decoration:none;
}
.menu-dhtml  li li a {
	color: #ff9;
	font-weight:bold;
	text-decoration:none;
}
.menu-dhtml  li a:hover {
	color: #fff;
	
	}
.menu-dhtml  ul {
	list-style-type:none;
	margin-left:5px;
}
/* style pour la fiche repertoire des activites*/
#acteduc-entete h3{
	margin-bottom:0px;
}
#acteduc-entete p{
	margin-top:3px;
}
#acteduc-fiche h3 {
	color:#C90;
	margin-bottom:0px;
}
#acteduc-fiche p{
	margin-top:3px;
}
.dhtml-menu-title{
	margin-left:8px;
	font-weight:bold;
	color:#CC9900;
	
}
.acteduc-liens{
          font-size: 12px;
          line-height: 14px;
	
}
.recherche-acteduc-disciplines, .recherche-acteduc-cycles{
	color:#CC9900;
}
 img.acteduc-separateur{
	color:#CC9900;
	margin:0px 3px 0px;
}



table#gm-refonte {
	margin-right: 10px;
}
#mod-col-droite	{
	margin:	0 20px;
}
#mod-col-droite	div.boites-titre, #mod-col-droite {
	width: 255px;
}
table#gm-refonte td.va-top, table#gm-refonte tr.va-top td, table#gm-refonte table.va-top td {
	vertical-align:	top;
}
td#gm-institution {
	color: #980030;
	padding-bottom:	15px;
}
td#gm-institution h1 {
	border-bottom: 1px solid #980030;
	padding: 12px 6px 0px 20px;
	background: white url("../images/mad/contenu/guidemusees/gm-h1-bg.gif") repeat-y left top;
	margin:	0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align:	middle;
}
td#gm-institution p {
	padding: 0 0 0 20px;
	margin:	0;
}
td#gm-institution p#type-institution {
	color: #000;
	padding-top: 9px;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	vertical-align:	middle;
}
td#gm-institution p#region-touristique {
	color: #d03060;
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
	padding-top: 1px;
	padding-bottom:	6px;
}
div.boite-titre	{
	margin-top: 15px;
	font-size: 11px;
	line-height: 13px;
	color: black;
}
#gm-photo {
	width: 250px; 
}
#gm-photo img {
	/* width: 250px; */
	display: block;
}
#gm-photo p {
	padding: 4px 0 12px 0;
	margin:	0;
	text-align: right;
	color: #666; /*	#980030; */
	line-height: 12.5px;
	font-size: 11px;
}
#gm-adresse-telephone-courriel {
	top: 0;
	left: 0;
	position: relative;
	line-height: 13px;
	vertical-align:	middle;
	border:	1px solid #980030;
	padding-bottom:	8px;
}
#gm-adresse-telephone-courriel p {
	padding-left: 9px;
	margin:	0;
}
#gm-adresse-telephone-courriel p#gm-adresse {
	margin:	0 0 0 40px;
	padding-top: 8px;
}
#gm-adresse-telephone-courriel p#gm-adresse strong {
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
	font-weight: bold;
}
#gm-adresse-telephone-courriel p#gm-telephones {
	padding-top: 7px;
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
}
#gm-adresse-telephone-courriel img.gm-ligne-souris {
	margin-left: 9px;
	display: block;
}
#gm-adresse-telephone-courriel p#gm-courriel-siteweb span.code {
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
	color: #636363;
}
#gm-adresse-telephone-courriel p#gm-courriel-siteweb span.email	{
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
	color: #000;
}
#gm-adresse-telephone-courriel p#gm-courriel-siteweb span.email	a {
	color: #069;
}
#gm-adresse-telephone-courriel p#gm-courriel-siteweb span.site {
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
	color: #903;
}
p#gm-courriel-siteweb span.site a {
	color: #069;
}
#gm-refonte ul,	#gm-refonte li {
	margin:	0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	line-height: 13px;
	color: black;
	vertical-align:	middle;
}
#gm-refonte li img {
	margin-right: 6px;
	vertical-align:	baseline;
}
#gm-tarifs ul {
	margin-top: 5px;
}
table#gm-refonte h2 {
	margin:	0 0 5px	0;
	border-bottom: 1px solid #903;
}
table#gm-refonte h2 span {
	font-size: 12px;
	/*line-height: 12px;*/
	font-weight: bold;
	background-color: #903;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}
/* \*/
* html table#gm-refonte	h2 span	{
	display: block;
	width: 150px;
	white-space: nowrap;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 1px;
}
.dummy50 {}
/* */
#gm-adresse-telephone-courriel img.gm-pieds, #gm-a-decouvrir img.gm-ligne-souris {
	width: 34px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
/* \*/
* html #gm-adresse-telephone-courriel img.gm-pieds {
	top: 1px;
	left: auto;
	voice-family:"\"}\"";
	voice-family:inherit;
	top: 3px;
}
.dummy30 {}
* html #gm-a-decouvrir img.gm-ligne-souris {
	top: 1px;
	left: auto;
	voice-family:"\"}\"";
	voice-family:inherit;
	top: 4px;
}
.dummy31 {}
/* */
table#gm-refonte #gm-a-decouvrir h2 {
	padding: 8px 0 0 38px;
	border:	0;
}
table#gm-refonte #gm-a-decouvrir h2 span {
	display: inline;
	width: auto;
	background-color: transparent;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #903;
	padding-left: 0;
	padding-right: 0;
}
#gm-programmation {
	position: relative;
	top: 0;
	left: 0;
	color: #2f3062;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	height:	22px;
	border:	1px solid #b5b5e7;
	margin-bottom: 25px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-bottom: 20px;
}
.dummy1 {}
#gm-programmation a {
	text-decoration: none;
	color: #2f3062;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}
#gm-programmation div {
	padding-left: 61px;
}
#gm-programmation img {
	position: absolute;
	top: -13px;
	left: 0;
	width: 54px;
	height:	45px;
}
#gm-activites-educatives {
	position: relative;
	top: 0;
	left: 0;
	color: #069;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	height:	22px;
	border:	1px solid #ffce00;
	margin-bottom: 30px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-bottom: 20px;
}
.dummy22 {}
#gm-activites-educatives a {
	text-decoration: none;
	color: #069;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}
#gm-activites-educatives div {
	padding-left: 61px;
}
#gm-activites-educatives img {
	position: absolute;
	top: -13px;
	left: 0;
	width: 54px;
	height:	45px;
}
#gm-activites-educatives span {
	font-weight: normal;
	font-size: 11px;
	color: #069;
}
#gm-a-decouvrir	{
	top: 0;
	left: 0;
	position: relative;
	line-height: 13px;
	vertical-align:	middle;
	border:	1px solid #980030;
	padding-bottom:	8px;
}
#gm-a-decouvrir	p {
	clear: both;
	margin:	12px 8px 0 8px;
	padding: 0;
}
/* \*/
* html #gm-a-decouvrir h2, * html #gm-adresse {
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-top: -20px !important;
}
.dummy40 {}
/* */
#gm-classement-patrimonial li {
	font-size: 11px;
	line-height: 13px;
	color: #000;
}
#gm-classement-patrimonial li img {
	vertical-align:	middle;
}
#gm-accueil span.rouge {
	color: #903;
	font-size: 11px;
	line-height: 13px;
	vertical-align:	middle;
}
#gm-accessibilite td {
	font-size: 11px;
	line-height: 13px;
	color: #000;
	padding-bottom:	4px;
}
#gm-accessibilite td img {
	margin-right: 4px;
}
#gm-pied-contenu {
	padding: 40px 0	20px 20px;
}
#gm-pied-contenu div {
	border-top: 1px	solid #636363;
	font-size: 11px;
	line-height: 11px;
	padding-top: 4px;
}
#gm-pied-contenu a {
	color: #069;
}



/* code SMQ Guide musée */
#codesmq-guidemusees {
        background-color: #cc3366;
        font-family:Arial, Helvetica, sans-serif;
        padding:3px 7px
}

#codesmq-guidemusees p{
        color: #ffcccc;
        padding:0px;
        margin:0px;
        position:relative;
        top:5px;
}

#codesmq-guidemusees p img{
        margin-left:5px;
}

#codesmq-guidemusees form{
        padding:0px;
        margin:0px 0px 5px 0px;
}

#codesmq-guidemusees input{
        background-color: #ffcccc;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        border:1px solid #990033;
}


#codesmq-guidemusees input.bouton{
        border:none;
        position: relative;
        top:7px;
}
/* fin de Code SMQ Guide musée */


/* date calendrier page d'accueil */
#date-calendrier {
        /*background-color: #666699;*/
        font-family:Arial, Helvetica, sans-serif;
        padding:3px 7px 15px 10px;
		margin-left:10px;
		margin-top:0px;
		border-bottom:1px dotted #C90;
		
}

#date-calendrier p{
        color: #ccccff;
        padding:0px 0px 0px 0px;
        margin:0px ;
}

#date-calendrier p.jusqua strong{
	position:relative;
	top:8px;
}

#date-calendrier .error { color: yellow; }


#date-calendrier form{
        padding:0px;
        margin:0px 0px 5px 0px;
}

#date-calendrier input{
        background-color: #ccccff;
        font-family:Arial, Helvetica, sans-serif;
		        border:1px solid #333366;
		padding:0px;
}

#date-calendrier input.bouton{
        border:none;
        position: relative;
        top:7px;
}


/* code SMQ Guide musée section calendrier */
#codesmq-calendrier {
        background-color: #666699;
        font-family:Arial, Helvetica, sans-serif;
        padding:3px 7px
}

#codesmq-calendrier p{
        color: #ccccff;
        padding:0px;
        margin:0px;
        position:relative;
        top:5px;
}

#codesmq-calendrier p img{
        margin-left:5px;
}

#codesmq-calendrier form{
        padding:0px;
        margin:0px 0px 5px 0px;
}

#codesmq-calendrier input{
        background-color: #ccccff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        border:1px solid #333366;
}

#codesmq-calendrier input.bouton{
        border:none;
        position: relative;
        top:7px;
}


/* code SMQ Guide musée section zone scolaire */
#codesmq-zonescolaire {
        background-color: #fcdc5b;
        font-family:Arial, Helvetica, sans-serif;
        padding:3px 7px
}

#codesmq-zonescolaire p{
        color: #b48601;
        padding:0px;
        margin:0px;
        position:relative;
        top:5px;
}


#codesmq-zonescolaire form{
        padding:0px;
        margin:0px 0px 5px 0px;
}

#codesmq-zonescolaire input{
        background-color: #ffff99;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        border:1px solid #cc9900;
}

#codesmq-zonescolaire input.bouton{
        border:none;
        position: relative;
        top:7px;
}


#codesmq-zonescolaire p img{
        margin-left:5px;
}

/* /mad/guidemusees/pdf/index.php */

.pdf-index-1 {
    list-style: none;
    padding-left: 0px;
    margin-left: 30px;
}



#raffiner-recherche {
}
.raffiner-recherche-calendrier {
	border-bottom: 2px dotted #C90;
}
#raffiner-recherche p.invite {
	font-weight: bold;
	color: #C90;
	margin: 10px 0;
	padding: 1px;
	text-align: center;
	border-bottom:2px dotted #C90
}

/* menu section information */

.menuinformations { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 14px; 
	color: #cccc99; 
	text-decoration: none; 
	font-weight: bold }

a.menuinformations:hover { color: #FFFFFF; 
	text-decoration: none }


/* menu section information */

.menusmq { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 14px; 
	color: #cccc99; 
	text-decoration: none; 
	font-weight: bold }

a.menusmq:hover { color: #FFFFFF; 
	text-decoration: none }

/* nouvelle Une de la page d'accueil 2016-03-30 */
#col-gauche, #col-centre, #col-droite,#gap{display:table-cell;  vertical-align:top}
.wrapper-table{display:table;width:100%;}
#gap{width:30px; background:red}
#col-gauche {
	background-color: #660;
	width:161px;
}
#col-centre{
	border-left:30px solid #c90;
	border-right:30px solid #c90;
	width:100%;
	
}

#col-droite{
	background-color: #c60;
	width:187px;
}

/* nouvelle Une de la page d'accueil 2009-09-13 */
td.contenu-accueil{
	margin: 0;
	padding: 0;
}

td#col-gauche {
	background-color: #660;
	width:161px;
}
#col-gauche *{
	padding:0px;
	margin:0px
}

td#col-gauche div#contenu-colgauche-accueil {
	position:relative;
	top:0px;
	left:0px;
	width:161px;
	font-size:12px;
}

/* \*/
* html td#col-gauche div  {
	position: relative;
}
/* */




td#col-centre{
	padding:0 30px;
	
}

td#col-droite{
	background-color: #c60;
	width:262px;
}
	

div.contenu-col-gauche{
	width: 161px;
	margin:0px
}

div.contenu-col-droite{
	width: 187px;
	margin:0px;
	padding:0 10px;
	box-sizing:border-box
}

/* section de gauche */
#col-gauche .accueil-smq a, #col-gauche .accueil-informations a {
	font-family: Arial, Helvetica, sans-serif; 
	color: #cccc99; 
	text-decoration: none;
	font-weight:bold; 
}
	
#col-gauche .accueil-smq a:hover, #col-gauche .accueil-informations a:hover{
	color: #fff;  
}

#col-gauche .accueil-smq p, #col-gauche .accueil-informations p{
	padding:0px 0px 5px 10px;
}


#col-gauche .accueil-smq form, #col-droite .accueil-infolettre form, #col-gauche .accueil-recherche form  {
	padding:0px;
	margin:0px;
}

#col-gauche .accueil-smq{
	padding:10px 0px;
	border-bottom:1px solid #C90;
}



#col-gauche .accueil-smq p{
	background:url(images/mad/iu/accueil/separateur-smq.gif) no-repeat right bottom;
}

#col-gauche .accueil-informations p{
	background:url(images/mad/iu/accueil/separateur-informations.gif) no-repeat right bottom;
}
#col-gauche .accueil-smq p.accueil-dernier-item, #col-gauche .accueil-informations p.accueil-dernier-item{
	background:none;
}

#col-gauche .accueil-informations{
	background-color:#990;
	padding:10px 0px;
	border-bottom:1px solid #C90;

}



#col-gauche .accueil-code-smq{
	background-color:#069;
	padding:10px 0px;
	border-bottom:1px solid #C90;
	position:relative;
	top:0px;
	left:0px;
	
}

/* \*/
* html td#col-gauche .accueil-code-smq, * html td#col-gauche .accueil-recherche {
	height:1px;	
}
/* */
#col-gauche .accueil-code-smq input{
	width:120px;
	border:1px solid #036;
	margin:0 0 0 10px;
	background-color:#9CC;
}

#col-gauche .accueil-code-smq input.bouton{
	position:absolute;
	bottom:9px;
	right:10px;
	margin:0;
	padding:0;
}

#col-gauche .accueil-code-smq p{
	color:#9CC;
	padding:0px 0px 5px 10px;
}





#col-droite .accueil-infolettre{
	background-color:#C60;
	padding:10px 0px;
	border:1px solid #C90;
}

#col-droite .accueil-infolettre *{

	padding:0px;
	margin:0;
}

#col-droite .accueil-infolettre input{
	width:142px;
	border:1px solid #930;
	margin:0 0 0 10px;
	background-color:#FFC;
}

#col-droite .accueil-infolettre p.inscription{
	text-align:right;
	padding: 5px  30px 8px 30px;
	/*background:url(images/mad/iu/accueil/separateur_infolettre.gif) no-repeat right bottom;*/
}

#col-droite .accueil-infolettre p input.bouton{
	position:absolute;
	right:10px;
	top: 5px;
}

#col-droite .accueil-infolettre img.fleche{
	position:absolute;
	top:15px;
	left: 62px;
}

#col-droite .accueil-infolettre p{
	color:#FC6;
	padding:0px 0px 5px 10px;
	position:relative;
	left:0px;
	top: 0px;
}

#col-droite .accueil-infolettre p a{
	color:#FC6;
	text-decoration:none
} 

#col-droite .accueil-infolettre p span{
	color:#FC6;
	padding:0px 0px 0px 10px;
}



#col-gauche .accueil-recherche{
	background-color:#990;
	padding:10px 0px;
	border-bottom:1px solid #C90;
	position:relative;
	top:0px;
	left:0px;

}

#col-gauche .accueil-recherche input{
	width:120px;
	border:1px solid #330;
	margin:0 0 0 10px;
	background-color:#FFC;
}


#col-gauche .accueil-recherche input.bouton{
	position:absolute;
	bottom:9px;
	right:10px;
}

#col-gauche input.bouton, td#col-droite input.bouton{
	width:19px;
	border:none;
	margin:0;
	padding:0;
}

#col-gauche .accueil-recherche p{
	color:#330;
	padding:0px 0px 5px 10px;
}


/*section centre */
#col-centre div.calendrier-accueil div.evenement {
	border-bottom:1px solid #C90;
	padding:0px!important;
	margin:0px !important;

}

td#col-centre div.calendrier-accueil div.evenement .clearfix {
	width:400px;
	margin:0 auto;
}

#col-centre div.calendrier-accueil div.accueil-eve-1 .clearfix img.titre  {
	margin:0px 20px 0px 50px;
	border:none;
	float:none;
	
}

#col-centre div.calendrier-accueil div.accueil-eve-1 .clearfix img  {
	float:left;
	margin:0px 20px 20px 0px;
	border:1px dotted #C90;	
	
}

#col-centre div.calendrier-accueil div.accueil-eve-2 .clearfix img  {
	float:right;
	padding:0px 0px 0px 20px;
}


#col-centre div.calendrier-accueil div.accueil-eve-1  p  {
	text-align:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 20px 0px;
	color:#fff;
}

#col-centre div.calendrier-accueil div.accueil-eve-1  p span  {
	text-align:left;
	color:#7a7aad;
	/*color:#fff;*/
	padding:0;
	margin:0px;
}


#col-centre div.calendrier-accueil div.accueil-eve-2  p  {
	text-align:right;
	padding:20px 0px 0px 0px; 
	margin:0px;
	color:#fff;

}

#col-centre div.calendrier-accueil div.accueil-eve-3  img  {
	padding-top:30px;
}

#col-centre div.calendrier-accueil div.accueil-eve-3  p  {
	color:#fff;
}

#col-centre div.calendrier-accueil div.accueil-eve-1  a:link, td#col-centre div.calendrier-accueil div.accueil-eve-1  a:visited  {
	font-weight:bold;
	text-decoration:none;
	color:#cc9900;
}


#col-centre div.calendrier-accueil div.accueil-eve-2  a:link, td#col-centre div.calendrier-accueil div.accueil-eve-2  a:visited  {
	font-weight:bold;
	text-decoration:none;
	color:#cc9900;
}

#col-centre div.calendrier-accueil div.accueil-eve-3  a:link, td#col-centre div.calendrier-accueil div.accueil-eve-3  a:visited  {
	font-weight:bold;
	text-decoration:none;
	color:#ccccff;
}

td#col-centre div.calendrier-accueil div.accueil-eve-3  a:hover  {
	color:#fff;
}

td#col-centre div.calendrier-accueil .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

td#col-centre div.calendrier-accueil .clearfix {display: inline-table;}
/* \*/
* html td#col-centre div.calendrier-accueil .clearfix {height: 1%;}
td#col-centre div.calendrier-accueil .clearfix {display: block;}
/* */


#col-centre div.calendrier-accueil{
	background-color:#336;
	clear:both;
}
#col-centre div.calendrier-accueil p.clear{
	clear:both;
}

#col-centre div.calendrier-accueil div.grande-expo{
	background:url(images/mad/iu/accueil/grandeexpo_ligne.gif) repeat-x 175px 0 ;
	width:330px;
	margin:20px auto;
	clear:both;		
}




#col-centre div.calendrier-accueil div.grande-expo img.img-grande-expo{
	float:right;
	border:1px dotted #C90;	
}

#col-centre div.calendrier-accueil div.evenements-speciaux img.img-even-spe{
	float:left;
	border:1px dotted #C90;	
}

#col-centre div.calendrier-accueil div.evenements-speciaux{
	background:url(images/mad/iu/accueil/evenementsspe_ligne.gif) repeat-x left -21px ;
	width:330px;
	margin:10px auto;
	text-align:right;
	clear:left;
	position:relative;
	left:0px;
	top:0px;
}

#col-centre div.calendrier-accueil div.vignette-accueil{
	width:200px;
	position: absolute;
	top:67px;
	left:131px;
	text-align:left;
	color:#7a7aad;
	font-size:10px;
	padding:0px;

}


#col-centre div.block-expo-virtuelle{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin-top:20px;
	position:relative;
	top:0px;
	left:0px;
}

#col-centre div.block-expo-virtuelle p{
	padding:10px 30px 10px 55px;
	margin:0;
}

td#col-centre div.block-expo-virtuelle img.img1{
	position:absolute;
	top:-11px;
	left:-3px;
}

td#col-centre div.block-expo-virtuelle img.img2{
	position:absolute;
	bottom:-11px;
	right:-10px;
}

/* \*/
* html td#col-centre div.block-expo-virtuelle {
	height:1px;
}
/* */


td#col-centre div.titre-six-sections {
	background: url(images/mad/iu/accueil/titre_six_sections.gif) repeat-x;
	height:41px;
	margin:10px 0px;
	text-align:center;
}

td#col-centre table.six-sections td img {
	float:left;
}

td#col-centre table.six-sections td p {
	padding:20px 10px 10px 45px;
	margin: 0px;
	font-size:11px;
}

td#col-centre table.six-sections td p strong {
	padding: 0px 0 15px 0 ;
	font-size:12px;
}


td#col-centre accueil-pub {
	width:350px;
	height:88px;
}




/* le bandeau type pour les pages de contenu */

div.contenu-smq h1 {
	border-bottom: 1px solid #999900;
	padding: 12px 6px 0px 20px;
	background: white url("../images/mad/contenu/smq/smq-h1-bg.gif") repeat-y left top;
	margin:	0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align:	middle;
	margin-left:-10px;
	color:#666600;
}
div.contenu-smq {
	padding:0px 20px 20px 10px;
}
div.contenu-smq ul li{
	padding:10px 0px;
}
div.contenu-smq ol li {
	padding-bottom:10px;
	
}
div.contenu-smq  p.question {
	color:#666600;
	margin:20px 0px 5px 0px;
}
div.contenu-smq  p.reponse {
	padding:0px;
	margin:5px 30px;
}
div.contenu-smq  div.reponse p {
	padding:0px;
	margin:5px 30px;
}
div.contenu-smq  div.reponse ol {
	padding:0px;
	margin:5px 50px;
}


div.contenu-information h1 {
	border-bottom: 1px solid #666600;
	padding: 12px 6px 0px 20px;
	background: white url("../images/mad/contenu/informations/information-h1-bg.gif") repeat-y left top;
	margin:	0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align:	middle;
	margin-left:-10px;
	color:#999900;
}
div.contenu-information {
	padding:0px 20px 20px 10px;
}
div.contenu-information ul li{
	padding-bottom:10px;
}


div.contenu-calendrier h1 {
	border-bottom: 1px solid #666699;
	padding: 12px 6px 0px 20px;
	background: white url("../images/mad/contenu/calendrier/calendrier-h1-bg.gif") repeat-y left top;
	margin:	0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align:	middle;
	margin-left:-10px;
	color: #666699;
}
div.contenu-calendrier {
	padding:0px 20px 20px 10px;
}
div.contenu-calendrier ul li {
	padding-bottom:10px;
}


div.contenu-guidemusees h1 {
	border-bottom: 1px solid #cc3366;
	padding: 12px 6px 0px 20px;
	background: white url("../images/mad/contenu/guidemusees/guidemusees-h1-bg.gif") repeat-y left top;
	margin:	0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	vertical-align:	middle;
	margin-left:-10px;
	color: #990033;
}
div.contenu-guidemusees {
	padding:0px 20px 20px 10px;
}
div.contenu-guidemusees ul li {
	padding-bottom:10px;
}

table.acteduc-document {
    margin-bottom: 12px;
}
.madservice-famille,.contenu-famille {
	margin-top: 20px;
	margin-bottom: 20px;
	width:700px;
	margin:0 auto;
}


.madservice-famille a,.contenu-famille a {
color:#000;
}

.madservice-famille a:hover,.contenu-famille a:hover {
color:#fff;
}

div#slideshow {
	margin-top:20px;
	height:100px;
	min-height:100px;
}

div#slideshow td p {
	margin-top:0;

}

/* Pour le cycle */

.cycle {  
    height:  208px;  
    width:   760px;  
    padding: 0;  
    margin:  0;  
} 
 
.cycle table {  
    padding: 15px;  
    border:  1px solid #333;  
	background-color: #000;
	color: #FFFF00;
    width:  728px; 
    height: 176px; 
            /*
    top:  0; 
    left: 0; 
    */
} 

/* En read-only */
.donnees_administratives_ro {
    /* 
    color:#993366; 
    background-color:#FFFFCC; 
    font-family:arial,helvetica,sans-serif; 
    font-size: 11pt; 
    */
    color:#C60;
    font-weight: bold;
}
div.donnees_administratives_ro {
    margin-right:15px;
}


/* nouveau css pour zone scolaire page accueil */
table#marge-table{
				margin-bottom:24px;
}

#fond-section	{background:#efa10d url(images/mad/contenu/zonescolaire/accueil/fond.jpg) repeat-x left top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif!important;
	position:relative;
}

#zone-scolaire-block{
	position:relative;
	left:0;
	top:0;
	margin:0 auto;
	width:987px;

	}
	
#zone-scolaire-logo {
	background: url(images/mad/contenu/zonescolaire/accueil/entete.png) no-repeat;
	width:505px;
	height:300px;
	position:absolute;
	left:0;
	top:-90px;
	z-index:3000;
	}
#zone-scolaire-logo2 {
	background: url(images/mad/contenu/zonescolaire/accueil/entete.png) no-repeat -500px 0;
	width:500px;
	height:200px;
	position:absolute;
	left:500px;
	top:-90px;
	z-index:3000;
	}
* html #zone-scolaire-logo  {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mad/contenu/zonescolaire/accueil/entete.png", sizingMethod="crop");
	top:0px;
	}
* html #zone-scolaire-logo2  {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mad/contenu/zonescolaire/accueil/entete2.png", sizingMethod="crop");
	top:0px;
	}	
	
* + html #zone-scolaire-logo, * + html #zone-scolaire-logo2  {
	top:0;
	}

	
#zone-scolaire-block h1{
	display:none;
	}
	
#menu-zone-scolaire{
	margin:200px 0 0 0;
	padding:0;
	list-style:none;
	list-style-image:none;
	width:262px;
	}
	
#menu-zone-scolaire li{
	margin-bottom:5px;
	}	
	
#menu-zone-scolaire a{
	color:#7f3c05;
	text-decoration:none;
	font-weight:bold;
	margin-left:20px;
	}
#menu-zone-scolaire a:hover{
	color:#fff;
	}	


#reserve-virtuelle{
	width:224px;
	height:351px;	
	position:relative;
	margin-left:3px;
	background:url(images/mad/contenu/zonescolaire/accueil/titres/reserve-virtuelle.jpg) no-repeat 0 1px;

	}
	
#reserve-virtuelle a{
	display:block;
	width:224px;
	height:351px;
	position:absolute;
	top:0;
	left:0;
	background:url(images/mad/contenu/zonescolaire/accueil/titres/reserve-virtuelle.jpg) no-repeat 0 1px;
	}
	
#reserve-virtuelle a:hover{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/reserve-virtuelle-over.jpg) no-repeat 0 1px;
	}


	
#reserve-virtuelle p{
	position:absolute;
	color:#FFF;
	top:270px;
	padding:0 40px 20px 60px;
	text-align:center;
	
	}	
	
#repertoire-activites {
	position:relative;
	left:0;
	top:0;
	width:500px;
	height:100%;
	text-align:right;
	}	


#repertoire-activites .texte-section {
	padding-right:256px;
	color:#2f1110;

	}
	
#repertoire-activites .texte-section p {
	z-index:300;
	position:relative;
	left:24px;
	}	

#repertoire-activites #carrousel{
	position:absolute;
	width:256px;
	right:-6px;
	top:-114px;
	border:none!important;
	}
	
#repertoire-activites #carrousel img{
	border:none!important;
	}
* html #repertoire-activites  #carrousel{	
	top:-97px;
	}	
* + html #repertoire-activites  #carrousel{	
	top:-97px;
	}
	
#repertoire-activites h2{
	background: url(images/mad/contenu/zonescolaire/accueil/titres/planifiez-vos-sorties.png) no-repeat top right;
	text-align:right;
	height:37px;
	margin-bottom:0;
	z-index:300;
	position:relative;
	left:24px;
	}
	
#repertoire-activites p{
	margin-top:5px;
	}
	
.lien-planifiez a{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-repertoires-musee.png) no-repeat;
	display:block;
	height:47px;
	box-shadow: 2px 2px 4px  #d28d0b;
	-webkit-box-shadow: 2px 2px 4px  #d28d0b;
	-moz-box-shadow: 2px 2px 4px  #d28d0b;
	}
.lien-planifiez a:hover{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-repertoire-musee-over.png) no-repeat;
	}	
.lien-planifiez a span{
	display:none;
	}	
#repertoire-activites h2 span,#reserve-virtuelle h2 span, #ressources-enseignants h2 span, #capsules-musees h2 span, #musees-internet h2 span {
	display:none;
	}		
#ressources-enseignants{
	width:205px;
	background:#e38905;
	box-shadow: 0 0 5px  #d28d0b;
	-webkit-box-shadow: 0px 0px 5px  #d28d0b;
	-moz-box-shadow: 0px 0px 5px  #d28d0b;
	margin-bottom:24px;
	margin-left:24px;
	margin-bottom:24px;
	padding-top:23px;
	height:150px;
	}

#ressources-enseignants h2{
	background: url(images/mad/contenu/zonescolaire/accueil/titres/ressources-enseignants.png) no-repeat top left;
	height:37px;
	margin:0 0 0 23px
	}

#ressources-enseignants p{
	padding:0 23px;
	margin-top:0;
	}
#ressources-enseignants p{
	padding:0 23px;
	margin-top:0;
	margin-bottom:5px;
	}	

.allez-y a{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-allezy.png) no-repeat;
	display:block;
	height:47px;
	}
.allez-y a:hover{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-allezy-over.png) no-repeat;
	}	
.allez-y {
	margin:12px 0 0;
	}
#ressources-enseignants a span{
	display:none;
	}
	
#capsules-musees h2{
	background: url(images/mad/contenu/zonescolaire/accueil/titres/capsules-musees.png) no-repeat top left;
	height:47px;
	margin:0 0 0 -20px
	}	
#capsules-musees{
 	width:500px;
	height:176px;
	position:relative;
	left:0;
	top:0;
	background:url(images/mad/contenu/zonescolaire/accueil/capsules-musees.jpg) no-repeat left top;
	margin-bottom:24px;
	box-shadow: 0 0 5px  #d28d0b;
	-webkit-box-shadow: 0px 0px 5px  #d28d0b;
	-moz-box-shadow: 0px 0px 5px  #d28d0b;
	}
#capsules-musees .texte-section{
	position:absolute;
	width:200px;
	top:30px;
	left:201px;
	z-index:3000;
	}
	
.visionneuse{
 	background:url(images/mad/contenu/zonescolaire/accueil/visionneuse.jpg) no-repeat;
	position:absolute;
	width:199px;
	height:176px;
	left:-20px;
	top:0;
	z-index:1
	}
	
.lien-visite a{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-visite.png) no-repeat;
	display:block;
	width:305px;
	height:40px;
	position:absolute;
	right:7px;
	bottom:7px;
	}
.lien-visite a:hover{
	background:url(images/mad/contenu/zonescolaire/accueil/titres/bouton-visite-over.png) no-repeat;

	}
	
.lien-visite a span{
	display:none;
	}		
#musees-internet{
	width:205px;
	background:#e38905;
	box-shadow: 0 0 5px  #d28d0b;
	-webkit-box-shadow: 0px 0px 5px  #d28d0b;
	-moz-box-shadow: 0px 0px 5px  #d28d0b;
	margin-top:24px;
	margin-left:24px;
	margin-bottom:24px;
	padding-top:0;
	height:176px;
	font-size:10px!important;
	line-height:10px!important;
	}
#musees-internet h2{
	background: url(images/mad/contenu/zonescolaire/accueil/titres/musees-internet.png)  no-repeat top left;
	height:20px;
	margin:0 0 0 5px 
	}
#musees-internet p{
 	padding:2px;
	margin:0;
	font-size:10px!important;
	line-height:10px!important;
	}	

#musees-internet a:hover{
	color:#FFF;
	}

#musees-internet table{
 	border:4px solid #f3ab0c;
	margin-top:4px;
	box-shadow: 0 0 5px  #d28d0b;
	-webkit-box-shadow: 0px 0px 5px  #d28d0b;
	-moz-box-shadow: 0px 0px 5px  #d28d0b;

	}	
	
#musees-internet  a{
	background: url(images/mad/contenu/zonescolaire/accueil/fleche-musee-internet.png) no-repeat 65% center;
	display:block;
	padding:-2px 20px 10px 2px;
	text-decoration:none;
	font-size:10px!important;
	line-height:10px!important;

	}
#musees-internet table td a{
	background:#db7802 url(images/mad/contenu/zonescolaire/accueil/fleche-musee-internet.png) no-repeat 95% center;
	display:block;
	padding:2px 15px 2px 2px;
	text-decoration:none;
	font-size:10px!important;
	line-height:10px!important;

	}
#musees-internet table td a.img {
	background-color:#db7802;
	padding-right:0;
	background-image:none!important;

	}
	
#musees-internet table td a span{
 color:#FFF;
		font-size:10px;
	}
	
#musees-internet strong{
	padding-top:10px;
	font-size:12px!important;
	line-height:12px;

	}
#image-aleatoire{
	display:none;
	}
.facebook img{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}	


.section-accueil{
	padding:3em;
	}
	td#col-centre div.calendrier-accueil:after, 
	.photo:after, .texte-accueil:after{
	content:"";
	display:block;
	clear:both
	}
.texte-accueil, .section-accueil *{
	color:#fff;
	}	
.texte-accueil{
	margin-bottom:3em;
	 width:600px;
 margin:0 auto 3.5em;

	}	
.photo{display:table;
 width:600px;
 margin:0 auto;
 background:#64648b;
 margin-bottom:3em;
 position:relative;
 }
 
		
 .photo a{display:table-cell;
 width:600px;
 box-sizing:border-box;
 padding:0 ;
 position:relative;
 vertical-align:middle;
 height:100%;
 text-decoration:none;
 outline:none;
 
 } 
 .photo img{display:block;
	width:300px; height:auto; }	
	
 .photo .texte{
display:table-cell;
 width:300px;
 box-sizing:border-box;
 padding:0 3em;
 position:relative;
 vertical-align:middle
 
 }
  .photo1 .img-accueil{
display:table-cell;
 width:300px;
 padding:0;
 
 }
 
   .photo2 #carrousel{
display:table-cell;
 width:300px;
 padding:0;
}
 
.photo1 div.inner-texte:after  {
content: "";
display: block;
position: absolute;
left: 110%;

top: -50%;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 40px;
border-color: transparent transparent transparent #64648b;
}

.photo2 div.inner-texte:after  {
	
	content:"";
	display:inline-block;
position:absolute;
	right:255px;
	top:-20%;
	width: 0;
height: 0;
border-style: solid;
border-width: 50px 40px 50px 0;
border-color: transparent /*red*/ #64648b transparent transparent;
z-index:3}

div.inner-texte{position:relative;}