a img {
	border: none;
}
a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.separateur {
	clear: both;
}
.separateurVertical {
	float: left;
	width: 1%;
	height: 10px;
}
.imgIcone {
	vertical-align: middle;
	margin-right: 3px;
}

.attention {
	color: #cc0000;
}
.commentaire {
	color: #999999 !important;
}

/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************		  module-liste-index		**********************
*******************************************************************************/

.moduleKmlIndex h1 {

}
.moduleKmlIndex h1:first-letter {

}
.moduleKmlIndex h2 {
	margin-bottom: 10px;

}
.moduleKmlIndex h3 {

}
.moduleKmlIndex p {
	text-align: justify;
}
.moduleKmlIndex .liste {
	/*float: left;*/
	/*width: 280px;*/
	text-align: left;
}
.moduleKmlIndex .liste ul {
	margin:0px;
	padding-left:20px;
}
.moduleKmlIndex .liste li {
	font-weight: bold;
}
.moduleKmlIndex .fiche {
	float: right;
	width: 380px;
	padding: 10px;
	border: 1px solid black;
	background-color: white;
}

.moduleKmlIndex .fiche .imprime {
	text-align: right;
}
.moduleKmlIndex .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleKmlIndex .photoMdl {
	float: right;
	/*width: 300px;*/
	text-align: center;
	margin-left: 15px;
}
.moduleKmlIndex .photoMdl img {
	max-width: 300px;
	width: expression((this.width > 300 && this.width>=this.height) ? 300: true);
	max-height: 300px;
	height: expression((this.height > 300 && this.height>this.width) ? 300: true);
}
.moduleKmlIndex .photoMdl span{
	font-style: italic;
}
.moduleKmlIndex .videoMdl {
	width: 320px;
	text-align: center;
	margin: 0 auto;
}
.moduleKmlIndex .videoMdl span{
	font-style: italic;
}

/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************			module-liste			**********************
*******************************************************************************/


/*Liste des actus*/

.moduleKmlArticles .fiche {
	/*margin-bottom: 20px;*/
}
.moduleKmlArticles h1 {

}
.moduleKmlArticles h1:first-letter {

}
.moduleKmlArticles h2 {

}
.moduleKmlArticles h3 {

}
.moduleKmlArticles .photoMdl {
	float: right;
	/*width: 300px;*/
	text-align: center;
	margin-left: 15px;
}
.moduleKmlArticles .photoMdl img {
	max-width: 300px;
	width: expression((this.width > 300 && this.width>=this.height) ? 300: true);
	max-height: 300px;
	height: expression((this.height > 300 && this.height>this.width) ? 300: true);
}
.moduleKmlArticles .photoMdl span{
	font-style: italic;
}
.moduleKmlArticles .videoMdl {
	float: left;
	/*width: 300px;*/
	text-align: center;
	margin-right: 15px;
}
.moduleKmlArticles .videoMdl span{
	font-style: italic;
}
.moduleKmlArticles p {
	/*text-align: justify;*/
}
.moduleKmlArticles .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleKmlArticles .commentaire {
	color: #666666;
	font-size: 10px;
}

/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************		 module-liste-agenda		**********************
*******************************************************************************/


.moduleKmlAgenda .fiche {
	/*margin-bottom: 20px;*/
}

.moduleKmlAgenda .navigAnnees {
	text-align: center;
	font-size: 2em;
}
.moduleKmlAgenda .navigAnnees a {
	margin: 0 10px;
	font-size: 0.5em;
	vertical-align: middle;
}

.moduleKmlAgenda h1 {

}
.moduleKmlAgenda h1:first-letter {

}
.moduleKmlAgenda h2 {

}
.moduleKmlAgenda h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.moduleKmlAgenda .photoMdl {
	float: right;
	/*width: 300px;*/
	text-align: center;
	margin-left: 15px;
}
.moduleKmlAgenda .photoMdl img {
	max-width: 150px;
	width: expression((this.width > 150 && this.width>=this.height) ? 150: true);
	max-height: 300px;
	height: expression((this.height > 150 && this.height>this.width) ? 150: true);
}
.moduleKmlAgenda .photoMdl span{
	font-style: italic;
}
.moduleKmlAgenda .videoMdl {
	float: left;
	/*width: 300px;*/
	text-align: center;
	margin-right: 15px;
}
.moduleKmlAgenda .videoMdl span{
	font-style: italic;
}
.moduleKmlAgenda p {
	text-align: justify;
}
.moduleKmlAgenda .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleKmlAgenda .commentaire {
	color: #666666;
	font-size: 10px;
}
#rechercheAgenda {
	text-align: center;
}
#rechercheAgenda h3 {
	margin-bottom: 5px;
}


/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************		 module-liste-resume		**********************
*******************************************************************************/

/*Liste des titres des fiches (colonne de résumé des fiches)*/
.moduleKmlResume {
	width: 250px;
}
.moduleKmlResume h1 {

}
.moduleKmlResume h1:first-letter {

}
.moduleKmlResume h2 {

}
.moduleKmlResume h3 {

}
.moduleKmlResume img {
	float: right;
	margin-left: 10px;

	max-width: 100px;
	width: expression((this.width > 100 && this.width>=this.height) ? 100: true);
	max-height: 100px;
	height: expression((this.height > 100 && this.height>this.width) ? 100: true);
}
.moduleKmlResume p {
	text-align: justify;
}
.moduleKmlResume .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleKmlResume hr {

}

/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************		 module-liste-titre		 **********************
*******************************************************************************/

.moduleKmlTitre .commentaire {
	color: #666666;
	font-size: 10px;
	margin-left: 20px;
}
.moduleKmlTitre img{
	max-width: 150px;
	width: expression((this.width > 150 && this.width>=this.height) ? 150: true);
	max-height: 150px;
	height: expression((this.height > 150 && this.height>this.width) ? 150: true);
}

.moduleKmlTitre .image {
	float: left;
	margin-right: 15px;
}


/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************		  module-liste-une		  **********************
*******************************************************************************/

/*actus à la une*/

.moduleKmlUne {
	width: 100%;
}
.moduleKmlUne .fiche, .moduleKmlUne .ficheActuOver {
	/*float: left;
	width: 49.5%;*/
}

.moduleKmlUne h1 {
	
}
.moduleKmlUne h2 {
	
}
.moduleKmlUne h3 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}
.moduleKmlUne .image {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	max-width: 200px;
	width: expression((this.width > 200 && this.width>=this.height) ? 200: true);
	max-height: 135px;
	height: expression((this.height > 135 && this.height>this.width) ? 135: true);
}
.moduleKmlUne p {
	margin: 0;
}
.moduleKmlUne .lireSuite {
	text-align: left;

	padding-top: 3px;
}
.moduleKmlUne .lireSuite img {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 2px;
}

/*******************************************************************************
**********************			MODULE KAMELEON		  **********************
**********************   module-liste-une-produit     **********************
*******************************************************************************/

.moduleKmlUneProduit {
	width: 100%;
}
.moduleKmlUneProduit .fiche {
	
}

.moduleKmlUneProduit h1 {
	text-indent: 4px;
}
.moduleKmlUneProduit h2 {
	text-indent: 4px;
}
.moduleKmlUneProduit h3 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	text-indent: 4px;
}
.moduleKmlUneProduit .zoneTexte {
	position: relative;
	padding-left: 4px;
	height: 131px;
	/*height: 128px;*/
	overflow: hidden;
}
.colonneTexte1, .colonneTexte2 {
	float: left;
	width: 180px;
	
}
.colonneTexte1 {
	margin-right: 5px;
	height: 131px;
	overflow: hidden;
}
.colonneTexte2 {
	position: relative;
	top: -130px;
	height: 223px;
	overflow: hidden;
}
.moduleKmlUneProduit .image {
	float: left;
	margin-top: 5px;
	margin-right: 1px;
	max-width: 210px;
	width: expression((this.width > 210) ? 210: true);
	/*max-height: 280px;
	height: expression((this.height > 278 && this.height>this.width) ? 278: true);*/
}
.moduleKmlUneProduit p {
	text-align: justify;
	margin: 0;
}
.moduleKmlUneProduit .lireSuite {
	text-align: right;
	position: absolute;
	right:0;
	top: 105px;
	font-weight: bold;
}
.moduleKmlUneProduit .lireSuite img {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 2px;
}

.moduleKmlUneProduit .imageDiapo {
	float: left;
	margin-right: 1px;
	max-width: 183px;
	width: expression((this.width > 183 && this.width>=this.height) ? 183: true);
	max-height: 137px;
	height: expression((this.height > 137 && this.height>this.width) ? 137: true);
}

/*******************************************************************************
**********************			MODULE KAMELEON		  **************************
**********************		     module-edito		  **************************
*******************************************************************************/

.moduleKmlEdito .image {
	margin: 5px;
	max-width: 350px;
	width: expression((this.width > 350 && this.width>=this.height) ? 350: true);
	max-height: 123px;
	height: expression((this.height > 123 && this.height>this.width) ? 123: true);
}
.moduleKmlEdito p {
	margin: 0;
}

/*******************************************************************************
**********************			MODULE KAMELEON	         ***********************
**********************			module-recherche		 ***********************
*******************************************************************************/


/*Liste des actus*/


.moduleKmlRecherche h1 {

}
.moduleKmlRecherche h1:first-letter {

}
.moduleKmlRecherche h2 {

}
.moduleKmlRecherche h3 {

}
.moduleKmlRecherche .photoMdl {
	float: left;
	text-align: center;
	margin-right: 5px;
}
.moduleKmlRecherche .photoMdl img {
	/*max-width: 40px;
	width: expression(this.width > 40 ? 40: true);
	max-height: 40px;
	height: expression(this.height > 40 ? 40: true);*/

	max-width: 40px;
	width: expression((this.width > 40 && this.width>=this.height) ? 40: true);
	max-height: 40px;
	height: expression((this.height > 40 && this.height>this.width) ? 40: true);
}
.moduleKmlRecherche .photoMdl span{
	font-style: italic;
}
.moduleKmlRecherche .videoMdl {
	float: left;
	text-align: center;
	margin-right: 5px;

	/*max-width: 50px;
	width: expression(this.width > 50 ? 50: true);
	max-height: 50px;
	height: expression(this.height > 50 ? 50: true);*/

	max-width: 50px;
	width: expression((this.width > 50 && this.width>=this.height) ? 50: true);
	max-height: 50px;
	height: expression((this.height > 50 && this.height>this.width) ? 50: true);
}
.moduleKmlRecherche .videoMdl span{
	font-style: italic;
}
.moduleKmlRecherche p {
	text-align: justify;
}
.moduleKmlRecherche .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleKmlRecherche .commentaire {
	color: #666666;
	font-size: 10px;
}


/*******************************************************************************                                  
**********************           MODULE KAMELEON          **********************                                  
**********************       module-liste-mozaique        **********************
*******************************************************************************/                                  
.moduleKmlMozaique .fiche {
    float: left;
    margin: 10px;
}
                                                                                                                  
.moduleKmlMozaique .commentaire {
    color: #666666;                                                                                               
    margin-left: 20px;                                                                                            
}                                                                                                                 
.moduleKmlMozaique img{
    /*max-width: 125px;
    width: expression((this.width > 125 && this.width>=this.height) ? 125: true);
    max-height: 125px;
    height: expression((this.height > 125 && this.height>this.width) ? 125: true);*/
}                                                                                                                 
                                                                                                                  
.moduleKmlMozaique .image {
    float: left;                                                                                                  
    margin-right: 15px;                                                                                           
}                                                                                                                 




/*******************************************************************************
************************		  MODULE AGENDA		  ***********************
*******************************************************************************/


.moduleAgenda h1 {

}
.moduleAgenda h2 {

}
.moduleAgenda h3 {

}
.moduleAgenda .commentaire {
	color: #999999;
	font-size: 10px;
}
.moduleAgenda .selectSalles {
	text-align: center;
}
/*Liste des rendez vous sur une semaine*/
.moduleAgenda .semaine {
	/*background-color: white;*/
}
.moduleAgenda .semaine hr {

}
.moduleAgenda .semaine .annee {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.moduleAgenda .semaine .navigation {
	font-size: 10px;
}
.moduleAgenda .semaine .dateAujourdhui {
	text-align: center;
	font-size: 10px;
}
.moduleAgenda .semaine .enteteJours {
	text-align: center;
}
.moduleAgenda .semaine .enteteJours td{
	border: 1px solid black;
}
.moduleAgenda .semaine .enteteJours td{
	width: 110px;
}
.moduleAgenda .semaine .numeroJour {
	color: #cc0000;
	font-size: 20px;
	font-weight: bold;
}
.moduleAgenda .semaine .nomJour {
	color: #000000;
	font-weight: bold;
}
.moduleAgenda .semaine .mois {
	color: #000000;
	font-size: 10px;
}

.moduleAgenda .semaine .rdvJours {
	text-align: left;
	vertical-align: top;
	height: 250px;
}
.moduleAgenda .semaine .rdvJours td{
	border: 1px solid black;
}
.moduleAgenda .semaine .rdvJours .heure {
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
}
.moduleAgenda .semaine .rdvJours .evenement {
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.moduleAgenda .semaine .rdvJours img {
	/*vertical-align : middle;*/
/*	float: left;*/
}
.moduleAgenda .semaine .ajout {
	text-align: center;
	font-size: 10px;
}
.moduleAgenda .semaine .aujourdhui {
	background-color: #ffcc99;
}
.moduleAgenda .semaine .jour {
	background-color: #ffffcc;
}
.moduleAgenda .semaine .weekend {
	background-color: #ffff99;
}

/*** fiche **/

.moduleAgenda #fiche {
	background-color: #ffff99;
	height: 172px;
}
.moduleAgenda #fiche .titre {
	background-color: #ffffcc;
	font-weight: bold;
	height: 10px;
}
.moduleAgenda #fiche .corps {
	vertical-align: top;
	text-align: justify;
}
.moduleAgenda #fiche .corps .date {
	font-style: italic;
	font-size: 12px;
	text-align: left;
}
.moduleAgenda .footer {
	font-size: 10px;
}


/*******************************************************************************
**********************		  MODULE CATALOGUE		  **********************
*******************************************************************************/


.moduleCatalogue .liste {
	width: 100%;
	border-collapse: collapse;
}
.moduleCatalogue .liste td, .moduleCatalogue .liste th {
	/*padding: 0 2px;*/
}
.moduleCatalogue .liste td{
	border-bottom : 1px solid #d6d6c1;
	cursor: pointer;
}
.moduleCatalogue .liste th {
	background-color: navy;
	color: white;
	text-align: left;
}
.moduleCatalogue .liste .impaire {
	background-color: white;
}
.moduleCatalogue .liste .paire {
	background-color: #e5e5e5;
}
.moduleCatalogue .liste .image {
	/*width: 60px;*/
	height: 60px;
}
.moduleCatalogue .liste_neufs .fiche_neuf{
	
}

.moduleCatalogue .liste_neufs .fiche_neuf{
    float: left;
    width: 224px;
    
    margin: 0 0 10px 10px;
    text-align: center;
    background:transparent url(../images/fond_fiche_bateau_neuf.jpg) no-repeat left bottom;
    padding-bottom:5px;
    cursor:pointer;
}



.moduleCatalogue .liste_neufs .cadre_image{
    position: relative;
    width: 222px;
    height: 149px;
    overflow: hidden;
    border-left : 1px solid #bdbcbd;
    border-right : 1px solid #bdbcbd;
}
.moduleCatalogue .liste_neufs img{
    position: absolute;
    z-index : 1;
}
.moduleCatalogue .fiche_neuf h2{
	position: absolute;
	top:0px;
	left:0px;
	z-index : 99;
	background-color : #222222;
	color: white;
	font-size:12px;
	width:222px; 
	
	padding:5px 0;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.moduleCatalogue .fiche {

}
.moduleCatalogue .fiche h1{

}
.moduleCatalogue .fiche h1:first-letter {

}
.moduleCatalogue .fiche h2 {

}
.moduleCatalogue .fiche p {
   text-align: justify;
}
.moduleCatalogue .fiche .slogan{
	color:#ee0000;
	font-weight:bold;
	padding:10px 0;
}
.moduleCatalogue .fiche .accroche{
	color:#ee0000;
	
}
.moduleCatalogue .fiche .lien{
	border : 1px solid #999999;
	padding : 5px 10px 5px 25px;
	background:#EEEEEE url(../images/pictoLireSuite.png) no-repeat left center;
	font-weight:bold;
	font-size:14px;
	margin-left:200px;
	text-decoration:none;
}	
.moduleCatalogue .fiche .lien:hover{
	background-color:#999999;
	color:#ffffff;
	text-decoration:none;
}
.moduleCatalogue .fiche .photoMdl{
	float: right;
	margin-left: 15px;
	width: 260px;
	height:260px;
	text-align:center;
}
.moduleCatalogue .fiche .photoMdl img {
    /*max-width: 100px;
    width: expression(this.width > 100 ? 100: true);*/
    max-width: 250px;
    width: expression((this.width > 250 && this.width>=this.height) ? 250: true);
    max-height: 250px;
    height: expression((this.height > 250 && this.height>this.width) ? 250: true);
}
.moduleCatalogue .fiche .videoMdl{
	float:right;
}
/* Galerie photo en ligne*/
.moduleCatalogue .fiche .galerie{
	position:relative;
	height:70px;
	margin-top:20px;
	cursor: pointer;
	overflow:hidden;
}
.moduleCatalogue .fiche .galerie #galerie_defilante{
	position:absolute;
	width:1000px;
}
.moduleCatalogue .fiche .galerie #galerie_defilante .photo{
	float : left;
	margin-left:10px;
	text-align:center;
	width:60px;
}
.moduleCatalogue .fiche .galerie #galerie_defilante .photo img{
	max-width: 60px;
    width: expression((this.width > 60 && this.width>=this.height) ? 60: true);
    max-height: 60px;
    height: expression((this.height > 60 && this.height>this.width) ? 60: true);
}
.moduleCatalogue .fiche #agrandissement_photo{
	left:500px;
	top:140px;
	position:absolute;
	
	border:1px solid black;
	text-align:center;
	background-color:white;
	padding:0;
}
.moduleCatalogue .fiche #agrandissement_photo .header_agrandissement{
	background-color:#5E8B9F;
	text-align:right;
}
.moduleCatalogue .fiche #agrandissement_photo .header_agrandissement a{
	color:white;
	font-weight:bold;
	margin-right:5px;
	padding:1px;
}
.moduleCatalogue .fiche #agrandissement_photo #legende_image{
	text-align:center;
	color:#666666;
	margin-bottom:10px;
}	
.moduleCatalogue .fiche #agrandissement_photo img{
	max-width: 300px;
    width: expression((this.width > 300 && this.width>=this.height) ? 300: true);
    max-height: 300px;
    height: expression((this.height > 300 && this.height>this.width) ? 300: true);
    padding:20px;
}
.moduleCatalogue .commentairetechnique{
	background-color:white;
	width:200px;
	padding:5px;
	
}

.moduleCatalogue h1 {

}
.moduleCatalogue h2 {

}
.moduleCatalogue h3 {

}
.moduleCatalogue .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleCatalogue .ajoutPanier {
	float: left;
	width: 230px;
	margin: 10px;
	background-color: #eeeeee;
	border: 1px solid black;
}
.moduleCatalogue .ajoutPanier .enteteFenetre {
	height: 12px;
	padding : 1px;
	background-color: navy;
}
.moduleCatalogue .ajoutPanier .icone {
	float: right;
}
.moduleCatalogue .ajoutPanier .corpsFenetre {
	padding: 5px;
}
.moduleCatalogue .infosResultat {
	color: #999999;
	font-size: 10px;
}
.moduleCatalogue #lieu {
	background-color: #D4DBEE;
	width: 300px;
}