@charset "utf-8";

body 
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 20px;
	margin: 0;
	padding: 0;
	}

span.via 
	{ 
	color: #006A6B; 
	}

span.design 
	{ 
	color: #97BE0D;
	}

#header 
	{
	height: 120px;
	background-color: #FFFFFF;
	text-align:right;
	background-image: url(../img/logo_via_design.gif) ; background-repeat: no-repeat ;
	margin: 20px 0px 0px 0px ;
	
	}




#top-header 
	{
	height: 42px;
	width: 609px;
	background-color: #FFFFFF;
	text-align:center;
	float:right;
	background-image: url(../img/background_top_menu.gif) ; background-repeat: no-repeat ;
	margin: 25px 0px 0px 0px ;
	padding: 10px 0px 10px 0px;
	}


#haut 
	{
	height: 36px;
	background-color:#FFFFFF;
	margin: 0px 0px 30px 0px ;
	background-image: url(../img/background_menu.gif) ; background-repeat: repeat-x ;
	}

#conteneur 
	{
	width:1060px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding: 0px 0px 50px 0px ;
	}

#gauche 
	{
	float:left;
	width: 200px;
	padding: 20px 0px 30px 0px ;
	}

#centre 
	{
	background-color:#FFFFFF;
	margin-left: 215px;
	margin-right: 215px;
	padding: 0px 15px 30px 15px;
	border-left : 1px solid ;
	border-right : 1px solid ;
	border-color:#E8E9E4;
	}

#droite 
	{
	float:right;
	width: 200px;
	padding: 20px 0px 0px 0px ;
	}

#arc
	{
	height: 100px;
	background-color:#FFFFFF;
	margin: 0px 0px 30px 0px ;
	background-image: url(../img/arc_colonne_droite.gif) ; background-repeat: no-repeat ;
	}

/* TITRES */

h1
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	margin: 0px 0px 15px 0px ;
	font-weight: normal;
	}

h2
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	margin: 0px 0px 30px 0px ;
	font-weight: normal;
	}

h3
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #006A6B;
	margin: 0px 0px 20px 0px ;
	font-weight: normal;
	border-bottom: 1px solid #D9DBD1 ; 
	}

h4
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	margin: 20px 0px 15px 0px ;
	border-bottom : 1px solid ;
	border-color:#E8E9E4;
	}

/* PARAGRAPHES */

p 
	{
	margin: 0px 0px 10px 0px ;
	text-align: justify;
	}

/* LINKS */


a.resultlink 
	{
	font-size: 10px;
	font-weight: bold;
	color: #C3109C;
	text-decoration: none;
	}

a.resultlink:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}

a 
	{
	font-size: 10px;
	font-weight: bold;
	color: #C3109C;
	text-transform: uppercase;
	text-decoration: underline;
	}

a:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}

a.fibre-optique
	{
	font-size: 10px;
	font-weight: bold;
	color: #449292;
	text-transform: uppercase;
	text-decoration: underline;
	}

a.fibre-optique:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}

a.conversion_energie
	{
	font-size: 10px;
	font-weight: bold;
	color: #97BE0D;
	text-transform: uppercase;
	text-decoration: underline;
	}

a.conversion_energie:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}


a.m2m
	{
	font-size: 10px;
	font-weight: bold;
	color: #187DBD;
	text-transform: uppercase;
	text-decoration: underline;
	}

a.m2m:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}

a.top-menu 
	{
	font-size: 10px;
	font-weight: bold;
	color: #449292;
	text-transform: uppercase;
	text-decoration: none;
	}

a.top-menu:hover 
	{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	background-color:#449292;
	padding: 2px 0px 2px 0px ;
	}

/* PARTNERS */
.Style1 {color: #000000}
div.header-news 
	{
	border-color:#E8E9E4;
	background-image: url(../img/background_header.gif);
	background-repeat: repeat-x;
	height: 28px;
	top: 0px;
	width: 100%;
	text-align:left;
	padding-left:50px;
	}
	
div.partners 
	{
	border-bottom : 1px solid ;
	border-color:#E8E9E4;
	padding: 20px 0px 20px 0px ;
	}

div.partners-top
	{
	border-bottom : 1px solid ;
	border-color:#E8E9E4;
	padding: 0px 0px 15px 0px ;
	}

div.partners-bottom
	{
	padding: 20px 0px 20px 0px ;
	}

div.logo-partners 
	{
	float: left;
	margin: 0px 20px 0px 0px ;
	}

div.txt-partners 
	{
	float: left;
	}
	
div.verticale_text
	{
	 writing-mode: tb-rl;
filter: flipv fliph;
	}

div.table-product-titre
	{
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 18px ; 
	color: #000000 ; 
	padding: 20px 0px 10px 0px ;
	border-bottom : 1px solid ;
	border-color:#E8E9E4;
	}

div.table-product
	{
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	color: #000000 ; 
	font-weight:bold; 
	text-transform:uppercase; 
	border-bottom : 1px solid ;
	border-color:#E8E9E4;
	padding: 2px 0px 2px 0px ;
	}

div.logo-table-product
	{
	width: 160px;
	float: left;
	margin: 0px 20px 0px 0px ;
	}

div.txt-table-product 
	{
	float: left;
	}

div.vignette-produit-conteneur
	{
	width: 190px;
	padding: 10px 10px 10px 0px ;
	float: left;
	}

div.vignette-produit-content
	{
	width: 190px;
	padding: 10px 10px 10px 0px ;
	float: left;
	}

.flottante 
	{
	margin: 10px 9px 0px 0px ;
	float: left;
	width: 190px;
	text-align: left;
	}

.conteneur 
	{
	width: 100%;
	}

.spacer 
	{
	clear: both;
	}



/* VISUELS */

#visuel-qui-sommes-nous 
	{
	height: 170px;
	background-color:#FFFFFF;
	margin: 0px 0px 30px 0px ;
	background-image: url(../img/visuel_qui_sommes_nous.jpg) ; background-repeat: no-repeat ;
	}

#visuel-contact
	{
	height: 170px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px ;
	background-image: url(../img/visuel_contact.jpg) ; background-repeat: no-repeat ;
	}

#visuel-nos-produits
	{
	height: 170px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px ;
	background-image: url(../img/visuel_nos_produits.jpg) ; background-repeat: no-repeat ;
	}

#visuel-plan-site
	{
	height: 170px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px ;
	background-image: url(../img/visuel_plan_site.jpg) ; background-repeat: no-repeat ;
	}

#visuel-actualites
	{
	height: 170px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px ;
	background-image: url(../img/visuel_actualites.jpg) ; background-repeat: no-repeat ;
	}

/* RECHERCHE */

#recherche
	{
	height: 80px;
	background-color:#FFFFFF;
	padding: 0px 0px 20px 0px ;
	background-image: url(../img/bloc_recherche.gif) ; background-repeat: no-repeat ;
	}

input.search 
	{ 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	color: #FFFFFF ; 
	font-weight:bold; 
	text-transform:uppercase; 
	background-color: #539b9b ; 
	border-style: none; 
	margin: 0px 0px 5px 0px ; 
	padding: 0px 0px 0px 0px ;
	}

input.image 
	{ 
	border-style: none; 
	valign:bottom; 
	font-size: 10px ;
	}

/* FOOTER */

#pied 
	{
	clear:both;
	height: 30px;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C5C5C5;
	line-height: 15px;
	}

div.adresse 
	{ 
	width:935px;
	float: left;
	border-left: 5px solid;
	border-color: #97BE0D;
	padding : 5px 0px 0px 20px;
	vertical-align: bottom;
	}

div.madebyswm 
	{ 
	float: left; 
	text-align:right; 
	padding : 5px 0px 0px 20px; 
	vertical-align: bottom; 
	}

div.filet-footer 
	{ 
	border-bottom: 1px solid; 
	border-color: #ECEDE8; 
	margin: 20px 0px 0px 0px 
	}

/* TOP-MENU */

#menuhaut 
	{
	list-style-type: none;
	}

#menuhaut li 
	{
	display: inline;
	}

#menuhaut a 
	{
	color: #000000;
	text-decoration: underline;
	}

#menuhaut a:hover 
	{
	text-decoration: none;
	}

/* MENU */

#menu-produits
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#menugauche 
	{
	border-top: 1px solid #D9DBD1 ;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#menugauche-niv2
	{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#menugauche-niv3
	{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#menugauche-niv4
	{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#menu-produits li 
	{
	border-bottom: 1px solid #D9DBD1 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	font-weight: bold; 
	padding: 2px 0 ;
	}

#menugauche li 
	{
	border-bottom: 1px solid #D9DBD1 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	font-weight: bold; 
	padding: 2px 0 ;
	}

#menugauche-niv2 li 
	{
	border-bottom: 1px solid #FFFFFF ; 
	background-color:  #F5F5F5 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	font-weight: bold; 
	padding: 2px 0px 2px 10px ;
	}

#menugauche-niv3 li 
	{
	border-bottom: 1px dotted #D9DBD1 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	color: #000000;
	font-weight: bold; 
	padding: 2px 0px 2px 15px ;
	}

#menugauche-niv4 li 
	{
	border-bottom: 1px dotted #D9DBD1 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	color: #000000;
	font-weight: bold; 
	padding: 2px 0px 2px 25px ;
	}

#menugauche a 
	{
	color: #000000;
	text-decoration: none;
	}

#menugauche a:hover 
	{
	color: #97BE0D;
	text-decoration: none;
	}

#menugauche-niv2 a.fibre-optique 
	{
	color: #449292;
	text-decoration: none;
	}

#menugauche-niv2 a.conversion_energie 
	{
	color: #97BE0D;
	text-decoration: none;
	}

#menugauche-niv2 a.m2m
	{
	color: #187DBD;
	text-decoration: none;
	}

#menugauche-niv2 a:hover 
	{
	color: #000000;
	text-decoration: none;
	}

#menugauche-niv2 a 
	{
	color: #C3109C;
	text-decoration: none;
	}

#menugauche-niv2 a:hover 
	{
	color: #000000;
	text-decoration: none;
	}

#menugauche-niv3 a 
	{
	color: #000000;
	text-decoration: none;
	}

#menugauche-niv3 a.m2m:hover 
	{
	color: #187DBD;
	text-decoration: none;
	}

#menugauche-niv3 a:hover 
	{
	color: #C3109C;
	text-decoration: none;
	}

#menugauche-niv4 a 
	{
	color: #000000;
	text-decoration: none;
	}

#menugauche-niv4 a.m2m:hover 
	{
	color: #187DBD;
	text-decoration: none;
	}

#menugauche-niv4 a:hover 
	{
	color: #C3109C;
	text-decoration: none;
	}


#menudroit 
	{
	border-top: 1px solid #D9DBD1 ;
	list-style-type: none;
	margin: 0;
	padding:0;
	}

#menudroit li 
	{
	display: block;
	border-bottom: 1px solid #D9DBD1 ; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	font-weight: bold; 
	padding: 2px 0 ;
	}

#menudroit a 
	{
	color: #000000;
	text-decoration: none;
	}

#menudroit a:hover
	{
	color: #449292;
	text-decoration: none;
	}

#menudroit-contact a 
	{
	color: #449292 ;
	text-decoration: none;
	}

#menudroit a:hover
	{
	color: #449292;
	text-decoration: none;
	}

/* FORM */

#monForm
	{
	width: 595px;
	}

#monForm p
	{
	margin: 2px 0;
	}

/* FIELDSET , LEGEND */

#monForm fieldset
	{
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	border: #E8E9E4  1px solid;
	}

#monForm fieldset legend
	{
	padding: 10px 10px 10px 10px;
	border-left: #E8E9E4 1px solid;
	border-right: #E8E9E4 1px solid;
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 13px ; 
	line-height: 20px;
	font-weight: bold; 
	color: #000000;
	}

/* LABEL */

#monForm label
	{
	background-color: #F1F1F1;
	display: block;
	width: 39%;
	float: left;
	text-align: right;
	}

#monForm .form_label_nostyle
	{
	background: none;
	}

/* INPUT */
#monForm input, #monForm select , #monForm textarea
	{
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 13px ; 
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
	}

#monForm input:hover, #monForm select:hover, #monForm textarea:hover, #monForm input:focus, #monForm select:focus, #monForm textarea:focus
	{
	border: #999 1px solid;
	background-color: #F5F5F5;
	}

/* BUTTON SUBMIT */
#monForm input[type="submit"]
	{
	border: #E8E9E4 2px solid;
	background-color: #449292;
	width: 160px;
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #FFFFFF;
	padding: 2px 0px 2px 0px;
	}

#monForm input[type="submit"]:hover
	{
	border: #E8E9E4 2px solid;
	background-color: #96BE0D;
	width: 160px;
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #FFFFFF;
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	}

#monForm input[type="reset"]
	{
	border: #E8E9E4 2px solid;
	background-color: #449292;
	width: 160px;
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #FFFFFF;
	padding: 2px 0px 2px 0px;
	}

#monForm input[type="reset"]:hover
	{
	border: #E8E9E4 2px solid;
	background-color: #E6484D;
	width: 160px;
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	font-size: 10px ; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #FFFFFF;
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	}


#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
margin-bottom:20px;

}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
margin-bottom:20px;
}