/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1,h2,h3,h4 {margin:0;}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#catalogue-list{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	color: #000;
	margin:0px 10px 0px 20px;
	padding:0px;
	width:410px;
	float:left;
	line-height:13px;
	vertical-align:top;

}

#catalogue-list a, a:hover{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	color: #FFF;
	margin
}



#catalogue-vignette{
	margin:0;
	padding:0;
	width:180px;
	height:120px;
	float:left;
	text-align:center;
	border: 1px dotted #FFF;

}
.encart-seadoo {
	width:292px;
	float:left;
	text-align:justify;
	margin-left:20px;
	}
.seadoo-slogan {
	width:500px;
	margin-bottom:20px;
	padding-left:80px;
	text-align:center;
	height:19px;
	}
.turbine {
	width:575px;
	height:168px;
	text-align:center;
	float:left;
	margin-left:20px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	}
#contenu .seadoo-wellcraft a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	text-decoration:none;
	}
#contenu .seadoo-wellcraft a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	border-top:2px #E3C103 solid;
	text-decoration:none;
	}
#contenu .seadoo-everset a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	/*border-top:2px black solid;*/
	text-decoration:none;
	}
#contenu .seadoo-everset a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	border-top:2px #E3C103 solid;
	text-decoration:none;
	}
#contenu .seadoo-larson a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	/*border-top:2px black solid;*/
	text-decoration:none;
	}
#contenu .seadoo-larson a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	border-top:2px #E3C103 solid;
	text-decoration:none;
	}
/*---------------------------------MENTIONS LEGALES-------------------------*/
.mentions-legales {}
.mentions-legales p{text-align:justify; width:600px;}
/*---------------------------------EVERSET-------------------------*/
.seadoo-cadre1 {width:124px; padding-left:5px;float:left;}
.seadoo-cadre2 {width:111px; padding-left:5px;float:left;}
.seadoo-cadre3 {width:110px; padding-left:5px;float:left;}
.seadoo-cadre4 {width:120px; padding-left:5px;float:left;}
.seadoo-cadre5 {width:115px; padding-left:5px;float:left;}
.seadoo-cadre1, .seadoo-cadre2, .seadoo-cadre3, .seadoo-cadre4, .seadoo-cadre5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	height:20px;
	padding-top:120px;
	margin:0;
	text-align:left;
	line-height:18px;
}

#contenu .seadoo-everset {
	width:610px;
	height:163px;
	text-align:center;
	float:left;
	margin-left:20px;
	margin-top:5px;
	background-image:url(../images/charte/modele-everset.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	}
/*---------------------------------WELLCRAFT-------------------------*/
.wellcraft-cadre1 {width:185px; padding-left:5px;float:left;}
.wellcraft-cadre2 {width:208px; padding-left:5px;float:left;}
.wellcraft-cadre3 {width:196px; padding-left:5px;float:left;}
.wellcraft-cadre1, .wellcraft-cadre2, .wellcraft-cadre3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	height:80px;
	padding-top:170px;
	margin-top:20px;
	text-align:left;
	line-height:18px;
}

#contenu .seadoo-wellcraft {
	width:606px;
	height:270px;
	text-align:center;
	float:left;
	margin-left:20px;
	background-repeat:no-repeat;
	margin-top:5px;
	background-image:url(../images/charte/modele-wellcraft.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:none;
	}

/*---------------------------------LARSON-------------------------*/
.larson-cadre1 {width:146px; padding-left:5px;float:left;}
.larson-cadre2 {width:132px; padding-left:5px;float:left;}
.larson-cadre3 {width:139px; padding-left:5px;float:left;}
.larson-cadre4 {width:134px; padding-left:5px;float:left;}

.larson-cadre1, .larson-cadre2, .larson-cadre3, .larson-cadre4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	height:60px;
	padding-top:120px;
	margin:0;
	text-align:left;
	line-height:18px;
}

#contenu .seadoo-larson {
	width:600px;
	height:220px;
	text-align:center;
	float:left;
	margin-left:20px;
	margin-top:5px;
	background-image:url(../images/charte/modele-larson.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	}


/**/
.seadoo-visu {
	float:left;
	width:210px;
	margin-right:20px;
	margin-left:10px;
	text-align:center;
	}
.seadoo-description {
	float:left;
	width:400px;
	padding:0;
	margin:0;
	text-align:justify;
	padding:0 0 35px 0;
}
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #454545;
	border: 1px solid #FFF;
	width:200px;
}

/*CSS-catalogue-caracteristiques*/

.catalogue-top {
	width:528px;
	margin-left:100px;
	}
.catalogue-top-titre {
	width:528px;
	height:26px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/charte/encart-tableau.gif) no-repeat;
	}
.catalogue-top-center {
	width:335px;
	height:24px;
	float:left;
	text-align:center;
	padding-top:12px;
	background-image:url(../images/charte/cata-top-center.jpg);
	}
#contenu .catalogue-top-center a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	}
	#contenu .catalogue-top-center a:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	/*background-image:url(../images/charte/fd-bt-catalogue.gif);*/
	border-top:3px solid #E3C103;
	width:93px;
	height:26px;
	}
	
	.catalogue-top-center2 {
	width:335px;
	height:24px;
	float:left;
	text-align:center;
	padding-top:12px;
	background-image:url(../images/charte/cata-top-center.jpg);
	}
#contenu .catalogue-top-center2 a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#contenu .catalogue-top-center2 a:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	/*background-image:url(../images/charte/fd-bt-catalogue.gif);*/
	border-top:3px solid #E3C103;
	width:93px;
	height:26px;
	}
.catalogue-top-left {
	width:110px;
	height:36px;
	float:left;
	background-image:url(../images/charte/cata-top-left.gif);
	}
.catalogue-top-right {
	width:83px;
	height:36px;
	float:left;
	background-image:url(../images/charte/cata-top-right.jpg);
	background-repeat:no-repeat;
	}
	
.catalogue-bande1, .catalogue-bande2 {width:483px; max-width:483px; height: auto; float:left; background-repeat: repeat-y; padding-left:45px; padding-top:3px;}	
.catalogue-bande1 {background-image:url(../images/charte/catalogue-bande-gris.gif); background-color:#5c5b5b;}
.catalogue-bande2 {background-image:url(../images/charte/catalogue-bande-gris2.gif);background-color:#4e4e4e;}

.catalogue-bande1-2lignes, .catalogue-bande1-2lignes-2 {width:528px; height:41px; float:left;background-repeat:no-repeat;padding-left:45px;	padding-top:3px;}
.catalogue-bande1-2lignes {background-image:url(../images/charte/bande-gris-2lignes.gif);}
.catalogue-bande1-2lignes-2 {background-image:url(../images/charte/bande-gris-2lignes2.gif);}


.catalogue-bottom {
	float:left;
	height:1px;
	width:528px;
	background-color:#FFCC00;

	background-repeat:no-repeat;
	}
.bande-jaune {
	width:523px;
	height:19px;
	float:left;
	background-image:url(../images/charte/bande-jaune.gif);
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding-left:5px;
	padding-top:3px;
	font-weight:bold;
	}
	
/*CSS-catalogue-caracteristiques*/
.cata-gauche-gris2 {
	width:220px;
	min-height:19px;
	height:auto;
	margin-left:2px;

	background:url(../images/charte/puc2.gif) no-repeat;
	float:left;
	padding-left:45px;
	
	}
.cata-droite-gris2 {
	background-repeat:repeat-y;
	width:250px;
		width:248px;
		height:auto;
	padding-left:2px;
	min-height:19px;
	border-left:1px dotted #999999;
	float:left;
	}
	
	.cata-gauche-noir2 {
	
	width:220px;
	margin-left:2px;
	background:url(../images/charte/puc1.gif) no-repeat;

	min-height:19px;
	height:auto;
	float:left;
	padding-left:45px;
	}
.cata-droite-noir2 {
	background-repeat:repeat-y;
	width:248px;
	padding-left:2px;
	min-height:19px;
	border-left:1px dotted #999999;
	float:left;
	}
	.tr1{
	background:url(../images/charte/tr1.jpg) repeat-y;}
	
	.fondnoir{
	background-color:#4e4e4e;
	width:500px;
	border:1px solid red;}
	
	
	
	
	
	
	
.cata-gauche-gris {
	background-image:url(../images/charte/cata-gauche1.gif);
	width:228px;
	height:19px;
	float:left;
	padding-left:45px;
	padding-top:3px;
	}
.cata-droite-gris {
	background-image:url(../images/charte/cata-droit1.gif) ;
	background-repeat:repeat-y;
	width:255px;
	height:19px;
	float:left;
	padding-top:3px;
	}
	
	.deuxdiv{
	float:left;
	width:528px;
	height:auto;
	background:url(../images/charte/tr1.jpg) repeat-y;}
.cata-gauche-noir {
	background-image:url(../images/charte/cata-gauche2.gif);
	width:228px;
	background-repeat:repeat-y;
	
	height:19px;
	float:left;
	padding-left:45px;
	padding-top:3px;
	}
.cata-droite-noir {
	background-image:url(../images/charte/cata-droit2.gif);
	width:255px;
	height:19px;
	float:left;
	padding-top:3px;
	}
	
.cata-sous-titre-gauche {
	background-image:url(../images/charte/ss-rubrique-gauche.gif);
	width:228px;
	height:19px;
	float:left;
	padding-left:35px;
	padding-right:10px;
	padding-top:6px;
	font-size:14px;
	}
.cata-sous-titre-droite {
	background-image:url(../images/charte/ss-rubrique-droite.gif);
	width:255px;
	height:19px;
	float:left;
	padding-top:6px;
	}
	
.fond_revendeur{
background-image:url(../images/charte/fd-caracteristique.gif);
background-repeat:repeat-y;
padding:5px 10px 5px 10px;
}
	
.lien-selectionne {
	font-family:14px;
	font-size:14px;
	font-weight:bold;
	border-top:3px solid white;
	}
.lien-selectionne2 {
	font-family:14px;
	font-size:12px;
	font-weight:bold;
	border-top:3px solid white;
	}
.fond-gris {
	background-image:url(../images/charte/fd-photo.gif);
	background-position:center top;
	background-repeat:repeat-y;
	width:528px;
	float:left;
	text-align:center;
	}
.fond-gris img{
	margin:5px;
	border:2px solid white;
	}
/*presentation*/
.accueil {
	width:300px;
	float:left;
	margin-right:20px;
	text-align:justify;
	}
.titre-presentation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	}
.texte-accueil {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	width:620px;
	margin-bottom:20px;
	}


.texte-jaune {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFD900;
	}
.texte-jaune-grand {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFD900;
	font-weight:bold;
	}
.texte-grand-blanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:white;
	}
.cadre-distributeur {
	width:400px;
	padding:10px;
	margin-left:65px;
	text-align:center;
	border-top:5px solid #FFD900;
	border-bottom:5px solid #FFD900;
	border-left:1px solid #FFD900;
	border-right:1px solid #FFD900;
	}
.fd-bouton {
	background-color:#4D4D4D;
	color:#FFFFFF;
	}


/*SEADOO-INFO*/

.titre-Seadoo-Info {
	border-bottom:1px solid #FFD900;
	color:#FFD900;
	display:block;
	padding-bottom:7px;
	margin-top:15px;
	font-size:25px;
	font-weight:bold;
	}
.texte-blanc {
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	}
	
	#actualite {
	width:537px;
	 float:left;
	 background:url(../images/integration/actm.jpg) ;
	 margin:50px 0 0 70px;
	 z-index:10;
	 height:auto;

	}
	
	#actualite .act p.titre{
	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#f8d301;}
	
	#actualite .act p{
		
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#fff;}
	
	
	.act{
	width:517px;
	height:auto;
	min-height:100px;
	float:left;
	background:url(../images/integration/act.jpg) no-repeat;
	padding:50px 10px 0px 10px;
	}
	
	.actb{
	width:537px;
	z-index:100;
	float:left;
	background:url(../images/integration/actb.jpg) no-repeat;
	}
	
	.visuel{
	float:left;
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	height:auto;
	}