@font-face {
	font-family: 'Comfortaa Regular';
	src: url('Comfortaa_Regular.eot');
	src: local('Comfortaa Regular'), local('Comfortaa'), url('Comfortaa_Regular.woff') format('woff'), url('Comfortaa_Regular.svg#Comfortaa') format('svg'), url('Comfortaa_Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Comfortaa Bold';
	src: url('Comfortaa_Bold.eot');
	src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url('Comfortaa_Bold.woff') format('woff'), url('Comfortaa_Bold.svg#Comfortaa-Bold') format('svg'), url('Comfortaa_Bold.ttf') format('truetype');
} 

body {
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	_background-position: fixed ; /* évite le sautillement sur ie6 */
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

h1 {	
	font-family: 'Comfortaa Regular';
	text-align: left;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 0.8em;
}
h2 {
	font-family: 'Comfortaa Regular';
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: left;
}

.droiteProduits h1, .droiteUnivers h1 {
	margin-bottom: 5px;
}
#droite h2 {
	font-size: 1em;
	line-height: 1.2em;
}
h3 {
	font-family: 'Comfortaa Regular';
	font-weight: normal;
	font-size: 1.167em;
	margin: 0;
	padding: 2px 0;
}
.droiteProduits h2, .droiteUnivers h2 {
	font-size: 1em;
	margin: 0;
	padding: 2px 0;
}
h1:first-letter, h2:first-letter, h3:first-letter {
	text-transform: uppercase;
}
hr {
	display : block;
	height: 1px;
	padding: 0;
	color: transparent;
	background-color: transparent;
	border: none;
	border-top : 1px dashed #666666;
	margin : 0px auto;
	/*marges sous ie*/
	_margin: -7px auto;
}
ul {
	margin: 12px 0 0 0;
	padding: 0 0 0 40px;
}

p {
	margin: 0;
	padding: 0;
}

.separateur {
	clear: both;
}
span.separateur {
	display: block;
}
.imgGauche {
	float: left;
	margin-right: 15px;
}
.imgDroite {
	float: right;
	margin-left: 15px;
}
.imgIcone {
	vertical-align: middle;
}
.bouton {
	font-weight: bold;
	height: 17px;
	padding: 0 3px;
}
.champ, .champRecherche {
	
}
.champRecherche {
	width: 80px;
	text-align: center;
}

.boutonOk {
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -5px;
}

.entete_tableau{
	display: table-cell;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: top;
	text-align: left;
}

.accroche {
	font-style: italic;
}

#droite .blocMenu {
	padding: 5px 10px;
}

.menuDroit {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.menuDroit li a {
	display: block;
	padding: 6px 20px;
	font-weight: bold;
	text-decoration: none;
}

.listePlanProduit, .listePlanProduit ul {
	list-style-type: none;
	padding-left: 10px;
	margin: 0;
}
.listePlanProduit li img {
	margin-right: 5px;
}

.pageActus .fiche {
	padding: 20px 0;
}
.pageActus .blocResume .fiche {
	padding: 10px 0;
}

.pageActus .moduleKmlArticlesSub .fiche {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*.pageActus .photoMdl img {
	padding: 2px;
}*/

/***************************	      menus      	***************************/

#menuH {
   position: absolute;
   top : 111px;
   left: 10px;
   width: 960px;
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#menuH li {
   float: left;
   position: relative;
   margin: 0;
   height: 102px;
}
.itemMenuImg {
	display: block;
	position: relative;
	padding-top: 102px;
}

/***************************	structure générale	***************************/

#conteneur {
	position: relative;
	width: 975px;
	margin: 0 auto;
	z-index: 0;
}
#header {
	height: 200px;
	padding-top: 12px;
	font-weight: bold;
	text-align: center;
}
#logoHeader {
	margin: 0 auto;
}
#outils {
	position: absolute;
	right: 13px;
	top: 64px;
	width: 170px;
	padding-bottom: 20px;
}
#outils a {
	float: left;
	margin-right: 6px;
}



#zoneIdent {
	padding: 5px;
}
#zoneIdent  .champ, #zoneIdent  .bouton, #zoneFormRecherche .champ,  #zoneFormRecherche .bouton {
	vertical-align: middle;
}
#zoneIdentForm {
	position:absolute;
	top:48px;
	left:570px;
	width:220px;
	padding-top:3px;
}
#zoneIdentDemande {
	position:absolute;
	top:88px;
	left:610px;
}
#zoneFormRecherche {
	
}

#header-print{
	display: none;
}

#zone_drapeaux ul li{
	list-style: none;
	display: inline;
}

#zoomPhoto, #fondZoomPhoto {
	width: 100%;
	height: 100%;
	_height: expression(document.documentElement.clientHeight);
	padding-top: 20px;
	position: fixed;
	z-index: 2;
	_position: absolute;
 	_top: expression(documentElement.scrollTop+body.scrollTop);
	
}
#fondZoomPhoto {
	background: #f0f0f0 url(../images/trameFond.png);
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1;	
}
#contenuZoomPhoto {
	width: 850px;
	margin: 0 auto;
	text-align: center;
}
#contourZoomPhoto {
	display: inline-block;
	background: white;
	padding: 25px 25px 10px 25px;
	border: 1px solid #666666;
	max-width: 800px;
}
#contenuZoomPhoto img {
	max-width: 800px;
	margin-bottom: 5px;
}
#corps {
	position: relative;
	min-height: 700px;
	text-align: justify;
	line-height: 1.3em;
}
#corps .bloc, #corps .blocContraste {
	padding: 40px 275px 40px 40px;
}
#corps .blocAccueil  {
	padding: 35px 270px 35px 35px;
}
#corps .blocContrasteAccueil {
	padding: 30px 265px 30px 30px;
}
#corps .blocAccueil h2, #corps .blocContrasteAccueil h2  {
	line-height: inherit;
}
#corps .blocAccueil .separateurVertical, #corps .blocResume .separateurVertical {
	width: 30px;
}
#corps .blocResume {
	padding: 40px 265px 40px 35px;
}
#corps .blocResume h1 {
	margin: 0 0 20px 5px;
}
#corps .blocContrasteAccueil .fiche {
	padding: 10px;
}
#corps .blocAccueil .fiche, #corps .blocResume .fiche {
	padding: 5px;
}

.ficheProduit {
	min-height: 900px;
}

.ficheProduit, .accueilUnivers {
	padding-top: 30px;
}

.ficheProduit h1, .accueilUnivers h1 {
	margin-bottom: 10px;
}
.ficheProduit h2, .accueilUnivers h2 {
	font-size: 1.667em;
	padding-left: 30px;
}

.ficheProduit #descriptionProduit {
	position: relative;
	margin-bottom: 30px;
	padding-right: 510px;
}

.ficheProduit .photoProduit {
	display: block;
	position: absolute;
	/*top: -70px;*/
	right: 265px;
}
.ficheProduit .photoProduit:hover {
	text-decoration: none;
}

.ficheProduit .photoProduit img {
	margin-bottom: 5px;
}

.ficheProduit .photoProduit span {
	display: block;
	width: 180px;
	text-align: center;
}

.ficheProduit .fiche {
	margin: 0;
}

.ficheProduit .videoMdl {
	margin: 0;
}
.ficheProduit .videoMdl object {
	margin-bottom: 5px;
}


#carouselPhotos {
	position: relative;
	margin-top: 20px;
	min-height: 400px;
	padding: 18px 235px 5px 30px;
}

.photosArticle #carouselPhotos {
	padding-right: 0;
	width: 710px;
	left: -40px;
}

#carouselPhotos .jcarousel-clip {
	overflow: hidden;
	width: 700px;
}
#carouselPhotos .jcarousel-item {
	width: 700px;
	margin: 0;
}
#carouselPhotos #carouselPhotos-prev {
	position: absolute;
	left: 0;
	top: 163px;
}
#carouselPhotos #carouselPhotos-next {
	position: absolute;
	right: 235px;
	top: 163px;
}
#carouselPhotos .jcarousel-control {
	text-align: center;
}
	
.photosArticle #carouselPhotos #carouselPhotos-next {
	right: 0;
}



#carouselPhotos .fiche {
	display: block;
	position: relative;
	text-align: center;
	width: 207px;
	float: left;
	padding: 0 12px 7px 9px;
	text-decoration: none;
}
#carouselPhotos .fiche:hover {
	top: 2px;
	left: 2px;
	text-decoration: none;
}

#carouselPhotos .contenuFiche {
	display: block;
	padding: 4px;
	min-height: 164px;
}

#carouselPhotos .fiche .image {
	margin-bottom: 10px;
}
#carouselPhotos .fiche .vignette_video{
	display: block;
	height:50px;
	width:50px;
	position:absolute;
	left:62px;
	top:50%;
	margin-top: -25px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background:url(../images/lecture_video.png) no-repeat center;
}

#carouselPhotos .legende {
	line-height: 1em;
}

#corps .pageActus .moduleKmlUne .fiche h3 {
    display: block;
}

#corps .pageActus .moduleKmlUne .fiche .paragraphe,
#corps .accueilUnivers .moduleKmlUne .fiche .paragraphe {
	margin-bottom: 2px;
}

#corps .pageActus .moduleKmlUne .fiche .lireSuite,
#corps .accueilUnivers .moduleKmlUne .fiche .lireSuite {
    display: inline;
}

#corps .pageActus .fiche {
	margin: 20px 0;
}
#corps .pageActus .blocResume .fiche {
	margin: 15px 0;
}

.pageActus .moduleKmlArticlesSub .fiche {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.documentsProduit {
	width: 425px;
	margin-left: 40px;
	text-align: left;
	min-height: 50px;
}

.documentsProduit a {
	float: left;
	width: 212px;
	display: block;
	margin-bottom: 10px;
}

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



.ficheProduit .moduleKmlMozaique {
    margin-bottom: 15px;
    padding: 0 235px 0 40px;
}
.ficheProduit .moduleKmlMozaique .fiche{
    float: left;
    width: 205px;
    overflow: hidden;
    margin: 0 15px 0px 10px;
    text-align:center;
}

.ficheProduit .moduleKmlMozaique .fiche img{
	max-width: 205px;
	max-height: 205px;
}

.ficheProduit .liensComplementaires {
	text-align: center;
	padding-right: 235px;
	margin-bottom: 20px; 
}

.ficheProduit .outils_partage_article {
	margin: 0 275px 0 40px;
}

#corps .galeriePhotos {
	position: relative;
	margin-top: 20px;
	padding-right: 235px;
	min-height: 400px;
}

#corps .galeriePhotos .galerie-content {
	padding-left: 30px;
}


#corps .galeriePhotos .fiche {
	position: relative;
	text-align: center;
	width: 207px;
	float: left;
	padding: 0 12px 7px 9px;
	margin-top: 18px;
}
#corps .galeriePhotos .fiche:hover {
	top: 2px;
	left: 2px;
}

#corps .galeriePhotos .contenuFiche {
	padding: 4px;
	min-height: 164px;
}

#corps .galeriePhotos .fiche img {
	margin-bottom: 4px;
}

#corps .galeriePhotos .moduleKmlPrettyGallery .fiche img {
	margin-bottom: 0;
}

#corps .galeriePhotos .fiche .vignette_video{
	display: block;
	height:50px;
	width:50px;
	position:absolute;
	left:62px;
	top:50%;
	margin-top: -25px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background:url(../images/lecture_video.png) no-repeat center;
}

#corps .galeriePhotos .legende {
	padding-top: 5px;
	line-height: 1em;
}



#corps .galeriePhotos span.picto-previous, #corps .galeriePhotos span.picto-next {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#corps .galeriePhotos .picto-previous {
	position: absolute;
	left: 0;
	top: 163px;
}

#corps .galeriePhotos .picto-next {
	position: absolute;
	right: 0;
	top: 163px;
}













#videoProduit {
	/*width: 320px;
	margin: 0 auto;*/
}
#videoProduit .videoMdl {
	margin: 0;
}
.temoignageUne .fiche {
    float:right;
    /*margin:5px 10px;*/
    width:250px;
}
.temoignageUne .ficheSub p {
	float: right;
	width: 180px;
}
.temoignageUne .logo {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	max-width: 80px;
	max-height: 80px;
}
.temoignageUne .image {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	max-width: 210px;
	max-height: 210px;
}
.temoignageUne p {
	text-align: justify;
	margin: 0;
}
.temoignageUne .lireSuite {
	text-align: left;
	font-weight: bold;
	clear: left;
	padding-top: 3px;
}
.temoignageUne .lireSuite img {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 2px;
}

#univers {
	margin: 30px auto 0 auto;
	padding: 0;
	font-size: 0.917em;
	width: 975px;
}
#univers h2 {
	font-family: inherit;
	font-size: 1em;
	line-height: inherit;
	font-weight: bold;
	padding: 0;
	margin: 0 0 6px 0;
}
#droite p {
	margin: 0;
	padding: 0 5px 0 0;
	text-align: justify;
}

#univers p{
	margin: 0;
	padding: 0;
	text-align: justify;
}

#univers .fiche p a, #droite .fiche p a {
	text-decoration: none;
}
#droite .fiche {
	padding-left: 5px;
	line-height: 1.2em;
}

#univers .fiche {
	width: 185px;
	float: left;
	padding: 0 5px;
	line-height: 1.2em;
}
#univers .image {
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	padding: 1px;
}

#droite {
	position: absolute;
	min-height: 600px;
	margin-right: 20px;
	top: 0;
	right: 0;
	padding: 40px 0 0 0;
	width: 215px;
	z-index: 1000;
}
#droite h3 {
	font-family: 'Comfortaa Regular';
	font-size: 1.334em;
	text-align: center;
	margin: 30px 0 10px 0;
	font-weight: normal;
}

#droite .menuUsage {
	margin-top: 70px;
}
#droite .menuUsage a {
	display: block;
	padding: 8px 0 8px 30px;
}

#droite .fiche {
	margin: 10px 5px 10px 5px;
	padding: 5px;
}

#droite .fiche h2, #droite .fiche h3 {
	font-family: inherit;
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding-left: 20px;
}
#droite p {
	padding: 0 5px;
}
#droite .pictoLienListe {
	margin-left: 20px;
}
#droite .image {
	vertical-align: middle;
	margin-right: 2px;
}
#droite.droiteProduits {
	padding-top: 30px;
}

#footer {
	text-align: center;
	padding: 20px 0 10px 0;
}


#footer #autresProduits h3 {
	font-size: 1.5em;
	margin: 0;
	padding: 10px 0 15px 0;
}

#footer #autresProduits .fiche {
	width: 98px;
	margin: 1px 0;
	display: block;
	padding: 3px;
}
#footer #autresProduits .fiche .image {
	margin-bottom: 2px;
}
#footer #autresProduits .fiche:hover {
	width: 96px;
	margin: 0;
}

#autresProduits {
	margin-bottom: 20px;
}

#autresProduits .jcarousel-clip {
	overflow: hidden;
	width: 936px;
	margin-left: 20px;
}
#autresProduits .jcarousel-item {
	width: 104px;
	margin: 0;
}

#autresProduits #carouselProduits-prev {
	position: absolute;
	left: 0;
	top: 27px;
}

#autresProduits #carouselProduits-next {
	position: absolute;
	right: 0;
	top: 27px;
}
.jcarousel-prev-disabled, .jcarousel-next-disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
}



.accueilUnivers .produitsUniversGauche {
	width: 310px;
	float: left;
}


.accueilUnivers .produitsUniversDroite {
	width: 310px;
	float: right;
}

#corps .accueilUnivers .blocAccueil .produitsUniversGauche, #corps .accueilUnivers .blocAccueil .produitsUniversDroite {
	width: 320px;
}

.accueilUnivers .produitsUniversGauche h3.titreBloc, .accueilUnivers .produitsUniversDroite h3.titreBloc, .accueilUnivers .produitsUnivers h3.titreBloc {
	font-size: 1.834em;
	text-align: center;
	margin-bottom: 30px;
}

.accueilUnivers .produitsUniversGauche h2, .accueilUnivers .produitsUniversDroite h2, .accueilUnivers .produitsUnivers h2 {
	padding-left: 0;
	text-align: left;
}

.accueilUnivers .produitsUniversGauche .fiche, .accueilUnivers .produitsUniversDroite .fiche, .accueilUnivers .produitsUnivers .fiche {
	margin-bottom: 20px;
}

#corps .accueilUnivers .blocAccueil .produitsUniversGauche .fiche, #corps .accueilUnivers .blocAccueil .produitsUniversDroite .fiche {
	margin-bottom: 10px;
}

#gammeProduits {
	position: relative;
}

#gammeProduits .titreGamme {
	position: absolute;
	top: 15px;
	left: 30px;	
}
#gammeProduits h3 {
	display: inline;
}

#gammeProduits .fiche {
	display: block;
	padding: 5px;
	text-align: center;
	
}


#gammeProduits .emplacementPhoto {
	display: block;
	position: relative;
	height: 265px;
}

#gammeProduits .fiche .image {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 165px;
}

#gammeProduits .fiche .titreProduit {
	
}

#gammeProduits {
	margin-bottom: 20px;
	padding: 40px 235px 40px 0;
}

#gammeProduits .jcarousel-clip {
	overflow: hidden;
	width: 700px;
	margin-left: 20px;
}
#gammeProduits .jcarousel-item {
	width: 175px;
	margin: 0;
}

#gammeProduits #carouselProduits-prev {
	position: absolute;
	left: 0;
	top: 90px;
}

#gammeProduits #carouselProduits-next {
	position: absolute;
	right: 0;
	top: 90px;
}



#gammeProduits .zone3Produits .jcarousel-item {
	width: 232px;
}
#gammeProduits .zone3Produits .fiche .image {
	width: 222px;
}
#gammeProduits .zone3Produits .emplacementPhoto {
	height: 158px;
}
#gammeProduits .zone3Produits #carouselProduits-prev,
#gammeProduits .zone3Produits #carouselProduits-next {
	top: 42px;
}

#signature {
	padding: 5px 10px 0 10px;
	height: 15px;
	text-align: left;
	width: 955px;
	margin: 0 auto;
}
#signature .copyright {
	float: right;
}
#filAriane {
	position: absolute;
	top: 17px;
	left: 25px;
}
#filAriane a {
	display: block;
	float: left;
	padding: 0 5px 0 12px;
}
#filAriane a.lienAccueil {
	padding-left: 0;
}


.formulaireMail {
	
}

.formulaireMail label {
	font-family: 'Comfortaa Regular';
	font-weight: normal;
	font-size: 1.334em;
	text-align: left;
	padding-top: 16px;
}


.formulaireMail .blocForm label {
	float: left;
	clear: left;
	width: 138px;
}

.formulaireMail .champ, .formulaireMail .champPetit, .formulaireMail .champMoyen {
	margin: 8px 0;
	width: 250px;
	padding: 10px 32px 14px 20px; 
}

.formulaireMail .champPetit {
	width: 47px;
}

.formulaireMail .champMoyen {
	width: 137px;
}

.formulaireMail .champPetitPreced {
	width: 99px;
	position: relative;
	float: left;
	margin-right: 14px;
}
.formulaireMail .champPetitPreced .pictoChamp {
	position: absolute;
	left: 70px;
	top: 16px;
}


.formulaireMail .fondBlocForm {
	padding-top: 5px;
	width: 500px;
	margin: 0 auto;
}
.formulaireMail .fond2BlocForm {
	padding-bottom: 5px;
}
.formulaireMail .blocForm {
	padding: 20px 0 20px 30px;	
}

.formulaireMail .pictoChamp {
	position: relative;
	left: -35px;
	top: 8px;
}

.formulaireMail .zoneChampMessage {
	width: 500px;
	margin: 0 auto;
}

.formulaireMail .zoneChampMessage label {
	display: block;
	padding: 20px 0 20px 30px;
}

.formulaireMail .zoneChampMessage .champTexte {
	margin: 30px;
	width: 440px;
	resize: none;
}

.captcha-form {
  padding: 5px;
  text-align: center;
}
.zoneCaptcha {
    position: relative;
    width: 207px;
    padding: 1px 15px;
    margin: 0 auto;
}
.tab-captcha {
    width: 207px;
    border-collapse: collapse;
}
.tab-captcha td {
    text-align: center;
    vertical-align: middle;
    height: 33px;
}

.captcha-form label {
	font-size: 1.167em;
}

.captcha-form .champCaptcha {
	width: 58px;
	margin: 8px 0;
	height: 33px;
	padding: 0 15px 2px 15px;
}

.sousmenuhorizontal {
	padding: 0 275px 0 40px;
	font-size: 1.167em;
}
.sousmenuhorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.sousmenuhorizontal li {
	float: left;
	padding: 3px 0;
}
.sousmenuhorizontal li a {
	display: block;
	padding : 4px 7px;
}

.outils_partage_article {
  margin: 0px;
  padding: 14px 0px;
  text-align: center;
}
.outils_partage_article a {
  margin: 0 2px;
}
.outils_partage_article a img {
	vertical-align: middle;
}



.pageActus .moduleKmlArticles .moduleKmlPrettyGallery .fiche{
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#planSite {
	line-height: 1.6em;
}

#planSite ul {
}

#planSite h2 {
	margin: 0;
	padding: 10px 0 5px 0;
}

#map_canvas {
	padding: 5px;
}

#photoEquipe .photoMdl {
	padding: 3px;
	margin-top: 0 !important;
}

#photoEquipe .fiche {
	margin-bottom: 0;
}

.droiteNautisme {
	text-align: center;
}

#droite .blocDroite {
	padding: 26px 0;
	margin: 0 10px;
}

#droite .blocDroite .titreBloc {
	font-family: 'Comfortaa Regular';
	line-height: 1em;
	font-weight: normal;
	padding: 0 0 15px 0;
	display: block;
}

#droite .blocDroite h2, #droite .blocDroite .titreBloc {
	text-align: center;
	font-size: 1.334em;
}

#droite .blocDroite p {
	text-align: center;
}

#corps .photoMdl a {
	text-decoration: none;
}

@media print{
	#conteneur {width:100%;}
	#header-print {display:block;}
	#outils {display:none}
	#header {display:none;}
	#univers {display:none;}
	#droite {display:none;}
	#corps{margin-left:0px;margin:0 auto;}
	#menu{display:none;}
	#footer {width:100%;}
	#footer img{display:none;}
	#footer .texte{position:relative;width:auto;}
	#signature {display: none;}
	#filAriane {display: none;}
}