body {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin:0px;
	background-color:#F6F6FA;
	
	
}

img {
	border: 0px;
	padding:0px;
	margin:0px;
}
a {
       color: #29509F;
       outline: none;
	/* Animate color property across all supporting browsers */
    -webkit-transition: color .51s ease-in-out;
	-o-transition: color .51s ease-in-out;
	-moz-transition: color .51s ease-in-out;
	transition: color .51s ease-in-out;
	font-weight: bolder;
	text-decoration: none;
    }
    
a:hover {
            color: #CD0001;
        }
p {
	
	line-height: 1.5;
	
	}
form {
	border: 0px;
	padding:0px;
	margin:0px;
}

#top {
	display:block;
	margin:0px auto;
	padding:0px;
}

#main {
	width:898px;
	padding:0px 25px;
	margin:0px auto;
	background-image:url('../images/charte/deg_main.jpg');
	background-repeat:repeat-y;
}

#menuTop {
	height:5px;
	width:100%;
	color:#CD0001;
	background-color:#CD0001;
	padding:0px;
	margin:0px;
	border:0px none;
}

#menu {
	border-top:5px solid #CD0001;
	height:44px;
	background-image:url('../images/charte/fond_menu.jpg');
	background-repeat:repeat-x;
	padding-left:0px;
}

	#menu ul {
		padding:0px;
		margin:0px;
	}
	
	#menu li {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		float:left;
		padding:0px;
		margin:0px;
		list-style:none;
		font-size:14px;
		text-transform:uppercase;
	}
	#menu li a {
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
		display:block;
		padding:14px 14px 14px 14px;
	}
	#menu li a:hover {
		background-color:#20396A;
		/*background-color:#b3a394;*/
		background-image:url('../images/charte/menu_hover.gif');
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	
#content {

	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	width:600px;
	margin-left:45px;
	padding:30px 0px;
}
	
	#content h6 { /* breadcrumb */
		color:#999;
		font-weight:normal;
		margin:0px;
		padding:0px;
		font-size:10px;
	}
	
	#content h1 {
		color:#29509F;
		font-size:18px;
	}
	
	#content h2 {
		color:#29509F;
		font-size:14px;	
	}
	
	#content p {
		color:#333;
		font-size:12px;
		text-align:justify;
	}
	
	#content li {
		color:#333;
		font-size:12px;
	}
	
	#content img {
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom : 3px;
	}
	
	#content .bloc {
		padding:0px 10px 0px 10px;
		border:1px solid #f3f3f3;
		background-color:#f9f9f9;
	}
	
#accueil {
	margin-bottom:15px;
}
	
	#accueil h1 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		color:#20396a;
		font-size:20px;
		border-bottom:1px solid #20396a;
		margin:0px;
		padding:0px;
		margin-bottom:8px;
		padding-bottom:2px;
	}
	#accueil h2 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size:24px;
		font-weight:bold;
		margin:0px 0px 4px 0px;
		padding:0px;
		border-bottom:10px solid #eeeeee;
		color:#7d7d7d;
	}
	#accueil h3 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size:15px;
		font-weight:bold;
		margin:0px 0px 8px 0px;
		padding:0px;
		color:#b03f00;
	}
		#accueil h3 a {
			font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
			font-size:15px;
			font-weight:bold;
			text-decoration:none;
			color:#b03f00;
		}
	#accueil h4 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;		font-size:15px;
		font-weight:bold;
		margin:0px 0px 4px 0px;
		padding:0px;
		color:#7d7d7d;
	}
	#accueil .prix {
		color:#b03f00;
		padding:0px;
		margin:0px;
		font-size:19px;
		font-weight:bold;
		text-align:left;
		border-bottom:1px solid #b03f00;
	}
		#accueil .prix .apartirde {
			font-size:12px;
			color:#3b3b3b;
		}
		#accueil .prix .parmois {
			font-size:12px;
			color:#7b7b7b;
		}
		#accueil .prix a {
			text-decoration:none;
			font-size:12px;
			color:#3b3b3b;

		}
	
	#accueil p {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		color:#2a1818;
		font-size:12px;
		margin:0px 0px 8px 0px;
		padding:0px;
	}
	
	#accueil img {
		margin:0px;
		padding:0px;
	}

	#accueil .accueilVertical {
		width:182px;
		float:right;
	}

	#accueil .accueilHorizontal {
		width:374px;
	}

		#accueil .accueilHorizontal h1{
			margin-top:8px;
			clear:left;
		}

		#accueil .accueilHorizontal img{
			margin-right:5px;
		}

	

#prodGauche {
	width:200px;
	float:left;
	margin-bottom:12px;
}
	
	#prodGauche h1{
		color:#cc0000;
	}

	#prodGauche img{
		padding:0px;
		margin:0px;
		border:solid 1px #ebebeb;
	}

	#lienprod a{
		padding:12px 3px 12px 30px;
		display:block;
		border-bottom:solid 1px #ebebeb;
		background-color:#fef7f7;
		font-size:11px;
		font-weight:bold;
		color:#cc0000;
		text-decoration:none;
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	
	#lienprod a:hover{
		background-color:#f9e9e9;
		color:#999999;
		
	}
	
	.lienPDF {
		background-image:url('../images/charte/icone_pdf.gif');
		background-repeat:no-repeat;
		background-position : 4px center;
	}
	
	.lienDWL {
		background-image:url('../images/charte/icone_dwl.gif');
		background-repeat:no-repeat;
		background-position : 4px center;
	}
	
	.lienWEB {
		background-image:url('../images/charte/icone_web.gif');
		background-repeat:no-repeat;
		background-position : 4px center;
	}
	

#prodDroite {
	width:368px;
	margin-left:225px;
}
	#prodDroite h2 {
		color:#b03f00;
		padding:0px;
		margin:0px;
		font-size:20px;
	}
		#prodDroite h2 .apartirde {
			font-size:12px;
			color:#3b3b3b;
		}
		#prodDroite h2 .parmois {
			font-size:12px;
			color:#7b7b7b;
		}
		

#prodAll {
	clear:left;
}

	
.vignetteProd {
	background-color:#FFFFFF;
	padding:10px 2px 3px 2px;
	margin:4px;
	border:solid 1px #ebebeb;
	text-align:center;	
	width:130px;
	height:180px;
	font-size:9px;
	float:left;
	position:relative;
	overflow:hidden;
}

	.vignetteProd h3{
		font-size:9px;
		text-align:center;	
	}
	
	.vignetteProd img{
		padding:0px;
		margin:0px;		
	}
	
	.vignetteProd a {
		color:#336699;
		text-decoration:none;
	}
	.vignetteProd a:hover {
		color:#cc0000;
	}
	
.gamme {
	background-image:url('../images/charte/deg_produits.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: #FFF;
	width:235px;
	height:170px;
	border: 1px #cdcdcd solid;
	padding:0px 14px;
	float:left;
	margin:0px 15px 15px 15px;
	text-align:center;
}

.gamme:hover {
	border: 1px #838383 solid;
	
}

	.gamme h2, .listSolution h2 {
		background-image:url('../images/charte/chevrons.gif');
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding:0px 10px 0px 20px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
	}
	
	.gamme a {
		color:#244e98;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	

.listSolution {
	float:left;
	margin:0px 0px 20px 0px;
	width:295px;
	/*height:90px;*/
}

	.listSolution h2 {
		margin:0px 0px 5px 55px;
	}

	.listSolution ul {
		margin:0px 0px 0px 55px;
		list-style-type:none;
		padding:0px;
		
	}

	.listSolution li {
		padding:0px;
	}

	.listSolution li  a{
		text-decoration:none;
		color:#777;
	}

	.listSolution li  a:hover{
		color:#cc0000;
	}
	
.tabContact td p {
	margin:2px 0;
}
.tabContact td {
	vertical-align:top;
	padding-bottom:6px;
}

#encartSolution {
	width:235px;
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #BBB;
	padding:10px;
	background-color:#fbfae1;
}

	#encartSolution ul {
		margin:0px 0px 0px 55px;
	}
	
	
	
	
#bottomMain {
	clear:both;
	width:898px;
	height:54px;
	padding:0px 25px;
	margin:0px auto;
	background-image:url('../images/charte/bottom_main.jpg');
	background-repeat:no-repeat;
}
	#bottomMain p{
		margin:0;
		padding:8px 0px 0px 0px ;
		text-align:center;
		color:#CB0000;
		font-size:13px;
		font-weight:bold;
	}
	
	
#right {
	float:right;
	margin:0px;
	padding:0px;
	margin-right:15px;
	width:200px;
	padding-top:15px;
}

	#right img {
		border:0px;
		margin:0px;
		padding:0px;
	}
	
	#clients {
		background-image:url('../images/charte/clients_fond.gif');
		background-repeat:repeat-y;
		text-align:center;		
	}
	
		#clients p {
			padding:8px 0px 0px 0px;
			margin:0px;
			font-size:12px;
			color:#336699;
			text-align:center;
		}
		
		#clients .valide {
			font-weight:bold;
			color:#336699;
			font-size:13px;
			background:none;
			border:0px;
			margin:8px 0px 0px 0px;
		}
		
		#nouveautes {
			background-image:url('../images/charte/nouveautes_fond.gif');
			background-repeat:repeat-y;
			text-align:center;
			position : relative;
		}
			#nouveautes	.nouvGauche {
				position:absolute;
				top:35px;
				left:20px;
			}
			
			#nouveautes	.nouvDroite {				
				position:absolute;
				top:35px;
				left:170px;
			}
	
	#rappel {
		width:200px;
		height:140px;
		background-image:url('../images/charte/rappel_fond.jpg');
		background-repeat:no-repeat;
	}	
	
	
.footpages {
	margin:0px auto;
	width:890px;
}
	.footpages p {
		
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size:11px;
		color: #6d6d6f;
		text-align:cent;
	}
	.footpages p a {
		text-decoration:none;
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size:11px;
		color:#878789;
		padding:0px 20px 0px 20px;
	}
	.footpages p a:hover {
		color:#FFFFFF;
		background-color: rgba(51,102,153,.7);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px; /* future proofing */
		-khtml-border-radius: 2px; /* for old Konqueror browsers */

	}
	.footpages .navig {
		float:left;
		width:156px;
		margin-right:20px;
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size:11px;
		color:#878789;
	}
		.footpages .navig a {
			display:block;
			text-decoration:none;
			font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			font-size:11px;
			color:#878789;
		}
		.footpages .navig a:hover {
			color:#FFFFFF;
			background-color: rgba(51,102,153,.7);
			background-color: rgba(51,102,153,.7);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px; /* future proofing */
		-khtml-border-radius: 2px; /* for old Konqueror browsers */
		}

		
		
		
.linkSalon {
	font-weight:bold;
	text-decoration:none;
	color : #dd0033;
}	

.linkSalon:hover {
	text-decoration:underline;
}

/* button 
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px Arial, Helvetica, sans-serif;
    text-decoration: none!important;
    font-weight: bold!important;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-top: 10px;
    width: 120px;
    
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* orange */
.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: url(../images/assistance/Windows1.png) 150px center no-repeat,
    -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    color: #d9eef7!important;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: url(../images/assistance/Apple1.png) 150px center no-repeat,
    -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
h5{

background-color: #f2f2f2;

border-bottom: 1px solid #c9c9c9;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 20px;
font-weight: bold;
font-size: 14px;
color: #369;

}
#assistance {
margin-top: 10px;
-moz-border-radius: 10px;-webkit-border-radius: 10px;
   border:1px solid #c9c9c9;
   background:#fff;
   padding-bottom: 40px;
   -webkit-box-shadow: 1px 1px 10px #c9c9c9;
-moz-box-shadow: 1px 1px 10px #c9c9c9;
box-shadow: 1px 1px 10px #c9c9c9;


}