/* Created by Wikiwi.be - Raphael De Naeyer */	
/* Syncro-Utilitaire */	

/* General style */	

	BODY {
		FONT-SIZE: 10px; 
		COLOR: #4B4C5E; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		SCROLLBAR-HIGHLIGHT-COLOR: #A4A3B1; 
		SCROLLBAR-SHADOW-COLOR: #A4A3B1; 
		SCROLLBAR-FACE-COLOR: #F5F5F5; 
		SCROLLBAR-3DLIGHT-COLOR: #F5F5F5; 
		SCROLLBAR-ARROW-COLOR: #2fc3ea; 
		SCROLLBAR-TRACK-COLOR: #E6E7E9; 
		SCROLLBAR-DARKSHADOW-COLOR: #E6E7E9; 
	}
	A {
		COLOR: #4B4C5E; 
		TEXT-DECORATION: none
	}
	A:hover {
		COLOR: #F6921E; 
		TEXT-DECORATION: none;
	}
	HR {
		COLOR: #06A3BC;
	}


/* Content style */	
	H1{
		color: #06A3BC;
		font-size : 24px;
		font-style : italic;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	.homepage{
		color: #2f5e75;
		font-size : 13px;
		text-align : justify;
	}
	.homepage:hover{
		color: #2b98c7;
		font-size : 13px;
	}
	.menu_1{
		color: #52829A;
		font-size : 12px;
		font-weight : bold;
	}
	.menu_1:hover{
		color: #63c5e0;
		font-size : 12px;
		font-weight : bold;
	}
	.menu_1_on{
		color: #2ea0c0;
		text-decoration: none ;
		font-size : 12px;
		font-weight : bold;
	}
	ul#menu_2 {
	    margin: 0px;
	    padding: 0px;
	    width: 990px;
	    FONT-SIZE: 11px;
	    list-style-type: none;
	}
	#menu_2 li {
	    display: inline;
	    margin: 0px;
	    padding: 0px;
	    padding-left: 4px;
	    padding-right: 3px;
	    border-left: #63c5e0 solid 1px;
	}
	#menu_2 a {
	    text-decoration: none;
	    color: #6D6D6D;
	}
	#menu_2 a:hover {
	    color: #FFFFFF;
	    background-color: #F6921E;
	}
	#menu_2_on {
	    font-weight: bold;
	    background-color: #63c5e0;
	}
	#menu_2_on a {
	    font-weight: bold;
	    color: #ffffff;
	}
	#menu_2_on a:hover {
	    font-weight: bold;
	    color: #ffffff;
	    background-color: #63c5e0;
	}
	#menu_3_ttl {
	
	}
	.rub_produit_1{
		color: #FFFFFF;
		font-size : 16px;
		font-weight : bold;
	}
	.rub_produit_1:hover{
		color: #52829A;
		font-size : 16px;
		font-weight : bold;
	}
	.rub_produit_2{
		color: #52829A;
		font-size : 11px;
		font-weight : bold;
	}
	
	.articles{
		color: #52829A;
		font-size : 11px;
	}
	.titre{
		color: #2ea0c0;
		text-decoration: none ;
		font-size : 16px;
		font-weight : bold;
	}
	.navigation{
		color: #2ea0c0;
		font-size : 11px;
	}
	.navigation:hover{
		color: #2ea0c0;
		font-size : 11px;
	}
	.contenu_princ{
		color: #52829A;
		text-decoration: none ;
		font-size : 13px;
	}
	.copyright{
		color: #ffffff;
		text-decoration: none ;
		font-size : 10px;
	}
	.copyright a:hover{
		color: #2ea0c0;
		text-decoration: none ;
		font-size : 10px;
	}
	.copyrighthome{
		color: #96c6d4;
		text-decoration: none ;
		font-size : 9px;
	}
	.copyrighthome:hover{
		color: #2ea0c0;
		text-decoration: none ;
		font-size : 9px;
	}
	.promo{
		color: #4B4C5E;
		text-decoration: none ;
		font-size : 12px;
	}
	.promo:hover{
		color: #F93914;
		text-decoration: none ;
		font-size : 12px;
	}
	.liens{
		color: #4F4B49;
		text-decoration: none ;
		font-size : 12px;
	}
	.liens:hover{
		color: #FF8000;
		text-decoration: none ;
		font-size : 12px;
	}
	.txt_form{
		color: #15b7d0;
		text-decoration: none ;
		font-size : 12px;
	}
	.caddy{
		color: #959495;
		font-size : 11px;
	}
	.caddy:hover{
		color: #2ea0c0;
		font-size : 11px;
	}
	.coordonnees{
		color: #2ea0c0;
		font-size : 11px;
	}
	.coordonnees:hover{
		color: #15b7d0;
		font-size : 11px;
	}
	.chlng{
		color: #15b7d0;
		text-decoration: none ;
		font-size : 11px;
	}
	.chlng-actu{
		color: #15b7d0;
		text-decoration: none ;
		font-size : 11px;
		font-weight : bold;
	}
	
	a.devisliens {
		text-decoration: none; /* définition du lien qui affichera le "calque" */
	}
	a.devisliens:hover {
		background: none; /* correction d'un bug IE */
	}
	a.devisliens span { /* définition de la balise <span> inclue dans <a> */
		
		display: none;
		background: none;
		color: #FFFFFF;
	}
	a.devisliens:hover span {
		display: inline;
		position: absolute;
		text-align: center;
		left:75%;
		padding: 2px;
		text-decoration: none;
		color: #FFFFFF;
		background: #2ea0c0;
	}
	UL#formetape { 
	  float: right;
	  list-style:none;  
	  height:43px; 
	  margin: 0px; 
	  padding:0px; 
	  }
	#formetape li {
	  display: inline;
	  width: 37px; 
	  height: 43px;
	  color:#168f9a; 
	  font-size:14px; 
	  font-weight:bold; 
	  text-decoration:none; 
	  text-align:center; 
	  margin: 0px;
	  padding:15px 14px 10px 13px;
	  background-image: url('images/form_bullet.gif');
	}
	#formetape li.current { 
	  color:#FFFFFF; 
	  background-image: url('images/form_bullet_on.gif');
	  } 
  	#formetape li.fleche {
	  width:14px; 
	  margin: 0px;
	  padding:15px 5px 10px 5px;
	  background-image: url('images/form_fleche_etape.gif');
  	}
    .formdevis {
	  font-size:11px; 
	  color: #168f9a;
    }
    .ttlformdevis {
	  font-size:13px; 
    }
    div#modele1 {
    	position: relative;
    	float: left;
    	width: 220px;
    	height: 220px;
    	margin: 0px;
    	margin-top: 5px;
    	padding: 10px 0px 0px 0px;
    	text-align: center;
    }
    div#modele2 {
    	position: relative;
    	float: left;
    	width: 465px;
    	height: 220px;
    	margin: 0px;
    	margin-top: 5px;
    	padding: 20px;
    	text-align: left;
		/*border: 1px solid green;*/
		border-left: 1px solid #a3e3ed;
    }
    div#modele_affich_step4 {
    	position: relative;
    	float: left;
    	width: 200px;
    	height: 150px;
    	margin: 0px;
    	margin-top: 5px;
    	margin-left: 30px;
    	padding: 10px 0px 0px 0px;
    	text-align: center;
		border-right: 1px solid #a3e3ed;
    }
    ul#modele2_affich_step4 {
    	position: relative;
    	float: left;
    	width: 500px;
    	margin: 0px;
    	margin-top: 5px;
    	padding: 20px;
    	text-align: left;
		list-style:none; 
		/*border: 1px solid green;*/
    } 
    #modele2_affich_step4 a  {
	    display: block;
		width: 300px;
		font-size:12px;
    	padding: 3px 0px 0px 20px;
    	margin: 2px 0px 2px 0px;
    	text-align: left;
		border:0px;
		cursor: pointer;
		background: #f7fcfe;
		background: url('images/bg_liste_devis.jpg') repeat-x bottom;
		border-bottom: 1px solid #a3e3ed;
    }
    ul#modele3_affich_step4 {
    	position: relative;
    	float: left;
    	width: 330px;
    	margin: 0px;
    	padding: 10px;
    	margin-left: 30px;
    	text-align: left;
		list-style:none; 
    }
    #modele3_affich_step4 a  {
	    display: block;
		width: 180px;
		height: 22px;
    	padding: 3px 0px 0px 20px;
    	margin: 4px 0px 4px 0px;
    	text-align: left;
		font-size:11px;
		border:0px;
		cursor: pointer;
		background: url('images/form_menu_modele_off.gif') repeat-x;
		  z-index: 30;
    }
    #modele3_affich_step4 a span{
	    display: none;
	  	color: #FFFFFF;
		  z-index: 99;
	}
    #modele3_affich_step4 a:hover span{
	    display: inline;
	    position: absolute;
		  text-align: center;
		  top: 0px;
		  left: 310px;
		  padding: 3px;
		  width: 100px;
		  text-decoration: none;
		  color: #FFFFFF;
		  background: #a3e3ed;
	}
	 #photo_produits_devis {
	 	width: 200px;
	 }
    ul#form_modele {
    	position: relative;
    	float: left;
		width: 10px;
    	margin: 5px 0px 0px 10px;
    	padding: 0px;
		border:0px;
		list-style:none; 
		cursor: pointer;
    }
    #form_modele li  {
	    display: block;
		width: 160px;
		height: 22px;
    	padding: 3px 0px 0px 20px;
    	margin: 4px 0px 4px 0px;
    	text-align: left;
		border:0px;
		cursor: pointer;
		background: url('images/form_menu_modele_off.gif');
    }
    #form_modele li:hover  {
		background: url('images/form_menu_modele_on.gif');
    	font-weight: bold;
    }
  	.cachediv {
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}
	ul#form_modele_type {
    	position: relative;
    	float: left;
		width: 220px;
    	margin: 5px 0px 0px 0px;
    	padding: 0px;
		list-style:none; 
    }
    #form_modele_type li  {
	    display: block;
	    font-size: 9px;
		height: 22px;
    	padding: 3px 0px 0px 5px;
    	margin: 4px 0px 4px 0px;
    	text-align: left;
		border:0px;
		background: #f7fcfe;
		border-bottom: 1px solid #a3e3ed;
		/*background: url('images/form_menu_modele.gif');*/
    }
    #form_modele_type li:hover  {
    	font-weight: bold;
		background: #FFFFFF;
    }

	.RADIOmodele {
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND: none;
		BORDER: none; 
	}
	.photomodele {
    	position: absolute;
    	margin: 4px 20px 4px 0px;
	}
  	DIV#modele_select {
  		position:relative; 
  		float: right;
  		margin: 0px 0px 0px 0px; 
  		border: 1px solid red; 
  		width: 300px; 
  		height: 150px; 
  		z-index: 99;
		border: 1px solid #a3e3ed;
  	}
	
	
div#portfolio_box {
	position: absolute;
	margin: 161px 1px 1px 700px;
	width: 205px;
	height: 150px;
	padding: 0px 5px 10px 5px;
    border: 0px;
    border-left:  #F6921E 1px solid;
    border-bottom: #F6921E 1px solid;
    background: url('images/bullet_box.gif') no-repeat top left;
}
p#ttl_box{
	position: relative;
	float: left;
    margin: -3px 0px 0px 5px;
    font-size: 15px;
    color: #F6921E;
}
ul#liste_portfolio_box {
	position: relative;
	float: left;
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
    width: 171px;
    list-style-type: none;
}
#liste_portfolio_box li {
    margin: 0px 0px -10px 0px;
    padding: 0px;
}
div#portfolio {
	position: relative;
	margin: 0px;
    text-align: justify;
	width: 800px;
	height: 375px;
    font-size: 12px;
	padding: 0px;
    border: 0px;
    /*border: 1px solid red;*/
}

span.portfolio_detail  {
	position: relative;
	float: left;
	margin: 0px;
	padding: 5px;
    text-align: center;
	width: 420px;
	height: 350px;
    font-size: 12px;
    border: 0px;
	border: 1px solid #4D4B60;
  color: #FFFFFF;
	background: URL('images/acceuil_syncro-system_bg.jpg') repeat-x bottom right;
}
span.portfolio_liste  {
	position: relative;
	float: left;
	margin: 0;
	margin-left: 5px;
	padding: 0px;
    text-align: center;
	width: 360px;
	height: 350px;
    font-size: 12px;
    border: 0px;
   /*border: 1px solid red;*/
}
a.pict_portfolio_rect img {
	position: relative;
	width: 90px;
	height: 90px;
	margin: 1px; 
	padding: 10px; 
	background: URL('images/box_bg.jpg') repeat-x bottom right;
	border: 1px solid #6D6D6D;
}
a.pict_portfolio_rect:hover img {
	border: 1px solid #4D4B60;
	background: URL('images/acceuil_syncro-system_bg.jpg') repeat-x bottom;
	
}
a.pict_portfolio_rect span{
    display: none;
    background: none;
  text-decoration: none;
  color: #FFFFFF;
}
a.pict_portfolio_rect:hover span{
  display: inline;
  position: absolute;
  text-decoration: none;
  text-align: center;
  top: 305px;
  left: -437px;
  padding: 1px;
  width: 420px;
  height: 53px;
  color: #FFFFFF;
	background: URL('images/acceuil_syncro-system_bg.jpg') repeat-x bottom;
}



a.box_gd {
	display: block;
    text-align: left;
    width: 155px;
    height: 259px;
    padding: 0px;
    padding-top: 1px;
    background: url('images/actualites_gd_off.gif') no-repeat top left;
}
a.box_gd P {
    width: 128px;
    height: 233px;
    margin: 14px 0px 0px 14px;
}
a.box_gd IMG {
    width: 128px;
    height: 233px;
}
a.box_gd:hover {
    background: url('images/actualites_gd_on.gif') no-repeat top left;
}
a.box_pt {
	display: block;
    text-align: left;
    width: 155px;
    height: 120px;
    background: url('images/actualites_pt_off.gif') no-repeat top left;
}
a.box_pt P {
    width: 128px;
    height: 99px;
    margin: 0px 0px 0px 14px;
    padding: 14px 0px 0px 0px;
}
a.box_pt IMG {
    width: 128px;
    height: 93px;
}
a.box_pt:hover {
    background: url('images/actualites_pt_on.gif') no-repeat top left;
}
div#box_gauche {
	position: relative;
	float: left;
    width: 160px;
    text-align: center;
    border-right: 1px solid #c5e2e6;
    border-left: 1px solid #c5e2e6;
    margin: 0px 5px 0px 0px;
}





/* Form style */	

	INPUT {
		BORDER-RIGHT: #4D4B60 1px solid; 
		BORDER-TOP: #4D4B60 1px solid; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #4D4B60 1px solid; 
		BORDER-BOTTOM: #4D4B60 1px solid; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #F5F5F5;
	}
	.imageform {
		BORDER: 0px;
		BACKGROUND-COLOR: #F5F5F5;
	}
	BUTTON {
		BORDER-RIGHT: #4D4B60 1px solid; 
		BORDER-TOP: #4D4B60 1px solid; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #4D4B60 1px solid; 
		BORDER-BOTTOM: #4D4B60 1px solid; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #F5F5F5;
	}
	TEXTAREA {
		BORDER-RIGHT: #4D4B60 1px solid; 
		BORDER-TOP: #4D4B60 1px solid; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #4D4B60 1px solid; 
		BORDER-BOTTOM: #4D4B60 1px solid; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #F5F5F5;
	}
	SELECT {
		BORDER-RIGHT: #4D4B60 1px solid; 
		BORDER-TOP: #4D4B60 1px solid; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #4D4B60 1px solid; 
		BORDER-BOTTOM: #4D4B60 1px solid; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #F5F5F5;
	}
	radio {
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #F5F5F5;
	}
	.radiodevis {
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		BORDER:  none;
		BACKGROUND: none;
	}