/*
fait par: Thierry Vigneau
le: 17/11/2008

modifie par:
le:
*/



/* - - - SIFR - - - */
@import url(sifr.css);
@import url(flora.datepicker.css);
/* - - - - - - */


/* - - - GLOBAL - - - */

/* style wysiwyg */
p, ol, li, dd, table {
	margin: 9px 0 9px 0;
	font-size: 1em; text-align: left; line-height: 16px;
  }

p { /*text-align: justify;*/ }

a { color: rgb(51,102,153); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	margin: 11px 0 5px 0; padding: 0;
	color: rgb(78,109,149);	background-color: transparent;
	font-family: Helvetica, sans-serif; text-align: left; font-weight: normal;
  }
h1.widthdefine { width: 79%; }

h1 { font-size: 31px; /* 2.5em */ color: #527460; font-family: Helvetica, sans-serif; text-transform: uppercase; }
h2 { font-size: 22px; /* 2em */ color: #527460; text-transform: uppercase; }
h3 { font-size: 1.8em; color: #527460; text-transform: uppercase; }
h4 { font-size: 1.35em; }
h5, h6 { color: rgb(102,102,102); font-size: 1.1em; }

ul {
	margin: 11px 0 11px 0; padding-left: 18px;
  }
li {
	margin: 3px 0 3px 0;
  }
ul.box { padding-left: 0; margin-bottom: 20px; }

tr, td {
	vertical-align: top;
  }
td, th {
	text-align: left;
  }

input,
textarea,
select{
	font: 100% arial,sans-serif;
	vertical-align: middle;
  }
form,fieldset{
	margin: 0; padding: 0; border: none;
  }


img {
	border: 0;
  }

hr {
	height: 1px; margin: 0 0 10px 0;
	background: rgb(204,204,204); color: rgb(204,204,204);
	border: 0;
  }

form {
	margin: 0; padding: 0;
  }

.Indentation { text-indent: 30px; }
.TexteEnPetit { font-size: 0.85em; }
.TexteEnGrand { font-size: 1.15em; }
.PremiereLettreMotEnMaj { text-transform: capitalize; }
.TexteEnMajuscules { text-transform: uppercase; }
.TexteEnMinuscules { text-transform: lowercase; }
.TexteEnPetitesCapitales { font-variant: small-caps; }

.TexteDroite { text-align: right; }
.TexteGauche { text-align: left; }
.TexteCentre { text-align: center; }

.ImageDroite { float: right; margin: 5px 0 5px 8px; }
.ImageGauche { float: left; margin: 5px 8px 5px 0; }

.CouleurRouge { color: red; }
.CouleurBleu { color: blue; }
.CouleurJaune { color: yellow; }
.CouleurVert { color: green; }
.CouleurVertMP { color: #73B500; }
.CouleurViolet { color: violet; }
.CouleurGris { color: gray; }
.CouleurOrange { color: orange; }
.CouleurOrange { color: orange; }
.CouleurMarron { color: maroon; }
/* - - - */


/* autres */
.obligatoire { font-style: normal; }

.clear {
  clear: both; height: 0; font-size: 0; 
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

small { font-size: 0.9em !important; }
big { font-size: 1.1em !important; }


label, .label { cursor: pointer; }
.help, acronym { cursor: help; }
.cursordefault { cursor: default; }

.succes { color: rgb(0,102,51); }
.error { color: rgb(204,0,0); }

.listdisc { list-style-type: disc; }
.listcircle { list-style-type: circle; }
.listsquare { list-style-type: square; }
.listdecimal { list-style-type: decimal; }
.listlr { list-style-type: lower-roman; }
.listla { list-style-type: lower-alpha; }
.listua { list-style-type: upper-alpha; }
.listnone { list-style-type: none; }

.displaynone { display: none; }

.holder { /* width: 100%; display: table; */ }
.big-column h1 span { display: block; /* white-space: nowrap; */ }
.big-column h1 { margin: 0; }
.menu-hold { background: #fff; }
.wysiwyg a {
  text-decoration: none; padding-left: 12px;
  font-weight: bold;
  background: url('../images/arrow.gif') no-repeat 0 4px; color: #18462c;
  }
.wysiwyg a:hover { text-decoration: underline; }

.infosplus {
	margin-top: -6px;
}
	.infosplus a, .infosplus a:hover {
		color: rgb(151,0,0);
	}
/* - - - */

/* - - - - - - */


/* - - - STRUCTURE - - - */
body {
  padding: 0 0 0 24px; margin: 17px 0 10px 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 65%;
  background: #df6112 url('../images/body.jpg') left top repeat; color: #000;
  }


  #container {
  	width: 943px; margin: 0 0 0 0; /* position: relative; */
  	font-size: 1.1em;
    }


    .big-column {
    	float: left; width: 768px;
      }


      /* logo + menu rapide + menu principal */
      .header {
      	height: 152px; margin-left: -24px; padding-left: 24px; z-index: 10; position: relative;
      	background: url('../images/header.gif') no-repeat 0 32px; /* float: left; */
        }
      /*.header .holder { float: left; }*/
        /* logo */
        .logo {
        	position: absolute; top: 1px; right: 48px;
        	/* float: right; margin: 1px 48px 0 0; */
        	background: url(../images/logo.png) no-repeat;
          }
        /* menu rapide */
        .top-menu,
        .sub-list ul {
        	float: left; padding: 0 3px 0 3px; height: 31px; /*overflow: hidden;*/ margin: 32px 0 0 0; position: relative;
        	background: url('../images/top-menu.gif') repeat-x; list-style: none;
          }
        .top-menu li,
        .sub-list li {
        	float: left; padding: 0 0 5px 8px; margin-left: 8px; display: inline; position: relative;
        	background: url('../images/bullet-light.gif') no-repeat 0 7px;
        	font-size: 11px; line-height: 9px; /*12px*/
          }
        .top-menu li:first-child,
        .sub-list li:first-child {
        	padding-left: 0; margin-left: 0;
        	background: none;
          }
        .top-menu a,
        .sub-list a { color: #fff; text-decoration: none; }
        .top-menu a:hover,
        .sub-list a:hover,
        #menu-rapide { position: relative; z-index: 99; }
        #menu-rapide li:hover ul a:hover,
        #menu-rapide li.hover ul a:hover,
        #menu-rapide li:hover ul a:active,
        #menu-rapide li.hover ul a:active,
        .top-menu a:hover, .sub-list a:hover { color: #75b900; text-decoration: none; }
        /* liens utiles : imprimer / vers le haut */
        .sub-list {
        	position: absolute; bottom: 0; left: -24px;
        	background: url('../images/sub-list-l.gif') no-repeat;
         }
        * html .sub-list { position: relative; bottom: -50px; left: -63px; }
        .sub-list ul {
        	padding: 0 3px; margin: 0 0 0 24px; display: inline; list-style: none;
          }
        /* niveau 2 */
        #menu-rapide li:hover ul,
        #menu-rapide li.hover ul { display: block; }
        #menu-rapide li ul { 
        	width: 6.5em; position: absolute; top: 14px; left: 1px; margin: 0; padding: 8px 20px 5px 10px; display: none; float: flet; list-style-type: none;
          background: #17462b url('../images/none.gif');
          }
        #menu-rapide ul li {
        	margin: 0 0 0 0; padding: 0 0 3px 0; display: block; float: none; line-height: 12px;
          }
        #menu-rapide li:hover ul a,
        #menu-rapide li.hover ul a {
        	color: white; text-transform: none; font: 11px/13px Tahoma, sans-serif;
          }
        /* menu principal */
        #menu-principal {
        	margin: 65px 0 0 0; padding: 0 0 2px 22px; float: left; list-style: none; position: relative; z-index: 50;
        	background: white url('../images/menu-bg.gif') repeat-x 0 100%; min-width: 700px;
          }
        * + html #menu-principal { padding-bottom: 4px; }
        * html #menu-principal { width: 97.2%; padding-bottom: 4px; }
        /* niveau 1 */
        #menu-principal ul {
        	padding: 0; margin: 0 0 0 4px; float: left;
        	/*overflow: hidden;*/ list-style: none;
          }
        #menu-principal li {
        	float: left; padding: 0 0 0 17px;
          }
        #menu-principal a {
        	margin: 0;
        	text-transform: uppercase; font: 21px/1em Helvetica, Arial, sans-serif; color: #18462c;
          }
        #menu-principal li.active a,
        #menu-principal a:hover, #menu-principal a:active {
        	text-decoration: none; color: #6ba700;
          }
        /* niveau 2 */
        #menu-principal li:hover ul,
        #menu-principal li.hover ul { display: block; }
        #menu-principal li ul {
        	position: absolute; margin: 0; padding: 20px 15px 15px 53px; top: 20px; left: 0; display: none; float: none; width: 700px;
          background: url('../images/none.gif');
          }
        #menu-principal ul li {
        	margin: 0 0 0 -12px; padding: 0 16px 0 12px;
        	background: url('../images/bullet-dark.gif') no-repeat 4px 10px;
          }
        #menu-principal ul li.no-point {
        	margin: 0 0 0 -12px; padding: 0 16px 0 0;
        	background-image: none;
          }
        #menu-principal li:hover ul a,
        #menu-principal li.hover ul a {
        	color: #000; text-transform: none; font: 11px/13px Tahoma, sans-serif; /* text-transform: lowercase; */
          }
        /*#menu-principal li.hover ul a:first-letter {
          text-transform: uppercase !important; font-variant: small-caps !important; 
          }*/
        #menu-principal li:hover ul a:hover,
        #menu-principal li.hover ul a:hover { color: #73b500; }


      /* contenu */
      #main-area {
      	padding: 50px 0 50px 39px; height: 1%; position: relative;
      	background: #fff; min-height: 430px; /* min-height: 730px; */
        }
      #main-area:after {
      	clear: both; width: 100%; content: ""; display: block;
        }
      .safari2 #main-area{ display: table; }
      .normal { font-size: 1em; }
      .big { font-size: 1.2em; }
      .bigbig { font-size: 1.4em; }
      #main-area .holder { width: 80%; }

        /* zone de texte */
        .text-block {
        	line-height: 16px; width: 80%;
        	padding: 4px 100px 15px 0;
          }
        .text-block .colortitle { font-weight: bold; color: #73b500; }
        .text-block p a,
        .column li a,
        .box .puce1,
        .linkspe a
        {
          padding-left: 12px;
        	font-weight: bold; text-decoration: none;
        	background: url('../images/arrow.gif') no-repeat 0 4px; color: #18462c;
          }
        .resultat-expo .linkspe a {
          padding-left: 0; padding-right: 12px;
          background: url('../images/arrowbas.gif') no-repeat right 4px;
          }
        .text-block p a:hover, .text-block p a:active,
        .column li a:hover, .column li a:active,
        .box .puce1:hover, .box .puce1:active,
        .linkspe a:hover, .linkspe a:active {
          color: #73b500;
          }

        /* colonne */
        .column {
        	float: left; width: 290px; padding: 15px 1px 1px 1px;
          }
        .homecolumn {
        	width: 285px; /* padding: 1px; */
          }
        .column ul {
        	padding: 0; margin: 0; list-style: none;
          }
        .column li {
        	line-height: 16px;/*1.1em*/ width: 100%; padding-bottom: 10px;
          }
        .column li:after { clear: both; display: block; content: ""; }
        /* global */
        .column li p.smallp { margin: 2px 0; text-align: left; line-height: 1em; }
        .column li .smallp strong { display: block; margin-bottom: 3px; color: #73b500; }
        /* news */
        .column li .img { float: left; }
        .column li .gauche { float: left; margin: 0; padding: 0; position: relative; width: 15%; }
        .column li .droite { float: left; margin: -4px 0 0 8px; padding: 0; position: relative; width: 80%; }
        .column li.plusdenews { padding-left: 50px; }
        /* box */
        .column .box .colortitle { line-height: 16px;/*1em*/ }
        .column .box .colortitle a { font-weight: bold; color: #73b500; }
        .column .box p { margin: 0 0 10px; line-height: 16px; }
        .column .box .img { float: left; margin: 0 10px 5px 0; }
        /* bannières publicitaires du bas */
        .banners {
        	overflow: hidden; width: 100%; padding: 0 0 15px 0;
          }
        .banners a { float: left; margin: 20px 0 0 0; }
        .banners a.right-banner { float: right; }


      /* colonne de droite */
      .sidebar {
      	float: right; padding-top: 152px; width: 167px;
        }


        .sidebar h4 { padding-left: 3px; background-color: #18462c; font-family: Helvetica, sans-serif; color: rgb(220,220,220); font-size: 1.1em; }
        /* groupement par bloc */
        .info-block {
        	height: 1%; position: relative; padding-bottom: 33px; text-align: left;
          }
        .info-block p { text-align: left; }
        .info-block div {
        	padding: 0 0 17px 16px;
        	background: url('../images/side-block.gif') repeat-y;
          }
        .info-block div div {
        	width: auto; height: 22px; overflow: hidden; padding: 0;
        	background: none;
          }
        .info-block div div.holder {
        	height: auto; width: 100%;
          }
        .info-block select { width: 120px; }
        .info-block div div input { width: 69px; float: left; }
        .info-block label {
        	display: block; overflow: hidden; height: 1%; margin-top: 4px;
        	color: #fff;
          }
        .info-block div div label {
        	float: left; width: 24px; height: auto; margin-top: 2px;
        	color: #000;
          }
        .linkenplus { margin-left: 3px; padding: 3px 5px 3px 10px; background-color: #fec400; }
        .linkenplus a, .linkenplus a:hover { color: rgb(0,51,51); }
        .info-block div div a, .info-block .calendarinfo {
        	float: left; margin-left: 7px;
          }
        .info-block select { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
        .info-block input {
        	float: left; margin: 0; padding-left: 4px;
        	font: 11px Tahoma, serif;
        	border: 1px solid #fff; border-top-color: #000;
          }
        .info-block div.holder input,
        .info-block div.holder { width: 143px; }
        .info-block label input {
        	border: none; float: left;
        	width: 14px; height: 14px; padding: 0; margin: 0 4px 0 0;
          }
        .info-block p {
        	margin: 0 20px 0 0; padding: 7px 0 2px;
        	color:#fff;
          }
        /* bouton de validation */
        .button {
          /* position: absolute; bottom: -7px; right: 15px; */
          float: right !important; margin: -9px 15px 0 0 !important; padding: 0 !important; cursor: pointer;
          }
        * html .button { /* right: 14px; */ margin-right: 7px !important; }
        .button a { text-decoration: none; }
        .button,
        .button span,
        .button input, .button em { margin: 0; padding: 0; float: left; height: 16px; border: none !important; cursor: pointer; }
        .button input, .button em {
        	font-style: normal; font-size: 11px; line-height: 14px;
        	color: #fff; background:#000;
          }
        .button span.before {
        	width: 16px;
        	background: url('../images/button-l.png') no-repeat;
          }
        .button span.after {
        	width: 8px;
        	background: url('../images/button-r.png') no-repeat;
          }
        /* bannière publicitaire */
        .banner-area  { margin-bottom: 24px; }
        .banner-area h5 {
        	float: left; margin: 0; padding-right: 22px; padding-left: 3px;
        	color: #fff; background: #000;
        	font-weight: normal; text-transform: uppercase; font-size: 11px; line-height: 11px;
          }
        .banner-area div {
        	width: 100%; height: 11px; overflow: hidden;
          }
        /* sponsors */
        .sponsors {
        	width: 152px; float: left; margin-bottom: 15px;/* height: 88px; */
        	background: #fff;
          }
        .sponsors ul {
        	padding: 0; margin: 0; height: 100%; position: relative; list-style: none;
          }
        .sponsors li { float: left; margin: 10px 0 3px 10px; }
/* - - - - - - */


/* - - - CHEMIN DE NAVIGATION - - - */
#cheminnav {
  margin: 0 0 18px 0; padding: 0;
  border-bottom: 1px solid rgb(210,210,210);
  }
#cheminnav li {
  margin: 0; padding: 0;
  display: inline;
  }
/* - - - - - - */


/* - - - PAGINATION - - - */
#pagenav {
  float: right; margin: 20px 25px 5px 0;
  }
#pagenav a, .retour a { padding: 3px 3px; color: #18462C; }
#pagenav a:hover, .retour a:hover { text-decoration: none; background-color: rgb(230,230,230); }
#pagenav .pucelist, #pagenav .pucelistr, .retour a {
  padding-left: 16px;
  background: url('../images/arrow.gif') 3px 7px no-repeat; font-weight: bold;
  }
#pagenav .pucelistr, .retour a { background-image: url('../images/arrow-retour.gif'); }
#pagenav .select { font-weight: bold; color: #71B60B; }
/* bouton de retour */
.retour { float: left; margin: 0; }
/* - - - - - - */



/* - - - CAROUSEL - - - */
/* propriétés du carousel */
#slider, #texts {
	width: 575px; margin: 15px 0 25px 0; min-height: 80px
  }
* html #slider, * html #texts { height: 80px }

#slider ul {
	list-style-type: none; width: 490px; height: 110px; margin: 0 0 0 20px; padding: 0;
  background: url('../images/backg-itunes.jpg') center 88px no-repeat;
  }
#slider ul li {
	float: left; margin: 0 7px; padding: 1px;
  }
#slider ul li a, #slider ul li a:hover {
  text-decoration: underline;
  }

#slider ul li img {
	display: block; margin-top: 11px;
  }
#slider ul li.active img { margin-top: 0;  }

.floating {
	float: left; margin: 0 1px 0 1px; padding-top: 0;
  }
.floating img { cursor: pointer; }


#texts {
	display: block; float: left; height: 70px; margin: -10px 0 0 0; height: 100%;
	text-align: center;
  }

/* texte info */
#slider .spancarous {
  margin: 0 0 0 0; display: block; text-align: center;
  text-decoration: none; color: black; line-height: 16px;
  }
#slider .spancarous em {
  color: #73B500; font-weight: bold; font-style: normal;
  border-right: 30px solid #770c68; padding-right: 13px;
  }
#slider .spancarous strong a, #slider .spancarous strong a:hover {
  margin-left: 11px; padding-left: 11px;
  font-weight: bold;
  background: url('../images/arrow.gif') no-repeat 0 4px; color: #18462c;
  }
#slider .spancarous strong a:hover {
  text-decoration: underline;
  }/* - - - - - - */


/* - - - FORMULAIRES - - - */
.moduleform label {
  width: 100px; line-height: 1.8em; float: right; text-align: left; cursor: pointer; padding: 0 5px;
  background-color: transparent; color: rgb(55,55,55);
  }
.moduleform .button {
  /* margin-left: 115px; */ margin-right: 35px !important; margin-top: 0px !important;
  }
.moduleform .champsobligatoires {
  color: rgb(102,102,102); margin: 25px 0 15px 15px;
  }
.moduleform input, .moduleform textarea {
  border: 1px solid rgb(230,230,230);
  }
/* - - - - - - */


/* - - - NEWSLETTER - - - */
#merci1, #mailvide, #mailfaux, #selectlangue {
  display: none; margin: 7px 0 0 -13px; padding: 3px 5px; width: 136px;
  background-color: rgb(255,255,255); color: rgb(153,51,51); font-weight: bold;
  }
/* - - - - - - */


/* - - - ACTUALITES - - - */
.actualites { width: 97% !important; }
.actualites .column { width: 100%; }
.actualites .column .gauche img { margin-bottom: 8px; }
.actualites .column .gauche { width: auto; }
.actualites .column .droite { float: left; margin: -4px 0 0 8px; padding: 0; position: relative; width: 67%; }
.actualites .gwidth_fixe { width: 28.5% !important; }
.actualites .intro { margin: 13px 0 1px 0 !important; color: rgb(102,102,102); }
/* - - - - - - */


/* - - - PLAN DU SITE - - - */
.plandusite ul { list-style-type: none; margin: 10px 0 20px 0; padding: 0; }
.plandusite ul .plan_niveau_0 { margin: 8px 0 5px 0; }
.plandusite ul .plan_niveau_1 { margin: 4px 0 3px 15px; }
.plandusite ul .plan_niveau_2 { margin: 2px 0 1px 25px; }
.plandusite ul .plan_niveau_3 { margin: 2px 0 1px 35px; }
.plandusite ul a {
  padding-left: 12px;
	background: url('../images/arrow.gif') no-repeat 0 4px; color: #18462c;
  }
/* - - - - - - */


/* - - - 2 COLONNES - - - */
.colonnes2-plus { width: 90% !important; }
.colonnes2 .columng, .colonnes2 .columnd { float: left; width: 47%; }
.colonnes2 .columnd { margin-left: 20px; }
.colonnes2 .moduleform textarea {
  width: 190px;
  }
/* - - - - - - */


/* - - - LISTMUSEES - - - */
/* maparea */
.maparea {
  margin: 15px 0 15px 50px;
  }
/* moteur de recherche des musees */
.recherche_musees { margin: 15px 0 35px 0; padding: 0; height: 100%; }
.recherche_musees .fleft { margin: 0 7px 0 0; float: left;  width: auto; }
* html .recherche_musees .fleft { width: 60%; }
.recherche_musees select, .recherche_musees label {
  float: left; margin: 0 5px; width: auto;
  }
.recherche_musees select {
  width: 165px !important;
  }
.recherche_musees .button {
  float: none !important; margin: 0 !important; padding: 0 !important; cursor: pointer;
  }
/* - - - - - - */


/* - - - AFFICHAGEMUSEES - - - */
.pictogdiv {
  position: relative; float: left; width: 100%; z-index: 500;
  }
.bulle { text-decoration: none; cursor: pointer; display: block; }
.bulle img { border: none; margin: 0; clear: both; }
.bulle .span { display: none; margin: 0; padding: 0; }
.bulle .span li { padding: 0; margin: 2px 0; display: block; }
.bulle .span li.marginspe { display: block; margin: 0 0 11px 0; }
.bulle:hover .span, .pictogdiv .hover:hover .span {
	/* position: absolute; bottom: 20px; right: 15px; */ display: block; margin: 0 0 0 0; padding: 5px; z-index: 500;
	background: #fff; color: #000; border: 1px solid black;
	filter:alpha(opacity=93);
	-moz-opacity:.93;
	opacity:.93;
  }
.pictos img { padding: 0 0 0 3px; }
.pictos { margin-top: 0; width: 100%; display: block; text-align: right; float: left; }

.cold, .colg {
	float: left; width: 54%; margin-right: 2%;
}
.cold {
	width: 44%; margin-right: 0;
}
	.cold .titre, .colg .titre {
		margin-top: 40px;
	}
/* - - - - - - */


/* - - - RENOUVELLEMENT - - - */
.renouvellement {
  }
.renouvellement .columng { width: 52%; margin-top: -30px; }
.renouvellement .columnd { width: 42%; }
.renouvellement input, .renouvellement textarea {
  border: 1px solid #87cc0e;
  }
.renouvellement .add_person {
  margin: 25px 0 0 0;
  }
.renouvellement form td a {
  background-image: none; padding: 0;
  }

.renouvellement .info_box {
  position: absolute; top: -100px; right: -200px; z-index: 99; padding: 1px;
  border: 1px solid rgb(204,204,153);
  }
.renouvellement form {
  margin: -8px 0 40px 0;
  }

.renouvellement .radioselect input {
  margin-right: 3px; vertical-align: top;
  }
.renouvellement .radioselect label {
  float: left; margin: 0; width: auto;
  }
.renouvellement .margetop td {
  padding-top: 15px;
  }

.renouvellement .tbl_adr {
  margin: 30px 0 0 0;
  }

.renouvellement .calendarinfo, .renouvellement .ui-datepicker-trigger { margin: 0 0 0 3px; padding: 0 0 0 0; vertical-align: middle; }
.renouvellement .pass-musees { margin: 100px 0 0 40px; }
/* - - - - - - */


/* - - - TABLEAU PAR DEFAUT - - - */
.tab-default {
  margin: 10px 0 25px 0;
  }
/* thead */
.tab-default thead th {
  padding: 0 10px 10px 10px;
  text-align: left; color: #18462C;
  border-bottom: 1px solid #ACACAC;
  }
.tab-default thead th a, .tab-default thead th a:hover { color: #18462C; text-decoration: none; }
.tab-default thead th.center { text-align: center; }
/* tbody */
.tab-default tbody tr:hover {
  background-color: #F2F5F0;
  }
.tab-default tbody td {
  padding: 7px 10px 7px 10px; /* vertical-align: middle; */
  }
.tab-default tbody td a {
  color: rgb(51,51,51); font-weight: bold; display: block;
  }
.tab-default tbody td a:hover { text-decoration: none; color: #76b900; }
.tab-default tbody td .title {
  /* padding-top: 8px; */ /* text-transform: lowercase; */
  }
/*
.titleucfirt {
  text-transform: lowercase;
  }
.titleucfirt:first-letter { text-transform: uppercase !important; font-variant: small-caps; }
.tab-default tbody td .title:first-letter { text-transform: uppercase; font-variant: small-caps; }
*/
.tab-default tbody td img {
  vertical-align: middle; margin-right: 8px; float: left;
  }
/* - - - - - - */


/* - - - RESULTAT EXPO - - - */
.resultat-expo {
  width: 93%;
  }
.resultat-expo #pagenav { margin: 0; }
.resultat-expo .tab-default { width: 117%; }
.resultat-expo .width-plus { width: 117%; }
/* - - - - - - */

/* - - - RESULTAT EXPO - - - */
.default {
  width: 93%;
  }
.default .tab-default { width: 146%; }
.default .width-plus { width: 146%; }
/* - - - - - - */



/* - - - PAYEMENT - - - */
.paymenth { width: 93%; }
.payment input, .payment textarea { border: 1px solid #87cc0e; }
/* - - - - - - */



/* - - - TABLEAU PAIEMENT - - - */
.paiement {
  width: 290px; margin: 10px 0 40px 0 !important;
  }
* html .paiement .button { margin: 0 0 0 0 !important; }
.tab-payment {
  margin: 10px 0 30px 0; width: 100%;
  }
.tab-payment .colorlg { background-color: #F2F5F0; }
/* thead */
.tab-payment thead th {
  padding: 0 10px 10px 10px;
  text-align: left; color: #73B500;
  }
.tab-payment thead th.center { text-align: center; }
.tab-payment thead th.qtt { width: 60px; }
.tab-payment thead th.formule { width: 50%; }
/* tbody */
.tab-payment tbody td {
  padding: 5px 10px 5px 10px;
  }
.tab-payment tbody td.widthdefine { width: 53%; }
.tab-payment tbody .inputwhite { padding-top: -3px; }
.tab-payment tbody .inputwhite {
  float: left;
  }
.tab-payment tbody .inputwhite span {
  vertical-align: middle;
  }
.tab-payment tbody .inputwhite input {
  background-color: #F2F5F0; border: none; text-align: right; width: 35px;
  font-weight: bold;
  }
/* - - - - - - */


/* - - - BLOC COULEUR - - - */
.bloccolor, .bloccolorsmall { display: block; float: left; width: 24px !important; cursor: help; font-size: 0.7em; }
.bloccolorsmall { width: 12px !important; }
/* - - - - - - */



/* - - - EXTRANET MUSEE - - - */
.extranetmusee fieldset { border: 1px solid #CCCCCC; width: 550px; padding: 0 10px; margin-top: 20px; }
.extranetmusee legend { font-weight: bold; color: #333333; font-size: 1.2em; }
.extranetmusee .modify { width: 550px; padding: 0 10px; margin: 1px 0 20px 0; text-align: right; }
.extranetmusee .modify a, .extranetmusee .modify a:hover { padding: 4px 5px 5px 5px; text-decoration: none; color: rgb(153,51,51); }
.extranetmusee .modify a:hover { background-color: rgb(225,225,225); }
.extranetmusee .bouton, .extranetmusee .bouton:hover { text-decoration: none; color: rgb(0,51,51); }

.extranetmusee .input-20 { width:20px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.extranetmusee .input-150 { width:150px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.input-200 { width:200px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.extranetmusee .input-340 { width:340px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.input-460 { width:460px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.extranetmusee .textarea-200 { width:200px; height:100px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px; }
.extranetmusee .select-200 { width:200px; height:15px; background-color:#ECF7D5; border:1px solid #00A900; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.extranetmusee .input_description_musee { width:460px; height:300px; font-family: Arial, Helvetica, sans-serif; font-size:11px }
.extranetmusee .onglet_extranet { background-color: #00A900; color:#FFFFFF; font-family: verdana; font-size:11px; font-weight:bold  }
.extranetmusee .souligne_vert { border-bottom: 1px solid #00A900 }
.extranetmusee .input_champ { line-height:20px; background-color:#ECF7D5; border:1px solid #00A900; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
/* - - - - - - */


/* - - - EXTRANET MUSEE - - - */
.drapeau {
  margin: -10px 45px -10px 0; padding: 0; list-style-type: none; float: right;
  }
.drapeau li {
  margin: 0 5px 0 5px; padding: 0; float: left;
  }
.drapeau li a, .drapeau li a:hover {
  }
/* - - - - - - */