@charset "UTF-8";
/* CSS Document */
/*made by supero v0.1*/


/*----------------TYPO-----------------*/



body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000; /*0032B4*/
	margin:0px;
	line-height: 19px;
	overflow-x: hidden;
	overflow-y: auto;

}





p{
	margin-top:0px;
	margin-bottom:10px;
	
}

sup{
		line-height: 10px;
	
}

ul p{
	margin:0;
	padding:0;
	
}

h1{
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;	
	color: #000; /*0032B4*/



}

h2{
	font-size: 11px;
	line-height: 26px;
	text-transform: lowercase;
	margin-top:0px;
	margin-bottom:8px;
	padding:0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #00F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00F;
	color: #00F;	

}

#special h2 {
	color: #000;
	border-top-color: #000;
	
}

#special h2 strong {
	color: #000;
	
}

h3{
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	margin-bottom:15px;

	color: #00F; /*0032B4*/
	
}


h6 {
	font-size: 9px;
	line-height:15px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:5px;
	
	
}

.paranthese{
	vertical-align: 5%;	
	
	
}

.description h2{
	
}


strong, .blue{
	color: #00F;	
		
}

#special strong,#special .blue{
	
color: #000;
}

.droite{
	float:right;
	
	
}


/*----------------LIENS-----------------*/

a{
	color: #00F;
	text-decoration: none;
	
}

#special a{
	color: #000;
}


a:hover, a:active{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00F;	

}

.menu a:link, .menu_fin a:link, .sous_menu a:link, .menu a:visited, .menu_fin a:visited, .sous_menu a:visited, .logo a:link, .logo a:visited, .images a:link, .images a:visited{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000; /*0032B4*/
	
}

.menu a:hover,.menu_fin a:hover, .sous_menu a:hover, .menu a:active, .menu_fin a:active, .sous_menu a:active {
		color: #00F;

	
}



a img { border: none; }

.images_presse a { border: none; }

h2 a:link, h2 a:visited{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

/*----------------CONTAINER-----------------*/

.container {

	
}


/*----------------NAVIGATION-----------------*/

.navigation{
	position:absolute;
	left:60px;
	/*font-size: 12px;*/

	
}



/*LOGO*/
.logo{
	top:50px;
	z-index:1000;
}

html>body .logo {
  position: fixed;
}


/*MENU*/

.menu{
	position:absolute;
	width:95px;/*220*/
	top:273px;
}

html>body .menu {
  position: fixed;
}


/*SOUS-MENU*/

.menu_fin{
	position:absolute;
	width:95px;
	top:273px;

}

html>body .menu_fin{
  position: fixed;
}

.sous_menu{
	position:absolute;
	width:115px;
	top:303px;/*303*/
	left:165px;
	bottom:0px;
}

#revendeur{
	top:363px;/*303*/
	
	
}



html>body .sous_menu {
  position: fixed;
}

/*INFO BULLE*/

.infobulle, #curseur{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index:2000;
	display:none;
}

ul{
	
	padding-left:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000; /*00F*/
	margin:0;

	
}


li {
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000; /*00F*/
	padding-top:5px;
	padding-bottom:5px;

}

.menu li:hover,.menu_fin li:hover,.sous_menu li:hover {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #00F;
	/*font-weight: bold;*/
	padding-top:4px;



}

.menu .inactif li:hover,.menu_fin .inactif li:hover,.sous_menu .inactif li:hover{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00F;
	font-weight: normal;
	padding-top:5px;



}

.langue_active{
	font-weight: bold;
	color:#00F;
}

.menu_actif{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #00F;
	font-weight: bold;
	padding-top:4px;
	
}

.menu_typo_actif{
	color:#00F;
}











/*----------------CONTENT-----------------*/
.content,.content2  {
	position:absolute;
	z-index:100;
	top:245px;
	left:220px;
}

.content2  {
	left:170px;
}



/*ARTICLES*/
.article{
	clear:both;
	margin-bottom:50px;
}





/*TEXTES*/
.texte{
	width:470px;
	margin-left:90px;
	
}

/*CITATION*/
.citation{
	width:465px;
	padding-top:5px;
	padding-left:5px;
	background-image: url(/images/fond.png);
	background-repeat: repeat;
	position:absolute;
	left:310px;
	top:245px;
	
}


/*CONTACT*/

.contact{
	width:220px;
	margin-left:90px;
	float:left;

}

.contact2,.revendeurs_pays{
	width:220px;
	margin-left:30px;
	float:left;

}


.contact h2,.contact2 h2, .revendeur h2{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom-style: none;

	
	
}

/*REVENDEURS*/

.revendeur{
	width:220px;
	margin-left:90px;
	float:left;
	margin-bottom:90px;

}





/*DESCRIPTION*/
.description{
	float:right;
	width:220px;
	padding-top:0px;
	background-image: url(/images/fond.png);
	background-repeat: repeat;
	padding-left:0px;
	padding-right:0px;
	
	
	
}

.description h2, .description_gauche h2 {
	margin:0;
	padding:0;
	border-bottom-style: none;		

	
}
.description li {
}

.description_gauche{
	float:left;
	width:220px;
	padding-top:0px;
	background-image: url(/images/fond.png);
	background-repeat: repeat;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:90px;
	margin-left:90px;

}



/*PRESSE*/
.content_presse {
	position:absolute;
	z-index:100;
	top:245px;
	left:310px;
	width:470px;
}


/*IMAGES*/

.images{
	float:left;
	width:560px;
	overflow: hidden;
	
}

.images_presse{
	float:left;
	width:220px;
	overflow: hidden;
	margin-left:0px;

	
}


.image{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00F;
		
}

.content img{
	

	
}

.content object{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00F;

	
}

.fond{
	background-color:#666;
	z-index:-1000;
	position:absolute;
	
}

html>body .fond iframe{
	  position: fixed;
}


/*LEGENDES*/
.legende	{
	float:left;
	clear:both;
	margin-bottom:110px;
	margin-left:90px;
	
	
}



/*----------------IMAGES-----------------*/

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


.vignettes li{
	padding:0px;
	margin:0px;
	height:165px;
	cursor:pointer;
	width:220px;
	overflow:hidden;
	
}




#thumb-tray ul{
	border:none;
	
	
}


/*VIDEO*/

video{
	position:absolute;
	z-index:0;
}
html>body video{
}

/*----------------IMPRESSUM-----------------*/
.impressum{
	position:absolute;
	z-index:1000;
	bottom:2px;
	right:10px;
	
}

.impressum2{
	position:absolute;
	z-index:1000;
	bottom:2px;
	left:165px;
	
	
}

.impressum,.impressum2,.impressum h6,.impressum2 h6{
	font-size:8px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
}

.impressum a:link, .impressum2 a:link,.impressum a:visited, .impressum2 a:visited, .credit a{
	color:#666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.impressum a:hover,.impressum2 a:hover{
color:#00F;
}

html>body .impressum {
  position: fixed;
}
html>body .impressum2 {
  position: fixed;
}

/*----------------INFOBULLE-----------------*/

.infobulle{
	position:absolute;
	z-index: 50;
	overflow: hidden;
	border: 1px solid #00F;		
	
}

/*----------------IMAGES ACCUEIL-----------------*/



.diaporama{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #00F;
	padding-top:4px;
	bottom:0px;
	top:0px;
	position:absolute;
	
	
}

#slidecaption a:link{
	color:#00F;	
	
}

#slidecaption{
	width:115px;
	float:left;
}

.fleches{
	cursor:pointer;
	float:right;
	font-size:13px;
	margin-top: -2px;
}

.fleches #prevslide{
	margin-right:7px;
	
}

.fleches a{
	border:none;
	
}

.fleches a:hover{
	color:#00F;
	
}

.legende_image{
	position:absolute;
	z-index:1500;
	right:150px;
	bottom:50px;
	width:100px;
}




.credit{
	font-size:8px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#BBB;
	z-index:10000;
	float:left;
	position:absolute;
	right:5px;
	margin-top:152px;
	
}

/*GOOGLE MAP*/

#cm_sidebarDIV{
	margin-left:25px;
	overflow-y:auto;
	overflow-x:hidden;
	display:none;

}

.liste{
	
}

.liste a{
	width:220px;
	display:block;
	padding-top:0px;
	padding-bottom:5px;
	color:#000;
}

.liste a:hover{
	border-top-width: 2px;
	border-top-color: #00F; /*00F*/
	color:#00F;
	border-bottom-style:none;
}

.liste .pays{
	padding-bottom:10px;
	
}




/*séléction!!*/
*::selection {
	background:#00F;
	color:#fff;
}

*::-moz-selection {
	background:#00F;
	color:#fff;
}

*::-webkit-selection {
	background:#00F;
	color:#fff;
}



/*MOBILE*/
@media screen and (max-device-width: 768px){
	
html>body .logo {
  position: absolute;
}
html>body .menu {
  position: absolute;
}
html>body .menu_fin{
  position: absolute;
}
html>body .sous_menu {
  position: absolute;
}

#produits{
	left:110px;
}
	
}