/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}




/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { 
font-family:Verdana, Geneva, sans-serif; 
letter-spacing:1;  
background-color:#eeeeee;   
/*background-image: url(../images/anim.gif);*/
background-repeat: repeat-x;

}


html {
	min-height: 100%;
}

body {
	min-height: 100%;
}

html.menu-mobile-open,
body.menu-mobile-open,
body.menu-mobile-open #page-wrapper  {
	overflow: hidden;
}



/* mobile menu */
#menu-mobile {
	position: fixed;
	left: -280px;
	top: 0;
	z-index: 10;
}

#block-block-9,
#menu-mobile-close {
	display: none;
}





h1{
	font-size: 18px;
	color:#036;
}

h2{
	font-size: 16px;
	color:#036;
}
.lght {
	box-shadow: 3px 4px 5px 0px #999999;
}
#exterieur1 a, a:visited {
	text-decoration:none;
  	color: #122b4e;
}
#exterieur1 a:hover {
	text-decoration:underline;
  	color: #122b4e;
}
#exterieur1 h1 {
	font-size:16px;
 	
}
#exterieur2 a, a:visited {
	text-decoration:none;
  	color: #ffffff;
}
#exterieur2 a:hover {
	text-decoration:underline;
  	color: #ffffff;
}
#exterieur2 h1 {
	font-size:16px;
 	
}
#product1 a, a:visited {
	text-decoration:none;
  	color: #122b4e;
}
#product1 a:hover {
	text-decoration:underline;
  	color: #122b4e;
}
#product1 h1 {
	font-size:16px;
 	
}
#product2 a, a:visited {
	text-decoration:none;
  	color: #122b4e;
}
#product2 a:hover {
	text-decoration:underline;
  	color: #122b4e;
}
#product2 h1 {
	font-size:16px;
 	
}
#product3 a, a:visited {
	text-decoration:none;
  	color: #ffffff;
}
#product3 a:hover {
	text-decoration:underline;
  	color: #ffffff;
}
#product3 h1 {
	font-size:16px;
 	
}
#offre {
 	top: -20px;
	left: 100px;
	position: absolute;
	height: 107px;
	width: 107px;	
	background-image:url(../../logos/offer.png);
	background-repeat:no-repeat;
	background-position: top  0px left;
}
#proff {
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:16px;
	position: fixed;
	padding-left: 308px;
	bottom: 0px;
	margin-bottom: 36px;
	bottom:0px;
	height:21px;
	width:100%;
	text-align:center;
	background-color:#051127;
		opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	padding-top:1px;
	box-shadow: 5px -6px 6px 0px #051127;
}
#offrespec {
	top: 50px;
	left: 620px;
 	margin-top: -107px;
	position: relative;
	height: 107px;
	width: 107px;	
	
	background-image:url(../../logos/offer.png);
	background-repeat:no-repeat;
	background-position: top  0px left;
}
#offre2 {
 	top: -260px;
	left:  750px;
	position: relative;
	height: 250px;
	width: 200px;	
	
	background-image:url(../../logos/moustic2.png);
	background-repeat:no-repeat;
	background-position: top  0px left;
}
#offer {
 	top: 0px;
	padding-left: 150px;
 
	position: relative;
	height: 150px;
	width: 700px;	
	
	background-image:url(../../logos/moustic.png);
	background-repeat:no-repeat;
	background-position: top  0px left;

 	font-size:16px;
	letter-spacing: 1px;
 	color: #F60;
}
#offer h1{
	font-size: 18px;	
}
#vu {
	display: none;
 	top: 60px;
	padding-left: 130px;
 
	position: absolute;
	height: 110px;
	width: 400px;	
	
	background-image:url(../../images/icon0.gif);
	background-repeat:no-repeat;
 

 	font-size:11px;
	letter-spacing: 1px;
}
#vu1 {
	display: none;
 	top: 180px;
	padding-left: 130px;
	padding-right: 6px;
	position: absolute;
	height: 100px;
	width: 810px;	
	
	background-image:url(../../images/icon1.gif);
	background-repeat:no-repeat;


 	font-size:11px;
	letter-spacing: 1px;	
}
#vu2 {
 	top: 320px;
	padding-left: 130px;
	padding-right: 6px;
	min-height: 100px;
	width: 400px;	
	
	background-image:url(../../images/icon2.gif);
	background-repeat:no-repeat;
 

 	font-size:11px;
	letter-spacing: 1px;	
}
#vu3 {
 	top: 60px;
	padding-left: 120px;
	padding-right: 6px;
	height: 100px;
	width: 300px;	
	
	background-image:url(../../logos/girouette.gif);
	background-repeat:no-repeat;
	background-position: top 10px left;

 	font-size:11px;
	letter-spacing: 1px;	
}
#vu4 {
	display: none;
 top: 320px;
 margin-left: 540px;
	padding-left: 130px;
	padding-right: 6px;
	position: absolute;
	height: 100px;
	width: 300px;	
	
	background-image:url(../../images/icon3.gif);
	background-repeat:no-repeat;

 	font-size:11px;
	letter-spacing: 1px;	
}
#vu1 li {
	padding-left: 6px;
	list-style-type: square;
	list-style-position:inside;
}
#vu h1 {
	font-size:16px;
	letter-spacing: 1px;
 	font-style: strong;
	color:#006;
}
#vu1 h1 {
	font-size:16px;
	letter-spacing: 1px;
 	font-style: strong;
	color:#006;
}
#vu2 h1 {
	font-size:16px;
	letter-spacing: 1px;
 	font-style: strong;
	color:#006;
}
#vu3 h1 {
	font-size:16px;
	letter-spacing: 1px;
 	font-style: strong;
	color:#006;
}
#vu4 h1 {
	font-size:16px;
	letter-spacing: 1px;
 	font-style: strong;
	color:#006;
}
#moto1 {
	margin-top:12px;
	margin-left: 0px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 200px;	
	border:1px solid #122b4e;
	background-image:url(../../images/moto1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#moto2 {
	margin-top:12px;
	margin-left: 250px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 200px;	
	border:1px solid #122b4e;
	background-image:url(../../images/moto2.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#moto3 {
	margin-top:12px;
	margin-left: 500px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 200px;	
	border:1px solid #122b4e;
	background-image:url(../../images/moto3.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#moto4 {
	margin-top:12px;
	margin-left: 750px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 200px;	
	border:1px solid #122b4e;
	background-image:url(../../images/moto4.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur1 {
	
	margin-left: 0px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur2 {
	
	margin-left: 160px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte2.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur3 {
	
	margin-left: 320px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte3.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur4 {
	
	margin-left: 480px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte4.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur5 {
	
	margin-left: 640px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte5.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#interieur6 {
	
	margin-left: 800px;
	padding-left: 4px;
	position: absolute;
	height: 260px;
	width: 140px;	
	border:1px solid #122b4e;
	background-image:url(../../images/inte6.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
 	font-size:16px;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#exterieur1 {
	margin-left: 0px;
	padding-left: 4px;
	position: absolute;
	
	border:1px solid #122b4e;
	background-image:url(../../images/product4.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
	
	height: 260px;
	width: 440px;
 
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#122b4e;
	font-size:11px;
	
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#exterieur2 {
	margin-left: 510px;
	padding-right: 4px;
	position: absolute;
	
	border:1px solid #122b4e;
	background-image:url(../../images/product5.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #122b4e;
	
	height: 260px;
	width: 440px;
 
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#122b4e;
	font-size:11px;
	 text-align:right;
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#expert{
	margin-top:  -12px;
	margin-left: 0px;
	padding-left: 4px;
	position: relative;
 
	
	height: 100px;
	width: 950px;
 
	letter-spacing: 1px;
 	font-family: Verdana, Geneva, sans-serif;
	 
 
	text-align:justify;

}
#toutproduits{
 
	position: relative;
 
	top: 280px;
	height: 30px;
	width: 100%;
 
	letter-spacing: 1px;
 	font-family: Verdana, Geneva, sans-serif;
	color:#009;
	font-size:11px;
	text-align: center;

}
#toutproduitshome{
 background-color:#CCC;
	position: relative;
 box-shadow: 3px 4px 5px 0px #999999;
 border-top: 3px #000;
	top: 380px;
	height: 20px;
	width: 100%;
	padding-top: 4px;
 
	letter-spacing: 1px;
 	font-family: Verdana, Geneva, sans-serif;
	color:#009;
	font-size:11px;
	text-align: center;

}
#product1{
	margin-top:30px;
	margin-left: 0px;
	padding-left: 4px;
	position: absolute;
	
	border:1px solid #122b4e;
	background-image:url(../../images/product1.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
	
	height: 260px;
	width: 300px;
 
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#122b4e;
	font-size:11px;
	
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}

#product2{
	margin-top:30px;
	margin-left: 325px;
	padding-left: 4px;
	position: absolute;
	
	border:1px solid #122b4e;
	background-image:url(../../images/product2.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
	
	height: 260px;
	width: 300px;
 
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#122b4e;
	font-size:11px;
 
 	box-shadow: 3px 4px 5px 0px #999999;
}

#product3{
	margin-top:30px;
	margin-left: 650px;
	padding-right: 4px;
	position: absolute;
	
	border:1px solid #122b4e;
	background-image:url(../../images/product3.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #122b4e;
	
	height: 260px;
	width: 300px;
 
 	text-align:right;
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	font-color:#ffffff;
	font-size:11px;
	
 	box-shadow: 3px 4px 5px 0px #999999;
 	
}
#contact1{
	margin-top: 3px;
	padding: 0 0 10px 0;
	position: absolute;
	border:1px solid #122b4e;
	background-color: #eeeeee;
	background-image:url("../../header/images/degrade.png");
	background-repeat:no-repeat;
	min-height: 210px;
	width: 700px;
	box-shadow: 3px 4px 5px 0px #999999;
} 


#contact2{
	margin-top: 3px;
	margin-left: 3px; /*720px;*/
	padding: 2px;
	position: absolute;
	border:1px solid #122b4e;
	background-image:url(../../images/store.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #ffffff;
	min-height: 204px;
	width: 240px;
 
	letter-spacing: 1px;
 	font-family:Verdana, Geneva, sans-serif;
	color:#122b4e;
	font-size:11px;
	
	border-top:18px;
	border-top-style:solid;
	border-top-color:#122b4e; 
 	box-shadow: 3px 4px 5px 0px #999999;
}
.liens{
	margin: 4px;
	padding: 3px;
	list-style-type:none;
	border:1px solid #BBCCEC;
	background-color: #ffffff;
	height: 86px;
	width: 220px;
	box-shadow: 3px 4px 5px 0px #999999;
} 
#liens li{
	margin: 2px;
	display: inline;
	float: left;
	text-align:center;
	valign: middle;
}
.docs{
	margin: 4px;
	padding: 3px;
	list-style-type:none;
	border:1px solid #BBCCEC;
	background-color: #ffffff;
	background-image:url(../../logos/pdf.png);
	background-position:center left;
	background-repeat:no-repeat;
	height: 46px;
	width: 220px;
	box-shadow: 3px 4px 5px 0px #999999;
} 
#docs li{
	margin: 2px;
	display: inline;
	float: left;
	valign: middle;
}
 #docs a{
	text-align:left;
 }
 #doc {
	width: 170px;
	height: 44px;
 
	margin-left: 45px;
 }
.formit {
	color: #000000;
	letter-spacing: 1px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	font-size: 12px;
	color: black;
	 
} 

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { 
	height:420px; 
 

}
#headerH { 
	 height:800px; 
 

}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:420px; position:fixed; }
.headerimgH { background-position: center top; background-repeat: no-repeat; width:100%; height:1000px; position:fixed; }

/* NAVIGATION */ 
#nav-outer { 
	height:110px; 
	width:100%; 
	padding-top:11px; 
	position:fixed; 
	top:24px; 
	background-image:url("../images/headerbg.png"); 
	box-shadow: 10px 0px 10px 0px #ffffff;
}
#navigation { height:100px; width:960px; margin:0 auto; }
 
#logot {
	position:relative;
	top:-5px;    
	left:5px;	
	right:0px;
	top 200px;
	border:#0F0 3px;
	width:300px;
}
#logot a{
	display: block;
	background-image:url(../images/logo.png);	
	width: 287px;
	height: 80px;
	text-indent:-2000px;
	overflow: hidden;
}
/* SEARCH */
#search {  text-align: right;  float:right; width:600px; margin-top:-80px}
#searchtxt { 
	padding:3px; width:150px;
	border:solid #000000 1px;
	background-color:#fff; 
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
 

/* HEADER TEXT */
#headertxt2 { width:960px; clear:both; position:relative; top: 100px; left: 0px; } 
#firstline2 { background-image:url("../images/textbg.png"); color:#333; font-size:20px; padding:4px 13px 7px; float:right; display:block; }
#firstline3 { background-image:url("../images/textbg.png"); color:#333; font-size:20px; padding:4px 13px 7px; float:left; display:block; }
#secondline2 { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; margin-top:10px; font-size:26px; padding:0 10px 7px; float:right; display:block; clear:both; }
#secondline2:hover { text-decoration:underline; color:#7F000C; }

.pictured {  
	background-image:url("../images/cross.gif"); 
	background-repeat:no-repeat;
	background-position:4px 5px;
	background-color:#CC3333; 
	color:#FFF; 
	font-size:12px; 
	padding:9px 34px; 
	/*text-transform:uppercase; */
	float:right; 
	display:block; 
	clear:both; 
	margin-top:10px; 
}
 
.pictured a a:hover a:visited { text-decoration:none; color:#FFF; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; visibility:hidden; }
#back { background-image:url("../../images/btn_back.png"); }
#next { background-image:url("../../images/btn_next.png"); }
#control { background-image:url("../../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }


 /* MENU --------------------------*/
#menu {
	position: relative;
	z-index: 20;
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
         
		background-image:url("../../header/images/headerbg.png");
	box-shadow: 0px 0px 5px 4px #ef4445;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu, #menu ul /* Liste */     
{
	
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
 
#menu a /* Contenu des listes */
{
	
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background-image:url("../../header/images/headerbg.png");    
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

a, a:hover, a:visited {
	text-decoration:none;
	color:#FF0033;	
}
.navinfo a, a:hover, a:visited {
	text-decoration:overline;
	color:#FF0033;
}
#content { 
	color:#575757; 
	background-image:url(http://www.technistores.ch/header/images/degrade.png);
	background-repeat:repeat-x;
	 position:relative;
	background-color:#eee;
	border-top: #ffffff solid 1px;
	min-height: 380px;
}
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }

#whatsup {
	display:block;
	position:relative;

	padding-left:80px;
	margin-top:-71px;
	left:765px;
	width:200px;
	height:80px;
	font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
	background-image:url(http://www.technistores.ch/images/tel.png);
	background-repeat:no-repeat;
}
.phon {
	color: #ffbd77;
	font-size: 16px;
	letter-spacing:-1px;
}

.phon2 {
	margin-top: 0px;
	color: #ff9933;
	font-size: 21px;
	letter-spacing:-1px;
} 

 
#vaud {
	display:block;
	position:relative;
	font-size:14px;
	color:#ed4646;
	
	left:420px;
	width:400px;
 
}

#navinfo {
	color:#F03;
	font-size:11px;
	padding-top: 20px;
	margin-bottom: -5px;
	width:960px; 
	margin:0 auto;
	border-bottom:#666666 solid thin ;
	padding-bottom: 6px;
}
#navinfo hr {
	display: none;
}

#textinfo {
	color:#000000;
	background-color:#eee;
	font-size:12px;
	padding-top: 20px;
	width:960px; 
	min-height: 412px;
	margin:0 auto;
	text-align:justify;
	letter-spacing: 1px;
	 
}

#textinfo2 {
	display: flex;
	margin-top: -330px !important;
	color:#000000;
	background-color:#eee;
	font-size:12px;
	padding-top: 20px;
	width:960px;
	margin:0 auto;
	text-align:justify;
	letter-spacing: 1px;
	 
}
#container {
	display:block;
	position: absolute; 
	padding:0;
	width:100%; 
	height:210px;
	top:50%;
	margin:-100px 0 0 0;
	border-width:3px 3px 3px 0;
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}
#langue{
	display:block;
	position: fixed;
	height:32px;
	font-size:9px;
	top:6px;
	right: 12px;
	color:#CCC;
 
}
#langue a,langu a:hover {
	text-decoration:none;
	color:#FFF;	
}
#contenu{
	position: absolute;
	align:left;
	width:1600px; 
	height:210px;
	top:-33px;
 	margin-left:-800px;
}

#footer {
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:11px;
	position: fixed;
	margin: 0px;
	bottom:0px;
	height:26px;
	width:100%;
	text-align:center;
	background-color:#051127;
	padding-top: 4px;
 
}
.small {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:11px;
 
}








.remarquable {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}











/* webform */
.webform {
}

.webform .messageError,
.webform .messageOk {
	display: none;
	margin: 10px;
	padding: 10px;
	border-radius: 6px;
	background-color: #e5e5e5;
	color: #000;
}

.webform .messageError.visible,
.webform .messageOk.visible {
	display: block;
}

.webform .messageError {
	background-color: #fcc;
	border: 1px solid #d77;
}

.webform .messageOk {
	background-color: #dfd;
	border: 1px solid #0a0;
}



.webform .formit.error {
	border: 2px solid #ff0000;
}

.webform.sent table {
	display: none;
}