html { 
  padding:0px;
  margin:0px;
  overflow-y: scroll;
  text-align: center;
  margin: 0 auto;
  height: 100%;
}
body {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: Arial, Verdana;
  text-align: center;
  color: #666;
  font-size: 12px;
}
.index {
  background: #fff url(../img/bg_index.jpg) center top no-repeat;
}
.accueil {
  background: #fff url(../img/bg_accueil.jpg) center top no-repeat;
}
.resultats {
  background: #fff url(../img/bg_resultats.jpg) center top no-repeat;
}
.fiche {
  background: #fff url(../img/bg_fiche.jpg) center top no-repeat;
}
.recherche {
  background: #fff url(../img/bg_recherche.jpg) center top no-repeat;
}
.telechargement {
  background: #fff url(../img/bg_telechargement.jpg) center top no-repeat;
}
.client {
  background: #fff url(../img/bg_client.jpg) center top no-repeat;
}
.exe {
  background: #fff url(../img/bg_exe.jpg) center top no-repeat;
}
form {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
.bold {
  font-weight: bold;
}
.inlineCenter {
  display: inline-block;
}
.green {
  color: #4e8202;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
}
.greenColor {
  color: #4e8202;
}
.extraGreenColor {
  color: #017f3f;
}
.whiteColor {
  color: #fff;
}
a, input {
  outline: none;
}
a {
  display: block;
}
img {
	border: none;
}
.centrageVertical {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
} 
.centrageHorizontal {
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.global {
  width: 990px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.floatRightUser {
  text-align: right;
  width: 990px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: absolute;
  top: 10px;
}
.blocUser {
  text-align: right;
  margin-right: 10px;
  float: right;
}
.header, .content {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.header {
  padding-top: 16px;
}
.logo {
  width: 364px;
  height: 66px;
  margin: 0 auto;
  text-align: center;
}
.user {
  font-size: 11px;
  color: #666;
}
.logOut {
  font-size: 11px;
  color: #666;
  text-decoration: none;
  background: url(../img/logout.gif) right center no-repeat;
  padding-right: 15px;
  height: 13px;
  line-height: 13px;
  vertical-align: middle;
}
.logOut:hover {
  color: #017f3f;
}
.content {
  height: 100%;
  display: block;
}
.bgContentIndex {
  padding-top: 80px;
  height: 566px;
  background: url(../img/bg_content_index.png) center top no-repeat;
}
.contentResultats {
  height: auto;
}
.boxIndentification {
  height: 172px;
  background: url(../img/bg_box_indentification.png) center top no-repeat;
}
.titreBox {
  text-transform: uppercase;
  font-size: 12px;
}
.monPanier {
  background: url(../img/panier.gif) right center no-repeat;
}
.titreBox img {
  position: absolute;
  margin-top: 0;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
}
.titreBoxIndex {
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  padding-top: 6px;
  margin-bottom: 15px;
}
.ligneForm {
  width: 386px;
  height: 36px;
  margin: 0 auto;
  text-align: center;
}
.ligneForm div {
  float: left;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}
.labelForm {
  width: 80px;
  text-align: left;
  margin-left: 22px;
}
.champs {
  width: 182px;
  text-align: left;
  border: 1px solid #ccc;
}
.search {
  width: 124px;
  margin-left: 9px;
}
.bt {
  width: 135px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background: url(../img/bt_off.png) center top no-repeat;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  cursor:pointer;
}
.bt:hover {
  background: url(../img/bt_on.png) center top no-repeat;
}
.ok {
  width: 21px;
  background: url(../img/bt_ok_off.png) center top no-repeat;
}
.ok:hover {
  width: 21px;
  background: url(../img/bt_ok_on.png) center top no-repeat;
}
.ligneLink a {
  display: inline;
  color: #666;
  font-size: 11px;
  text-decoration: none;
}
.ligneLink a:hover {
  color: #017f3f;
}
.linkIndex a {
  font-size: 10px;
}
.carrousel {
  padding-top: 10px;
}
.topContent {
  margin-top: 7px;
  height: 37px;
  background: url(../img/bg_top_content.png) center top no-repeat;
}
.middleContent {
  display: inline-block;
  background: url(../img/bg_middle_content.png) center top repeat-y;
  text-align: left;
  border: 0px solid red;
}
.middleContent div {
  display: inline-block;
}
.leftContent {
  float: left;
  width: 174px;
  padding-left: 18px;
  margin-right: 8px;
}
.centreContent {
  float: left;
  width: 587px;
  height: auto;
  padding: 0 auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}
.centreContentExe {
  float: left;
  width: 790px;
  height: auto;
  padding: 0 auto;
  margin: 0 auto;
  text-align: center;
}
.rightContent {
  float: left;
  width: 194px;
  margin-left: 9px;
}
.topLeft, .topRight, .topRightMedias {
  width: 174px;
  height: 27px;
  text-align: left;
  display: block;
  padding-top: 4px;
}
.topLeft {
  background:url(../img/bg_top_left.png) center top no-repeat;
}
.topRight {
  background:url(../img/bg_top_right.png) center top no-repeat;
}
.topRightMedias {
  background:url(../img/bg_top_medias.png) center top no-repeat;
}
.middleLeft, .middleRight, .middleRightExe {
  width: 164px;
  height: auto;
  padding: 8px 5px 0 5px;
}
.middleLeft, .middleRight {
  background: url(../img/bg_middle_left.png) center top repeat-y;
}
.middleRightExe {
  background: url(../img/bg_middle_exe.png) center top repeat-y;
}
.topLeft span, .topRight span, .topRightMedias span {
  padding: 0 0 0 16px;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
}
.searchForm, .linkCompte, .linkPanier, .linkMedias, .linkPanierExe, .resultat {
  font-size: 11px;
  width: 164px;
  background:  #fdfdfd url(../img/bg_search.jpg) left bottom repeat-x;
  padding-top: 8px;
  margin-bottom: -4px;
}
.searchForm, .linkCompte, .linkPanier, .linkMedias {
  margin-top: -8px;
}
.searchForm {
  height: 85px;
}
.searchForm form {
  margin: 0 auto;
  text-align: center;
  width: auto;
}
.searchForm input, .searchForm a {
  float: left;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}
.searchForm a {
  margin-left: 3px;
}
.searchForm span {
  float: left;
  display: block;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  padding-left: 5px;
}
.accordion {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
  width: 164px;
}
.accordion ul { 
  padding: 0; 
  margin: 0; 
  float: left; 
  display: block;
  width: 164px;
}
.accordion li {
  cursor: pointer; 
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
  float: left; 
  display: block;
  width: 164px;
}
.accordion li a, .accordion li a.link, .accordion li.active>a, .middleRight a.link, a.linkOrange, a.linkRouge, a.linkBleu, .middleRightExe a.link {
  width: 154px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  padding: 0;
  font-weight: bold;
  display: block;
}
.accordion li a, .accordion li a.link, .accordion li.active>a, .middleRight a.link, a.linkOrange, a.linkRouge, a.linkBleu, .middleRightExe a.link {
  margin: 0 0 0 10px; 
}
.accordion li div { 
  display: block; 
  clear: both; 
  float: left;
}
.accordion a.rub { 
  text-decoration: none;
  padding: 0; 
  display: block; 
  cursor: pointer;
  color: #017f3f;
  background: url(../img/open.gif) right center no-repeat;
}
a.link, a.linkOrange, a.linkRouge, a.linkBleu, a.linkDossier {
  display: block;
  text-decoration: none;
  color: #666;
}
a.linkDossier {
  width: 154px;
  height: auto;
  line-height: 21px;
  vertical-align: middle;
  font-weight: bold;
  display: block;
  margin-left: 10px;
  border: 0px solid red;
}
a.linkDossier:hover {
  color: #017f3f;
}
a.link {
  background: url(../img/puce.gif) left center no-repeat;
}
a.linkOrange {
  background: url(../img/puce_orange.gif) left center no-repeat;
}
a.linkRouge {
  background: url(../img/puce_rouge.gif) left center no-repeat;
}
a.linkBleu {
  background: url(../img/puce_bleu.gif) left center no-repeat;
}
.accordion li.active a.rub {
  background: url(../img/close.gif) right center no-repeat;
}
.accordion a.link:hover, .middleRight a.link:hover, a.linkOrange:hover, a.linkRouge:hover, a.linkBleu:hover {
  color: #017f3f;
}
.accordion a.active{
	 color: #91CB14;
}
.accordion li ul li a {
  padding-left: 10px; 
}
.accordion li.boxRub {
  background: #fdfdfd url(../img/bg_menu.jpg) left bottom repeat-x;
}
a.link, a.linkOrange, a.linkRouge, a.linkBleu {
  padding: 0 0 0 20px; 
}
.resultat {
  display: block;
  width: 164px;
  height: 74px;
  font-size: 13px;
  padding: 11px 0 0 10px;
  color: #017f3f;
  overflow: hidden;
}
.resultat span, .resultat a {
  display: inline-block;
}
.resultat span {
  width: 126px;
}
.bottomLeft, .bottomRight, .bottomRightExe {
  width: 174px;
  height: 8px;
}
.bottomLeft, .bottomRight {
  background: url(../img/bg_bottom_left.png) center top no-repeat;
}
.bottomRightExe {
  background: url(../img/bg_bottom_exe.png) center top no-repeat;
}
.ariane {
  font-size: 10px;
  color: #999;
  width: 100%;
  margin-top: 12px;
  text-align: left;
}
.ariane a {
  color: #999;
  width: auto;
  display: inline;
  text-decoration: none;
}
.ariane a.enCours {
  color: #609f02;
}
.titreContent {
  color: #609f02;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 3px;
  text-align: left;
  float: left;
}
.pageSuivante {
  color: #666;
  text-decoration: none;
  float: right;
  background: url(../img/suivant.gif) right center no-repeat;
  padding-right: 15px;
  height: 13px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
}
.pageSuivante:hover {
  color: #017f3f;
}
.pagePrecedente {
  color: #666;
  text-decoration: none;
  float: right;
  background: url(../img/prev.gif) left center no-repeat;
  padding-right: 15px;
  padding-left: 15px;
  height: 13px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
}
.pagePrecedente:hover {
  color: #017f3f;
}
.blocCampagne, .blocAccueilClient {
  width: 587px; 
}
.blocCampagne {
  height: 189px;
  margin: 10px 0;
}
.blocAccueilClient {
  height: 275px;
  margin: 10px 0;
}
.blocAccueilClient p {
  margin-bottom: 15px;
}
.blocListe {
  width: 587px;
  height: 154px;
  margin: 10px 0;
  display: block;
  background: url(../img/bt_mosa_list.png) left top no-repeat;
}
.blocTableau {
  width: 587px;
  height: 42px;
  margin: 4px 0 0 0;
  display: block;
  overflow: hidden;
}
.blocLegendTableau {
  width: 587px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin: 0 0 8px 0;
  display: block;
  background: url(../img/bg_legend_tableau.png) left top no-repeat;
  text-align: left;
  color: #017f3f;
  overflow: hidden;
  font-size: 11px;
}
.blocFiche {
  width: 587px;
  /*height: 438px;*/
  height: auto;
  margin: 4px 0 10px 0;
  display: block;
}
.inline {
  float: left;
  display: inline-block;
}
.blocTleft, .blocTright, .blocBleft, .blocBright {
  width: 13px;
  height: 14px;
}
.blocTleft {
  background: url(../img/bg_top_left_block.png) left top no-repeat;
}
.blocTright {
  background: url(../img/bg_top_right_block.png) left top no-repeat;
}
.blocBleft {
  background: url(../img/bg_bottom_left_block.png) left top no-repeat;
}
.blocBright {
  background: url(../img/bg_bottom_right_block.png) left top no-repeat;
}
.blocTcentre, .blocBcentre {
  width: 95.573%;
  height: 14px;
  background: #ededed;
}
.blocTcentre {
  background: url(../img/bg_top_centre_block.png) left top repeat-x;
}
.blocBcentre {
  background: url(../img/bg_bottom_centre_block.png) left top repeat-x;
}
.contenuBloc {
  width: 95.573%;
  height: 85.5%;
  background: #fefefe url(../img/bg_contenu_block.png) left bottom repeat-x;
  margin-top: -1px;
  overflow: visible;
  position: relative;
  z-index: 99999;
}
.borderBloc {
  width: 1px;
  height: 85.5%;
  background: #ccc;
  margin-top: -1px;
}
.coteContenuBloc {
  width: 1em;
  height: 85.5%;
  background: #fefefe url(../img/bg_contenu_block.png) left bottom repeat-x;
  margin-top: -1px;
}
.topTableau1, .topTableau2 {
  width: 100%;
  height: 4px;
  display: block;
  overflow: hidden;
}
.middleTableau1, .middleTableau2 {
  width: 100%;
  height: 34px;
  display: block;
  text-align: left;
}
.bottomTableau1, .bottomTableau2 {
  width: 100%;
  height: 4px;
  display: block;
}
.topTableau1 {
  background: url(../img/bg_top_tableau1.png) left top no-repeat;
}
.middleTableau1 {
  background: #fefefe url(../img/bg_middle_tableau1.png) left bottom no-repeat;
}
.bottomTableau1 {
  background: url(../img/bg_bottom_tableau1.png) left top no-repeat;
}
.topTableau2 {
  background: url(../img/bg_top_tableau2.png) left top no-repeat;
}
.middleTableau2 {
  background: #fefefe url(../img/bg_middle_tableau2.png) left bottom no-repeat;
}
.bottomTableau2 {
  background: url(../img/bg_bottom_tableau2.png) left top no-repeat;
}
.middleTableau1 span, .middleTableau2 span, .blocLegendTableau span {
  display: inline-block;
  float: left;
}
.col1tableau, .col2tableau, .col3tableau {
  height: 34px;
  font-size: 11px;
  border: 0px solid red;
}
.col1tableau {
  width: 110px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -4px;
}
.col1legendTableau {
  width: 88px;
  margin-left: 22px;
}
.colSelection {
  width: 130px;
  margin-left: 22px;
}
.col2tableau {
  width: 77px;
}
.col3tableau {
  width: 98px;
}
.topFiche, .bottomFiche {
  width: 100%;
  height: 5px;
  display: block;
  overflow: hidden;
}
.bgMiddleFiche {
  background: url(../img/bg_height_middle_fiche.png) left top repeat-y;
  height: 600px;
  overflow: auto;
  display: block;
}
.middleFiche {
  width: 100%;
  height: 600px;
  display: block;
  overflow: auto;
}
.topFiche {
  background: url(../img/bg_top_fiche.png) left top no-repeat;
}
.middleFiche {
  background: url(../img/bg_middle_fiche.png) left bottom no-repeat;
}
.bottomFiche {
  background: url(../img/bg_bottom_fiche.png) left top no-repeat;
}
.centrage {
  margin-left: 8px;
}
.floatLeft {
  float: left;
  display: inline;
}
.floatRight {
  float: right;
  display: inline;
}
.navResultats, .navResultatsExe {
  float: left;
}
.navResultats, .navFiche, .navResultatsExe {
  margin-bottom: 10px;
} 
.navResultats {
  width: 781px;
}
.navResultatsExe {
  width: 781px;
}
.navFiche {
  float: left;
  width: 587px;
}
.navMosa {
  float: left;
  font-size: 11px;
}
.navFicheLink {
  float: right;
  text-align: right;
}
.navFicheLink a, .navFicheLink span {
  float: left;
  display: inline;
  font-size: 11px;
  text-decoration: none;
}
.navFicheLink a:hover {
  color: #017f3f;
}
.navMosa a, .navMosa span, .navFicheLink a {
  float: left;
  display: inline;
  color: #666;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
}
.blocNbrPhoto {
  width: 181px;
}
.blocTypeAffichage {
  width: 130px;
}
.blocNbrPage {
  width: auto;
  padding: 0 10px 0 0;
}
.blocGoToPage, .totalPage {
  font-weight: normal;
}
.navMosa a {
  font-weight: normal;
  text-decoration: none;
}
.navMosa .active {
  font-weight: bold;
  color: #609f02;
}
.list, .mosa, .tableau, .listActive, .mosaActive, .tableauActive {
  height: 9px;
  display: block;
  margin: 0 4px 0 0;
}
.list {
  background: url(../img/list_off.gif) left center no-repeat;
  width: 13px;
}
.listActive {
  background: url(../img/list_on.gif) left center no-repeat;
  width: 13px;
}
.mosa {
  background: url(../img/mosa_off.gif) left center no-repeat;
  width: 9px;
}
.mosaActive {
  background: url(../img/mosa_on.gif) left center no-repeat;
  width: 9px;
}
.tableau {
  background: url(../img/tableau_off.gif) left center no-repeat;
  width: 8px;
}
.tableauActive {
  background: url(../img/tableau_on.gif) left center no-repeat;
  width: 8px;
}
.affichageDiapo {
  background: url(../img/diaporama.png) left center no-repeat;
  width: 11px;
}
.affichageDiapoActive {
  background: url(../img/diaporama_on.png) left center no-repeat;
  width: 11px;
}
.prev, .next {
  width: 22px;
  height: 30px;
  margin-right: 3px;
  border: 1px solid #189a58;
}
.prev {
  background: #fff url(../img/prev.gif) center center no-repeat;
}
.next {
  background: #fff url(../img/next.gif) center center no-repeat;
}
.prevFiche, .nextFiche {
  width: auto;
}
.prevFiche {
  background: url(../img/prev.gif) left center no-repeat;
  padding-left: 15px;
}
.nextFiche {
  background: url(../img/next.gif) right center no-repeat;
  padding-right: 15px;
}
.goToPage {
  width: 25px;
  height: 18px;
}
.tooltip {
  width:592px;
  height:475px;
  margin:0;
  font-size:11px;
  color:#666;
  border:0px solid red;
  background: url(../img/bg_zoom.gif) left top no-repeat;
}
.tooltip p {
  margin:0;
  padding: 0;
  text-align:justify;
}
.blocDiapoMosa {
  float: left;
  display: inline-block;
  width: 125px;
  height: 154px;
  background: url(../img/bg_diapo_mosa.png) left top no-repeat;
  margin: 0 9px 0 9px;
  /margin: 0 10px 0 11px;
  padding: 3px 0 0 3px;
  text-align: center;
}
.blocDiapoMosa.Sel{
	height: 174px;
}

.Comm {  
  height: 195px;  
}

.blocDiapoMosaExe {
  float: left;
  display: inline-block;
  width: 125px;
  height: 195px;
  background: url(../img/bg_diapo_mosa_exe.png) center top no-repeat;
  margin: 0 12px 5px 12px;
  padding: 3px 0 0 3px;
  text-align: center;
  overflow: hidden;
  border: 0px solid red;
}
span.ligneExe {
  display: block;
  font-size: 9px;
  text-align: left;
  margin-top: -3px;
}
.blocDiapoListe {
  float: left;
  display: inline-block;
  width: 125px;
  height: 154px;
  margin: 0px 0 0 0;
  padding: 3px 0 0 3px;
  text-align: center;
}
.diapo {
  width: 162px;
  height: 162px;
  line-height: 162px;
  vertical-align: middle;
  text-align: center;
  display : table-cell;
  border: 1px solid #bfe474;
  background: #fff;
  overflow: visible;
  margin-right: 10px;
}
.diapoClient {
  width: 122px;
  height: 122px;
  line-height: 122px;
  vertical-align: middle;
  text-align: center;
  display : table-cell;
  border: 1px solid #bfe474;
  background: #fff;
  overflow: hidden;
}
.diapoPanier {
  width: 72px;
  /width: 74px;
  height: 74px;
  line-height: 74px;
  vertical-align: middle;
  text-align: center;
  display : table-cell;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  margin: 0 1px 1px 0;
}
.diapoMosa {
  width: 120px;
  height: 120px;
  line-height: 120px;
  vertical-align: middle;
  text-align: center;
  display : table-cell;
  border: 1px solid #bfe474;
  background: #fff;
  overflow: hidden;
}
.diapoFicheInfo {
  width: 190px;
  margin-top: 10px;
  text-align: justify;
  font-size: 11px;
  height: 591px;
  overflow: auto;
  padding: 0 15px 0 0;
}
.spaceMosa {
  width: 19px;
  height: 120px;
  border: 0px solid red;
}
.leftFiche {
  width: 354px;
  margin: 10px 14px 0 13px;
}
.actionsFiche, .actionsDiaporama {
  width: 354px;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  border: 0px solid red;
}
.actionsFiche span, .actionsFiche a, .actionsDiaporama span, .actionsDiaporama a {
  display: inline;
}
.diapoMosaZoom, .diapoMosaZoomR, .diapoFiche {
  width: 354px;
  height: 354px;
  line-height: 354px;
  vertical-align: middle;
  text-align: center;
  display : table-cell;
  background: #fff;
  overflow: hidden;
}
.diapoMosaZoom {
  margin: 14px 14px 0 13px;
  border: 1px solid #bfe474;
}
.diapoMosaZoomInfo {
  width: 190px;
  margin-top: 14px;
}
.fonctionFiche {
  width: 142px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  background: url(../img/bg_fonction_fiche02.png) left top no-repeat;
  display: inline;
  padding: 3px 0 0 0;
  margin-left: 10px;
}
.fonctionMosa {
  float: left;
}
.fonctionMosa span {
  float: left;
  display: inline;
}
.fonctionFiche span {
  float: left;
  display: inline;
}
.fonctionFiche span.ajout {
  padding-left: 10px;
}
.fonctionMosa span.fonction, .fonctionFiche span.fonction {
  width: 21px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  margin: 2px;
}
.fonctionMosa span a, .fonctionFiche span a {
  width: 21px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  display: block;
}
.fonctionDiaporama {
  width: 122px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  background: url(../img/bg_fonction_fiche.png) left top no-repeat;
  float: left;
  display: inline-block;
  padding: 3px 0 0 0;
  margin-left: 115px;
  margin-top: 13px;
}
.ajoutPanier {
  border: 1px solid #ccc;
  background: url(../img/panier.gif) center center no-repeat;
  margin-left: 1px;
}
.ajoutPanier:hover {
  background: url(../img/panier_on.gif) center center no-repeat;
}
.partager {
  background: url(../img/partager.gif) center center no-repeat;
}
.partager:hover {
  background: url(../img/partager_on.gif) center center no-repeat;
}
.telecharger {
  background: url(../img/telecharger.gif) center center no-repeat;
}
.telecharger:hover {
  background: url(../img/telecharger_on.gif) center center no-repeat;
}
.marquer {
  background: url(../img/marquer.gif) center center no-repeat;
}
.marquer:hover {
  background: url(../img/marquer_on.gif) center center no-repeat;
}
.imprimer {
  background: url(../img/planchecontact.png) center center no-repeat;
}
.imprimer:hover {
  background: url(../img/planchecontact_on.png) center center no-repeat;
}
.dossier {
  background: url(../img/dossier.gif) center center no-repeat;
}
.dossier:hover {
  background: url(../img/dossier_on.gif) center center no-repeat;
}
.ajouter {
  background: url(../img/ajouter.gif) center center no-repeat;
}
.ajouter:hover {
  background: url(../img/ajouter_on.gif) center center no-repeat;
}
.supprimer {
  background: url(../img/delete.gif) center center no-repeat;
}
.supprimer:hover {
  background: url(../img/delete_on.gif) center center no-repeat;
}
.envoyer {
  background: url(../img/mail.gif) center center no-repeat;
}
.envoyer:hover {
  background: url(../img/mail_on.gif) center center no-repeat;
}
.enregistrer {
  background: url(../img/enregistrer.gif) center center no-repeat;
}
.enregistrer:hover {
  background: url(../img/enregistrer_on.gif) center center no-repeat;
}

.dossierPanier {
  border: 1px solid #ccc;
  background: url(../img/panier_menu.gif) 124px center no-repeat;
  margin-left: 1px;
}
.dossierPanier:hover {
  background: url(../img/panier_on_menu.gif) 124px center no-repeat;
}
.dossierTelecharger {
  background: url(../img/telecharger.gif) 124px center no-repeat;
}
.dossierTelecharger:hover {
  background: url(../img/telecharger_on.gif) 124px center no-repeat;
}
.dossierEnvoyer {
  background: url(../img/mail.gif) 129px center no-repeat;
}
.dossierEnvoyer:hover {
  background: url(../img/mail_on.gif) 129px center no-repeat;
}
.dossierPartager {
  background: url(../img/partager.gif) 124px center no-repeat;
}
.dossierPartager:hover {
  background: url(../img/partager_on.gif) 124px center no-repeat;
}
.dossierRenomer {
  background: url(../img/renomer.gif) 127px center no-repeat;
}
.dossierRenomer:hover {
  background: url(../img/renomer_on.gif) 127px center no-repeat;
}
.dossierVider {
  background: url(../img/delete.gif) 129px center no-repeat;
}
.dossierVider:hover {
  background: url(../img/delete_on.gif) 129px center no-repeat;
}
.dossierSup {
  background: url(../img/delete.gif) 110px center no-repeat;
}
.dossierSup:hover {
  background: url(../img/delete_on.gif) 110px center no-repeat;
}
.dossierEnregistrer {
  background: url(../img/enregistrer.gif) 128px center no-repeat;
}
.dossierEnregistrer:hover {
  background: url(../img/enregistrer_on.gif) 128px center no-repeat;
}
.dossierPlanche {
  background: url(../img/planchecontact.png) 127px center no-repeat;
}
.dossierPlanche:hover {
  background: url(../img/planchecontact_on.png) 127px center no-repeat;
}
.check input, check {
  width: 14px;
  height: 21px;
  margin-right: 4px;
}
.check input, .ajout {
  padding-right: 3px;
}
.infoClient {
  width: 100%;
  text-align: justify;
  font-size: 11px;
  color: #666;
}
.mosaAccueilClient {
  width: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
  overflow: hidden;
  /padding-left: 7px;
  border: 0px solid red;
}
.info {
  width: 68.6%;
  text-align: justify;
  font-size: 11px;
  color: #666;
}
.infoList {
  width: 440px;
  text-align: justify;
  font-size: 11px;
  color: #666;
  margin-left: 15px;
  padding-top: 5px;
  display: block;
}
.infoListTelech {
  width: 204px;
  text-align: justify;
  font-size: 11px;
  color: #666;
  margin-left: 15px;
  padding-top: 5px;
  display: block;
  border: 0px solid red;
}
.info p, .infoList p, .infoListTelech p {
  margin: 0;
  padding: 0;
}
.btVoir {
  float: right;
  position: static;
  bottom: 0px;
  margin: -10px 0 0 0;
  display: block;
}
.voir {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  display: block;
  background: url(../img/voir.gif) 85px center no-repeat;
  cursor: pointer;
}
.bottomContent {
  height: 45px;
  background: url(../img/bg_bottom_content.png) center top no-repeat;
  padding-top: 17px;
  width: 990px;
  margin: 0 auto;
  text-align: center;
}
.bottomContent div {
  width: 400px;
  height: 45px;
  position: static;
  margin: 0 auto;
  text-align: center;
}
#wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid #bfe474; 
  margin: 0 0 13px 0;
}
#wrap.red, .diapoMosa.red, .diapoMosaZoom.red {
  border: 1px solid #F60B33; 
}

#wrap.blue, .diapoMosa.blue, .diapoMosaZoom.blue {
  border: 1px solid #1A772D; 
}

#small {
  position: relative;
  width: 100%;
}
#large {
  background: white;
  position: relative;
  width: 600px;
}
#mover {
  position: absolute;
  top: 0;
  left: 0;
  width: 204px;
  height: 204px;
  overflow: hidden;
  z-index: 100;
  background: white;
  display: none;
}
#overlay {
  border: 1px solid #bfe474;
  width: 202px;
  height: 202px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.facteurZoom a {
  text-decoration: none;
  color: #666;
}
.facteurZoom a.enCours {
  font-weight: bold;
  color: #609f02;
}
.facteurZoom a.x2 {
  font-size: 12px;
}
.facteurZoom a.x4 {
  font-size: 13px;
}
.facteurZoom a.x6 {
  font-size: 14px;
}
.rechercheAv, .plancheContact, .plancheContactTxtIntro, .profil {
  float: left;
  padding: 5px 0;
}
.rechercheAv div, .plancheContact div {
  display: inline;
  float: left;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}
.profil div {
  display: inline-block;
  float: left;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}
.plancheContactTxtIntro div {
  display: inline
  float: left;
  border: 0px solid red;
}
.label {
  width: 171px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #609f02;
  margin-left: 13px;
}
.labelTxtIntro {
  width: 168px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #609f02;
  margin-left: 13px;
  height: 50px;
  line-height: auto;
  vertical-align: top;
  float: left;
  padding-right: 3px;
}
.ligne {
  width: 572px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #609f02;
  margin-left: 13px;
}
.affinez {
  font-size: 11px;
  color: #666;
}
.grey {
  color: #666;
}
.profil div.champsRadio {
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.champsRecherche, .champsRadio, .champsRechercheArea {
  width: 250px;
  text-align: left;
}
.champsRadio {
  height: 40px;
  line-height: auto;
  vertical-align: middle;
}
.champsRecherche input {
  width: 221px;
  height: 21px;
  border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 12px;
	color: #999;
	font-weight: bold;
  font-family: Arial, Verdana;
}
.champsRecherche textarea, .champsRechercheArea textarea {
  height: 50px;
  border: 1px solid #ccc;
	padding-left: 5px;
  resize:none;
  margin: 0;
}
.champsRecherche textarea {
  width: 388px;
}

div.champsRechercheArea {
  height: 100px;
  padding-top:7px;
}
.champsRechercheArea textarea {
  width: 221px;
  height: 100px;
}
div.area {
	padding-top:7px;
}
.champsRadio label {
  float: left;
  display: inline-block;
  width: auto;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
	font-size: 11px;
	color: #999;
	font-weight: bold;
  font-family: Arial, Verdana;
  text-align: center;
  margin: 0 3px;
}
.listRadio, .mosaRadio, .tableauRadio, .listRadioActive, .mosaRadioActive, .tableauRadioActive {
  padding-right: 15px;
  margin: 0 auto;
}
.listRadio {
  background: url(../img/list_off.gif) right 3px no-repeat;
}
.champsRadio label.listRadioActive {
  background: url(../img/list_on.gif) right 3px no-repeat;
  color: #189a58;
}
.mosaRadio {
  background: url(../img/mosa_off.gif) right 3px no-repeat;
}
.champsRadio label.mosaRadioActive {
  background: url(../img/mosa_on.gif) right 3px no-repeat;
  color: #189a58;
}
.tableauRadio {
  background: url(../img/tableau_off.gif) right 3px no-repeat;
}
.champsRadio label.tableauRadioActive {
  background: url(../img/tableau_on.gif) right 3px no-repeat;
  color: #189a58;
}
.champsRadio label.16RadioActive, .champsRadio label.32RadioActive, .champsRadio label.64RadioActive {
  color: #666;
}
p.selects {
	margin: 0;
	color: #666;
	font-size: 11px;
	padding-left: 5px;
}

p.selectsThema {
	margin: 0;
	color: #666;
	font-size: 11px;
	padding-left: 10px;
}

.inputsSelectThema{
	background: #fff url(../img/fleche.gif) right center no-repeat;
  width: 150px;
  height: 19px;
	line-height: 19px;
  vertical-align: middle;
	border: 1px solid #ccc;
	margin: 0 0 5px 5px;
	text-align: left;
	float: left;
	z-index: 99999;
}
.inputsSelectThema .selects {
	cursor: default;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
}	
.inputsSelectThema div {
	position: absolute;
	text-align: left;
	border: 1px solid #ccc;
	white-space: nowrap;
	display: none;
	background: #fff;
	z-index: 100000;
	margin-left: -1px;
  width: 300px;
  height: auto;
	overflow: hidden;
}
.inputsSelectThema div span a {
	display: block;
	cursor: default;
	color: #000;
	text-decoration: none;
	background: #fff;
	width: 300px;
  height: auto;
	padding-left: 5px;
}
.inputsSelectThema div span a:hover {
	color: #fff;
	background: #017f3f;
}


.inputsSelect {
	background: #fff url(../img/fleche.gif) right center no-repeat;
  width: 219px;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
	border: 1px solid #ccc;
	text-align: left;
	float: left;
	z-index: 99999;
}
.inputsSelect .selects {
	cursor: default;
	width: 219px;
	white-space: nowrap;
	overflow: hidden;
}	
.inputsSelect div {
	position: absolute;
	text-align: left;
	border: 1px solid #ccc;
	white-space: nowrap;
	display: none;
	background: #fff;
	z-index: 100000;
	margin-left: -1px;
  width: 219px;
  height: auto;
	overflow: hidden;
}
.inputsSelect div span a {
	display: block;
	cursor: default;
	color: #000;
	text-decoration: none;
	background: #fff;
	width: 219px;
  height: auto;
	padding-left: 5px;
}
.inputsSelect div span a:hover {
	color: #fff;
	background: #017f3f;
}
.rightChamps {
  width: 130px;
	text-align: left;
	border: 0px solid red;
}
.result {
  visibility: hidden;
  font-weight: bold;
	font-size: 11px;
}
.lancer {
  margin-top: 15px;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
}
.totalResult {
  color: #017f3f;
}
.btLancer {
	color: #fff;
  width: 222px;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
	background: url(../img/bt_lancer_off.png) left center no-repeat;
  text-transform: uppercase;
  font-weight: bold;
	font-size: 13px;
  border: none;
  cursor: pointer;
  padding-bottom: 2px;
  font-family: Arial, Verdana;
}
.btRechercher {
	color: #fff;
  width: 135px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
	background: url(../img/bt_rechercher_off.png) left center no-repeat;
  text-transform: uppercase;
  font-weight: bold;
	font-size: 11px;
  border: none;
  cursor: pointer;
  padding-bottom: 2px;
  font-family: Arial, Verdana;
}
.typeTelechargement {
  width: 238px;
  height: 76px;
  position: relative;
  margin-top: 0;
  float: right;
	background: url(../img/bg_type_telechargement.png) right top no-repeat;
	text-align: left;
  border: 0px solid red;
}
.typeTelechargement span {
	padding-left: 17px;
  border: 0px solid red;
}
.titreTypeTelech {
  text-transform: uppercase;
  font-weight: bold;
	font-size: 11px;
	color: #017f3f;
	margin: 10px 0 -10px 0;
	display: block;
}
.champsRadioTypeTelech label {
  float: left;
  display: inline;
	font-size: 11px;
	color: #666;
  font-family: Arial, Verdana;
  text-align: center;
  margin: 0 15px;
}
.tout {
  color: #666;
  float: right;
  padding-right: 15px;
  height: 13px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
}
.diaporama {
  width: 354px;
  height: 354px;
  line-height: 354px;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  margin: 14px 14px 0 13px;
  border: 1px solid #bfe474;
  position: relative;
	overflow: hidden;
}
.diaporama li{
  width: 354px;
  height: 354px;
  line-height: 354px;
  vertical-align: middle;
  text-align: center;
	list-style-type:none;
  border: 1px solid #bfe474;
	position:absolute;
	top: -1px;
	left: -1px;
}
.diaporama_controls{
	width:354px;
	margin:3px 0;
	padding: 0;
	clear:both;
	overflow:hidden;
	z-index: 99999;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  background: url(../img/bg_fonction_fiche.png) center top no-repeat;
	position:relative;
}
.diaporama_controls .btns{
	z-index: 100000;
	margin: 0 auto;
	text-align: center;
	width:122px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
	position:relative;
}
.diaporama_controls a {
	font-weight:normal;
	width:24px;
	height:24px;
	text-indent:-9999px;
	display:inline-block;
	margin:4px 0 0 0;
	z-index: 100000;
	overflow:hidden;
	border: 0px solid red;
}
.diaporama_controls .prev {
	background:url(../img/prev_diapo.png) no-repeat left top;
	position:absolute;
	left: 8px;
}
.diaporama_controls .next {
	background:url(../img/next_diapo.png) no-repeat left top;
	position:absolute;
	left: 90px;
}
.diaporama_controls .pause {
	background:url(../img/pause_diapo.png) no-repeat left top;
	position:absolute;
	left: 49px;
}
.diaporama_controls .play {
	background:url(../img/pause_diapo_on.png) no-repeat left top;
	position:absolute;
	left: 49px;
}

.diaporama_controls .prev:hover {
	background:url(../img/prev_diapo_on.png) no-repeat left top;
}
.diaporama_controls .next:hover {
	background:url(../img/next_diapo_on.png) no-repeat left top;
}
.diaporama_controls .pause:hover {
	background:url(../img/pause_diapo_on.png) no-repeat left top;
}
.diaporama_controls .play:hover {
	background:url(../img/pause_diapo.png) no-repeat left top;
}
.actuClient {
	width:281px;
	height:189px;
	background:url(../img/bg_actu.png) no-repeat left top;
	display: block;
	float: left;
	color: #fff;
}
.saviezVous {
	width:281px;
	height:189px;
	background:url(../img/bg_saviez_vous.png) no-repeat left top;
	display: block;
	float: right;
}
.actuClient div, .saviezVous div {
	padding: 10px 15px 0 15px;
}
.actuClient div {
	color: #fff;
}
.actuClient p, .saviezVous p {
	padding: 5px 15px;
	font-size: 11px;
	text-align: justify;
}
.actuClient p span.space, .saviezVous p span.space {
	margin-bottom: 2px;
	width: 100%;
	display: block;
}
.blocPanierExe {
  width: 194px;
  float: right;
  margin-left: 597px;
  top: 125px;
  position: absolute;
  text-align: left; 
}
.toogleCompte, .tooglePanier {
  display: block;
  cursor: pointer;
}
.tooglePanier {
  width: 164px;
  border: 0px solid red;
}
.linkIndex a.linkDialog {
  cursor: pointer;
}
/* Dialog
----------------------------------*/
.ui-dialog {
  position: relative;
  width: auto;
  font-family: Arial;
	font-size: 12px;
	background: #fdfdfd url(../img/bg_search.jpg) left bottom repeat-x;
	border: solid 5px #bfe474;
	color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px;
  text-align: center;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0 .3em .3em 5px;
  position: relative;
	background: #bfe474 url(../img/bg_dialog.png) center center repeat-x;
	color: #fff;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	border: 0px solid red;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0 .2em;
	display: block;
	font-weight: bold;
} 
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 3px;
  top: 50%;
  width: 13px;
  margin: -6px 0 0 0;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  background:url(../img/logout.gif) no-repeat left top;
  text-indent: -99999;
}
.ui-dialog .ui-dialog-content {
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
  margin: 0 auto;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
  width:auto;
  overflow:visible;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}



/* Modal */

.jqmWindow, .jqmWindowZoom {
  display: none;
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -240px;
  padding: 0;
  z-index: 100000;
  vertical-align: middle;
  height: auto;
  line-height: auto;
  width: 480px;
  font-family: Arial;
	font-size: 12px;
	background: #fdfdfd url(../img/bg_search.jpg) left bottom repeat-x;
	border: solid 5px #bfe474;
	color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0 1px 1px 1px;
  text-align: center;
}

.jqmWindowZoom {
	top: 10%;
	margin-left: -512px;
	width: 1024px;
	}

.jqmWindow span, .jqmWindowZoom span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}  
.head {
  padding: 0 0 0 5px;
  position: relative;
	background: #bfe474 url(../img/bg_dialog.png) center center repeat-x;
	color: #fff;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	border: 0px solid red;
}
span.title {
  float: left;
  margin: .1em 0 .2em;
	display: block;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
.close {
  position: absolute;
  right: 3px;
  top: 50%;
  width: 13px;
  margin: -6px 0 0 0;
  height: 18px;
}
.close span {
  display: block;
  margin: 1px;
  background:url(../img/logout.gif) no-repeat left top;
  text-indent: -99999;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
  position: absolute;
  top: 20px;
  /*
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
  */
}
.jqmWindow div.profil {
  text-align: center;
  margin: 0 auto;
  width: 460px;
}

.jqmWindow div.profil.share{
  height: 320px;
  overflow: auto;
}

/* Calendar */
.ds_box {
		background-color: #FFF;
		border: 1px solid #000;
		position: absolute;
		z-index: 32767;
	}
	
	.ds_tbl {
		background-color: #FFF;
	}
	
	.ds_head {
		background-color: #00833D;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
	}
	
	.ds_subhead {
		background-color: #8CC437;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		width: 32px;
	}
	
	.ds_cell {
		background-color: #F0F0F0;
		color: #000;
		font-size: 13px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px;
		cursor: pointer;
	}
	
	.ds_cell:hover {
		background-color: #F3F3F3;
	} /* This hover code won't work for IE */
	
.resultat {
  width: 154px;
}

.overflow {
overflow : hidden;
}

.video {
	background: #fff url(../img/video-icone-8610-16.png) left top no-repeat;
}
.video32 {
	background: #fff url(../img/video-icone-8610-32.png) left top no-repeat;
}
.video48 {
	background: #fff url(../img/video-icone-8610-48.png) left top no-repeat;
}
.logoheight img {
	max-height:76px;
	height:expression(this.height>76?76:true);
}