@charset "iso-8859-1";
.icon-red { fill: red; }
/*Mobiles (<768)*/

.my-custom-btn {
  font-size: 0.9rem;     /* plus petit que 1rem */
  padding: 0.35rem 0.75rem;
  color: #212529;
  font-weight: 600;
  border-width: 2px;
  text-transform: uppercase;
}

.my-custom-btn:hover,
.my-custom-btn:focus {
  color: #fff;
  background-color: #c77b00;
  border-color: #c77b00;
}

.gradient{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
	background: linear-gradient(top, #ffffff 0%,#ebebeb 100%);
	border:1px solid #EBEBEB;
}
.popTop{
	animation: popToTop 0.5s linear 1;
	-webkit-animation: popToTop 0.5s linear 1;
	opacity:0;
	color:blue;
	font-weight:bold;
	font-size:20px;
}
.pastille{
	color:white;
	background:blue;
	position:absolute;
	float:left;
	border-radius:7px;
	font-weight:bold;
	right:5px;
	top:5px;
	font-size:12px;
}
.inPastille{
	padding:1px 5px 1px 5px;
}
.pastille-nomobile{
	color:white;
	background:blue;
	position:relative;
	float:right;
	border-radius:7px;
	top:3px;
	font-weight:bold;
	font-size:15px;
}
.inPastille-nomobile{padding:1px 5px 1px 5px;}
.clearfix{clear:both;}
/*Mobiles <768px*/
@media screen and (max-width:991px){
	.noMobile{display:none;}
	.float-right{float:right;}
	.carconseil_navbutton{display:none;}
	.carmarques_navbutton{display:none;}
	div.contenu{padding:10px;}
	.gradientgray{
		background: #666666; /* Old browsers */
		background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
		background: -webkit-linear-gradient(top, #666666 0%,#000000 100%);
		background: linear-gradient(to bottom, #666666 0%,#000000 100%);

	}
	div#image_accueil {
		background-image: url("../images/maison2.jpg");
		background-repeat: no-repeat;
		width: 100px;
		height: 50px;
		padding: 0;
	}

	span#image_accueil {
		background-image: url("../images/logo_segedip.jpg");
		background-repeat: no-repeat;
		width: 100%;
		height: 440px;
		padding: 0;
		display: block;
	}
	span#image_accueil2 {
		background-image: url("../images/immeuble_smartphone.jpg");
		background-repeat: no-repeat;
		width: 100%;
		height: 350px;
		padding: 0;
		display: block;
	}
	body{
		background:#FFFFFF;
		background-attachment:fixed;
		background-position:top;
		background-repeat:no-repeat;
		margin:0;
		padding:0;
		font-family:Helvetica,Verdana,sans-serif;
		font-size:18px;
		min-width:360px;
		height:100%;
	}
	span.produit_remplace{
		color:#06438a;
		float:right;
		width:2px;
		font-size:20px;
		font-weight:bold;

	}
	H1{font-size:18px;}
	div.header{
		height:60px;
		background:white;
	}
	div.header div.logo{
		height:60px;
		background:white;
		float:left;
		vertical-align:middle;
	}
	div.header div.logo img{
		height:52px;
		width:174px;
		margin-top:4px;
	}
	div.header .mobileButton{
		height:60px;
		width:60px;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		float:left;
		margin:0 1px 0 1px;
		cursor:pointer;
		position:relative;
	}
	div.button-close{background:#E7E7E7;}
	div.button-close:hover{background:#B7B7B7;}
	div.button-open{background:#EB7602;}

	.mobileButton img{
		height:36px;
		margin-top:12px;
	}
	div.recherche input[type='text']{
		height:30px;
		width:calc(98% - 60px);
		float:left;
		right:50px;
		font-weight:bold;
		font-size:20px;
		line-height:30px;
		padding-left:5px;
	}
	div.recherche{
		padding:10px;
		border:1px solid #CCC;
		background:#F8F8F8;
		border-radius:5px;
	}
	div.recherche div{
		width:100%;
	}
	div.recherche button{
		background:#FFFFFF;
		cursor:pointer;
		float:left;
		width:50px;
		border-radius:0 5px 5px 0;
		border:1px solid #CCC;
		height:34px;
	}
	div.recherche button:hover{
		background:#B7B7B7;
	}
	div.total{
		width:100%;
		background:#e1e1e1;
		vertical-align:middle;
	}
	div#menu-gauche{
		border:1px solid #E7E7E7;
		position:absolute;
		top:60px;
		left:0;
		right:20px;
		background:#FFFFFF;
		bottom:0;
		overflow-y:auto;
		display:none;
		z-index:500;
	}
	div#flou{
		background:#B7B7B7;
		opacity:0;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		z-index:499;
	}
	div.triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #EB7602 transparent transparent transparent;
		position:absolute;
		z-index:501;
	}
	#triangle-menu{
		left:21px;
		top:60px;
		display:none;
	}
	ul.menu-mobile{
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.menu-mobile li{
		padding:10px;
		border:1px solid #E7E7E7;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		font-size:14px;
	}
	ul.menu-mobile li:hover{
		background:#E7E7E7;
	}
	ul.menu-mobile li a{
		color:#000000;
		text-decoration:none;
		font-weight:bold;
	}
	ul.menu-mobile li.nolink{color:#B7B7B7;}
	ul.menu-mobile li.nolink:hover{
		background:#FFFFFF;
	}
	div.footer{
		margin-top:20px;
		border-top:2px solid #CCC;
	}
	div.footer div.bloc-footer{
		padding:10px;
		border-bottom:2px solid #CCC;
		background:#F8F8F8;
	}
	div.footer div.newsletter input[type='text']{
		height:30px;
		width:280px;
		font-weight:bold;
		font-size:20px;
		line-height:30px;
		padding-left:5px;
		display:block;
		margin:auto;
	}
	div.footer div.newsletter button{
		margin-top:10px;
		background:#337AB7;
		color:#FFFFFF;
		cursor:pointer;
		width:289px;
		border-radius:5px 5px 5px 5px;
		border:1px solid #CCC;
		height:34px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		font-size:16px;
	}
	div.footer div.newsletter button:hover{background:#45A3F5;}
	div.footer div.nav ul{
		list-style:none;
		margin:0 0 20px 0;
		padding:0;
	}
	div.footer div.nav ul li{
		margin-top:20px;
		text-align:center;
	}
	div.footer div.nav ul li a{color:#000000;}
	div.footer div.nos-marques{
		font-size:8px;
		color:#B7B7B7;
	}
	div.footer div.nos-marques a.marque{color:#B7B7B7;}
	div.footer div.nos-marques a.premium{color:#000000;}
	div.footer div.copyright{
		font-size:8px;
		color:#B7B7B7;
	}
	div.minipanel{
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
		background:#B7B7B7;
		border-radius:5px;
		float:left;
		padding:5px;
		margin-bottom:10px;
	}
	div.minipanel a{
		color:#FFFFFF;
		text-decoration:none;
		line-height:10px;
	}
	div.minipanel:hover{background:#555555;}
	#titre{
		font-weight:bold;
		height:20px;
		font-size:16px;
		padding-left:5px;
	}
	div#bandeau-haut{
		height:60px;
		width:100%;
	}
	span.erreur{
		font-size:12px;
		color:#FF0000;
		font-weight:bold;
	}
	div.ariane{
		text-align:center;
		font-size:14px;
		line-height:20px;
		margin:5px 0 20px 0;
	}
	div.ariane a{
		font-size:14px;
		text-decoration:underline;
		color:#000000;
	}
	div.ariane b{white-space:nowrap;}
	INPUT.bouton-paiement-cybermut{
		margin:auto;
		background:#EB7602;
		color:#FFFFFF;
		width:200px;
		margin-top:10px;
		vertical-align:middle;
		border-radius:5px;
		border:1px solid #CCCCCC;
		color:#FFFFFF;
		font-size:16px;
		line-height:26px;
		cursor:pointer;
		text-decoration:none;
		height:50px;
		text-align:center;
	}
	INPUT.bouton-paiement-cybermut:hover{
		background:#F6450A;
	}
	div.bloc-virement{
		background:#FFFFFF;
		padding:20px;
	}
	div.bloc-virement td{
		color:#A41641;
		font-weight:bold;
		font-size:12px;
	}
	div.bloc-virement table{
		text-align:center;
	}
	div.bloc-virement span.type{
		font-style:italic;
		font-size:12px;
	}
	div.bloc-virement span.valeur{
		color:#A41641;
		font-weight:bold;
		font-size:12px;
	}
	div.bloc-cb{
		background:#FFFFFF;
		font-size:12px;
		padding:10px;
	}
	div.infos{
		font-size:16px;
		margin-bottom:20px;
	}
}
/*Fin Mobile, Tablettes 768<992*/
@media screen and (max-width: 767px){
	.tabletOnly{display:none;}
	.xNoMobile{display:none;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.xMobileOnly{
		display:none;
	}
}
/*Fin Tablettes, Desktop>992*/
@media screen and (min-width:992px){


	.my-custom-btn {
	font-size: 0.9rem;     /* plus petit que 1rem */
	padding: 0.35rem 0.75rem;
	color: #212529;
	font-weight: 600;
	border-width: 2px;
	text-transform: uppercase;
	}

	.my-custom-btn:hover,
	.my-custom-btn:focus {
	color: #fff;
	background-color: #c77b00;
	border-color: #c77b00;
	}


	.mobileOnly{display:none;}
	.tabletOnly{display:none;}
	.xMobileOnly{display:none;}
	span#image_accueil {
		background-image: url("../images/maison.jpg");
		background-repeat: no-repeat;
		width: 100%;
		height: 390px;
		padding: 0;
		display: block;
	}
	span#image_accueil2 {
		background-image: url("../images/immeuble.jpg");
		background-repeat: no-repeat;
		width: 744px;
		height: 378px;
		padding: 0;
		display: block;
	}
	body{
		background:#EBEBEB;
		background-attachment:fixed;
		background-position:top;
		background-repeat:no-repeat;
		margin:auto;
		font-family:Helvetica,Verdana,sans-serif;
		font-size:13px;
	}
	div.global{
		width:985px;
		padding-bottom:20px;
		height:100%;
		margin-left:auto;
		margin-bottom:20px;
		margin-right:auto;
		background:#FFFFFF;
	}
	.alignleft{	text-align:left;}
	img{ border : 5px none}
	H1{font-size:18px;}
/*-Header-*/
	div.header{
		width:100%;
		height:100px;
	}
	div.header div.logo{
		margin-left:10px;
		padding-top:5px;
	}
	div.header div.bloc-connecte{
		float:right;
		margin-right:20px;
		width:300px;
		/* height:140px; */
		margin-top:5px;
	}
	div.header div.bloc-deconnecte{
		float:right;
		margin-right:20px;
		width:300px;
		height:88px;
		margin-top:5px;
	}
	div.header div.bloc-deconnecte table#miniavatar, div.header div.bloc-connecte table#miniavatar{
		margin-top:5px;
		margin-left:5px;

		height:24px;
		font-size:12px;
		line-height:12px;
		font-weight:bold;
		vertical-align:bottom;
		table-layout:fixed;
		overflow:hidden;
		/*white-space: nowrap;*/
	}
	div.header div.bloc-connecte a, div.header div.bloc-deconnecte a{
		color:#000000;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
	}
	div.header div.bloc-connecte a:hover, div.header div.bloc-deconnecte a:hover{
		color:#F6450A;
	}
	div.header div.bloc-connecte table#miniavatar td:first-child, div.header div.bloc-deconnecte table#miniavatar td:first-child{
		width:14px;
	}
	div.header div.bloc-connecte table#miniavatar td, div.header div.bloc-deconnecte table#miniavatar td{
		width:150px;
	}
	div.header div.bloc-connecte , div.header div.bloc-deconnecte {
		width:290px;
	}
	div.header div.bloc-connecte img, div.header div.bloc-deconnecte img{
		width:40px;
	}
	div.header div.bloc-connecte table.menumembre, div.header div.bloc-deconnecte table.menumembre{
		width:245px;
		margin-left:5px;
		margin:auto;
		font-size:16px;
		border-collapse:collapse;
	}
	div.header div.bloc-connecte table.menumembre TD.picto, div.header div.bloc-deconnecte table.menumembre TD.picto{
		width:16px;
	}
	div.header div.bloc-connecte table.menumembre TR{
		height:26px;
	}
	div.header div.bloc-deconnecte table.menumembre TR{
		height:52px;
	}
	div.header div.bloc-connecte table.menumembre td.picto img, div.header div.bloc-deconnecte table.menumembre td.picto img{
		height:32px;
		width:32px;
		margin-top:5px;
		margin-left:0px;
	}
/*-Menu haut et moteur de recherche-*/
	input#recherche-bouton{
		background:url(../images/picto-ok1.jpg) no-repeat;
		border-top:1px solid #EBEBEB;
		border-left:1px solid #EBEBEB;
		border-bottom:0;
		border-right:0;
		cursor:pointer;
		height:17px;
		width:22px;
	}
	input#recherche-bouton:hover{
		cursor:pointer;
		border-top:0;
		border-left:0;
		border-bottom:1px solid #EBEBEB;
		border-right:1px solid #EBEBEB;
	}
	div.recherche TABLE{
		height:10px;
		border-collapse:collapse;
		float:left;
		position:relative;
		top:-1px;
		margin-left:10px;
	}
	div.cont-menuhaut2{
		position: relative;/*sp�cifique IE7*/
		z-index:3000;/*sp�cifique IE7*/
	}
	div.menuhaut2{
		width:985px;
		height:34px;
		vertical-align:middle;
		color:#FFFFFF;
		line-height:32px;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(85,85,85,1) 50%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(85,85,85,1)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(85,85,85,1) 50%,rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(85,85,85,1) 50%,rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(85,85,85,1) 50%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(85,85,85,1) 50%,rgba(0,0,0,1) 100%);
	}
	div.menuhaut2 ul.horizontal{
		position:relative;
		list-style:none;
		margin:0 0 0 20px;
		left:30px;
		padding:0;
		width:933px;
		z-index:1000;
	}
	div.menuhaut2 li.domaine{
		float:left;
		line-height:32px;
		cursor:pointer;
		padding:0px 8px 0px 9px;
		margin:0;
	}
	div.menuhaut2 li.domaine a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		text-shadow: black 0.1em 0.1em 0.2em
	}
	div.menuhaut2 li.domaine a:hover, div.menuhaut li.domaine div.sousmenu:hover{
		color:#EB7602;
	}
	div.menuhaut2 li.domaine:hover div.sousmenu, div.sousmenu:hover,div.menuhaut2 li.domaine:hover div.sousmenu ul.sousmenu, div.sousmenu:hover ul.sousmenu{
		display:block;
		visibility:visible;
	}
	div.menuhaut2 li.surfam a{
		color:#81CEEA;
		text-shadow: #222222 0.1em 0.1em 0.2em;
		font-weight:bold;
		text-decoration:none;
		font-size:14px;
		display:block;
		margin-bottom:6px;
	}
	div.menuhaut2 li.surfam a:hover{color:#EB7602;}
	div.menuhaut2 li.surfam{
		width:222px;
		display:inline-block;
		margin:5px 5px 5px 5px;
		line-height:13px;
	}
	div.menuhaut2 li.surfam ul{
		padding:0;
		list-style:none;
	}
	div.menuhaut2 li.famille{line-height:12px;}
	div.menuhaut2 li.famille a{
		color:#989898;
		text-shadow: #222222 0.1em 0.1em 0.2em;
		text-decoration:none;
		font-size:11px;
		display:block;
		margin-bottom:3px;
		margin-left:2px;
	}
	div.menuhaut2 li.famille a:hover{color:#EB7602;}
	div.menuhaut2 div.sousmenu ul.sousmenu{
		padding:0;
		z-index:500;
		display:none;
		column-count:4;
	}
	div.menuhaut2 div.sousmenu{
		position:absolute;
		visibility:hidden;
		display:none;
		z-index:500;
		float:left;
		cursor:default;
		top:32px;
		left:-50px;
		width:985px;
		vertical-align:top;
		padding-bottom:5px;
		border-radius:0 0 10px 10px;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(50,50,50,1) 50%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(50,50,50,1)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(50,50,50,1) 50%,rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(50,50,50,1) 50%,rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(50,50,50,1) 50%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(50,50,50,1) 50%,rgba(0,0,0,1) 100%);
	}

	/*Menu*/
	div.menuhaut{
		background:#000000;
		width:985px;
		height:32px;
		vertical-align:middle;
		z-index:2;
		position: relative;
		color:#FFFFFF;
		line-height:32px;
	}
	div.menuhaut ul{
		list-style-type:none;
		margin:0;
		padding:0;
		margin-left:20px;
	}
	div.menuhaut ul li{color:#FFFFFF;
		line-height:32px;
		cursor:pointer;
		float:left;
		padding:0 8px 0 9px;
		margin:0;	}
	div.menuhaut ul li a{
		color:#FFFFFF;
		font-size:13px;
		text-decoration:none;
		display:block;
		height:32px;
		float:left;
	}
	div.menuhaut ul li:hover a,div.menuhaut ul li.sfhover a{color:#F6450A;}
	div.menuhaut ul li ul{padding:0;}
	div.menuhaut ul li ul li a{float:none;}
	div.menuhaut ul li ul li{
		float:none;
		color:#FFFFFF;
		background:#000000;
		padding:0 9px 0 9px;
		height:0px;
		margin:0;
		top:-32px;
		position:relative;
		text-decoration: none;
		white-space:nowrap;
		opacity:0;
	}
	div.menuhaut ul li:hover ul li a{color:#FFFFFF;}
	div.menuhaut ul li.sfhover ul li a{color:#FFFFFF;}
	div.menuhaut ul li:hover ul{padding-bottom:10px;}
	div.menuhaut ul li.sfhover ul{padding-bottom:10px;}
	div.menuhaut ul li:hover ul li{
		top:0;
		height:26px;
		color:#FFFFFF;
		background:#000000;
		opacity:1;
	}
	div.menuhaut ul li.sfhover ul li{
		top:0;
		height:28px;
		color:#FFFFFF;
		background:#000000;
		opacity:1;
	}
	div.menuhaut ul ul{
		float:none;
		position:absolute;
		top:32px;
		z-index:-1;
		margin-left:-10px;
		background:#000000;
	}
	div.menuhaut ul li ul li:hover a{
		color:#F6450A;
	}
	div.menuhaut ul li ul li.sfhover a{
		color:#F6450A;
	}
	div.banniere{
		padding:20px 20px 0px 20px;
		width:945px;
		height:125px;
	}
	div.banniere-rel{
		z-index:1;
		position:relative;
		width:703px;
	}
	div.banniere-image{
		z-index:1;
		position:absolute;
	}
	div.banniere-texte{
		z-index:1;
		position:absolute;
		top:137px;
	}
	div.banniere table.titre-banniere{
		height:40px;
		padding:5px;
		width:693px;
		vertical-align:middle;
		font-weight:bold;
		font-size:12px;
		border-collapse:collapse;
	}
	div.banniere table.titre-banniere TD{
		height:40px;
		padding-left:10px;
	}
	/*Conseil2--*/
	div.conseil2{
		width:942px;
		height:185px;
		border:1px #ebebeb solid;
		float:left;
		font-size:12px;
	}
	div.conseil2 table{
		width:100%;
		border-collapse:collapse;
		table-layout:fixed;
		overflow:hidden;
	}
	div.conseil2 table TD#image table{
		border-collapse:collapse;
		table-layout:fixed;
	}
	div.conseil2 .imagein{
		height:105px;
	}
	div.conseil2 #image img{
		display:block;
		margin:auto;
	}
	div.conseil2 #titre,div.nos-marques #titre{
		font-weight:bold;
		height:20px;
		font-size:16px;
		padding-left:5px;
	}
	div.conseil2 #titre a,div.nos-marques #titre a{
		font-weight:bold;
		height:20px;
		font-size:16px;
		color:#000000;
		text-decoration:none;
	}
	div.conseil2 #titre a:hover,div.nos-marques #titre a:hover{
		font-weight:bold;
		height:20px;
		font-size:16px;
		text-decoration:none;
		color:#F6450A;
	}
	div.conseil2 table table TD#description DIV{
		height:30px;
		overflow:hidden;
		line-height:15px;
		padding-left:5px;
	}
	div.conseil2 #prix{
		height:14px;
		line-height:12px;
		padding-left:5px;
	}
	div.conseil2 a{
		color:#A41641;
		font-weight:bold;
		text-decoration:none;
	}
	/*--Conseil--*/
	div.conseil{
		width:217px;
		height:177px;
		border:1px #ebebeb solid;
		float:right;
		font-size:12px;
	}
	div.conseil table{
		width:100%;
		border-collapse:collapse;
		table-layout:fixed;
		overflow:hidden;
	}
	div.conseil table TD#image table{
		border-collapse:collapse;
		table-layout:fixed;
	}
	div.conseil #imagein{
		height:105px;
	}
	div.conseil #image img{
		display:block;
		margin:auto;
	}
	div.conseil #titre,div.nos-marques #titre{
		font-weight:bold;
		height:20px;
		font-size:16px;
		padding-left:5px;
	}
	div.conseil #titre a,div.nos-marques #titre a{
		font-weight:bold;
		height:20px;
		font-size:16px;
		color:#000000;
		text-decoration:none;
	}
	div.conseil #titre a:hover,div.nos-marques #titre a:hover{
		font-weight:bold;
		height:20px;
		font-size:16px;
		text-decoration:none;
		color:#F6450A;
	}
	div.conseil table table TD#description DIV{
		height:30px;
		overflow:hidden;
		line-height:15px;
		padding-left:5px;
	}
	div.conseil #prix{
		height:14px;
		line-height:12px;
		padding-left:5px;
	}
	div.conseil a{
		color:#A41641;
		font-weight:bold;
		text-decoration:none;
	}
/*----------*/
	div.c-contenu{
		clear:right;
		margin-top:20px;
	}
	input#newsletter-texte{
		font-weight:bold;
		width:165px;
	}
	input#newsletter-bouton{
		background:url(../images/picto-ok1.jpg) no-repeat;
		border-top:0;
		border-left:0;
		border-bottom:1px solid #000000;
		border-right:1px solid #000000;
		cursor:pointer;
		height:17px;
		width:22px;
	}
	input#newsletter-bouton:hover{
		cursor:pointer;
		border-top:1px solid #000000;
		border-left:1px solid #000000;
		border-bottom:0;
		border-right:0;
	}
	div.nos-marques{
		width:217px;
		height:124px;
		border:1px #ebebeb solid;
		margin-top:10px;
	}
	div.nos-marques table{
		width:217px;
		height:117px;
		margin:auto;
		border-collapse:collapse;
	}
	div.nos-marques TD#logo-marque{
		height:97px;
		text-align:center;
		vertical-align:middle;
		float:none;
	}
	div.nos-marques TD#logo-marque TABLE{
		width:210px;
		margin:auto;
		text-align:center;
		height:97px;
		z-index:-1;
	}
	div.nos-marques TD#logo-marque TABLE TD{
		height:97px;
	}
	div.nos-marques TD#logo-marque a{
		display:block;
	}
	div.nos-marques TD#titre{
		font-weight:bold;
		padding-left:5px;
		height:20px;
	}
	div.contenu{
		width:703px;
		min-height:870px;
		margin-left:20px;
		margin-top:1px;
		float:left;
	}
	div.contenu-full{
		width:923px;
		margin-left:20px;
		margin-top:1px;
		clear:left;
	}
	div.bascontenu{
		clear:both;
		height:1px;
	}
/*footer*/
	div.footer{
		width:985px;
		height:100%;
		margin:0 auto 10px auto;
	}
	table.footer{
		width:100%;
		border-collapse:collapse;
	}
	TD.footer-gauche{
		width:420px;
		height:100%;
		padding-top:10px;
		padding-left:20px;
		background:#FFFFFF;
	}
	TD.footer-droit{
		width:650px;
		height:100%;
		padding-top:10px;
		padding-left:20px;
		background:#FFFFFF;
		vertical-align:top;
	}
	TD.fausse-colonne{
		background:#EBEBEB;
	}
	TD.footer-gauche a.picto table{
		text-align:center;
		font-size:9px;
	}
	TD.footer-gauche a.picto{
		display:block;
		float:left;
		width:70px;
		margin-right:11px;
		color:#000000;
		text-decoration:none;
	}
	TD.footer-gauche a.picto table a{
		color:#000000;
		text-decoration:none;
	}
	TD.footer-gauche a.picto:hover table a{
		color:#F6450A;
	}
	TD.footer-gauche table TD{
		width:60px;
		vertical-align:top;
	}
	div.footer-nos-marques{
		width:562px;
		clear:left;
		padding-top:10px;
		color:#989898;
		padding-bottom:10px;
		font-size:9px;
	}
	div.footer-nos-marques #titre-nos-marques{
		font-size:13px;
		color:#F6450A;
		font-weight:bold;
	}
	div.footer-bas{
		padding:10px 10px 0 10px;
		color:#989898;
		font-weight:bold;
		font-size:10px;
	}
	div.footer-bas div.droite{
		float:right;
	}
	div.footer-bas a{
		color:#989898;
		text-decoration:none;
	}

	div.footer-bas a:hover{
		color:#F6450A;
	}
	div.footer-nos-marques a{
		color:#989898;
		text-decoration:none;
	}
	div.footer-nos-marques a.premium{
		color:#333333;
		text-decoration:none;
	}
	div.footer-nos-marques a:hover{
		color:#F6450A;
	}
	div.footer span.nbproduits{
		color:#A41641;
		font-weight:bold;
	}
	div.footer span.produitsdispo{
		font-size:10px;
	}
	div.float{
		clear:both;
		height:1px;
	}
	span.erreur{
		font-size:12px;
		color:#FF0000;
		font-weight:bold;
	}
	span.petit{
		font-size:10px;
	}
span.titre{
	display:block;
	height:60px;
	line-height:60px;
	margin-left:10px;
}
table.tableaudemi{
	width:50%;
	border-collapse:collapse;
}
table.tableaudemi TH{
	background:#e1e1e1;
	text-align:center;
	height:35px;
}
table.tableaudemi TD{
	text-align:center;
}
table.tableau{
	width:100%;
	margin:0;
	border-collapse:collapse;
}
table.tableau a{
	text-decoration:none;
	color:#000000;
}
table.tableau TH{
	background:#e1e1e1;
	text-align:left;
	height:35px;
	padding-left:10px;
}
table.tableau TH.tableaustock{
	width:50px;
}
table.tableau TH.tableauproduit{
	width:113px;
}
table.tableau TH.tableaustk{
	width:32px;
}
table.tableau TH.tableauidproduit{
	width:80px;
}
table.tableau TD.tableauproduit{
	text-align:center;
}
table.tableau TH.tableaudesignation{
	width:100%;
}
table.tableau TH.tableaudesignationvalidation{
	width:100%;
}
table.tableau TH.tableauprix{
	width:100%;
}
table.tableau TH.tableaunotice{
	width:40px;
}
table.tableau TH.tableaustock{
	width:30px;
}
table.tableau TH.tableauqte{
	width:64px;
}
table.tableau TH.tableauaction{
	width:54px;
}
table.tableau TH.tableauprix2{
	width:160px;
}
table.tableau TH.tableau-prixremise{
	width:200px;
}
table.tableau TH.tableauprixvalidation{
	width:100px;
}
table.tableau TH.tableauadresse{
	width:250px;
}
table.tableau TH.tableauinfos{
	width:173px;
}
table.tableau TH.tableaunumero{
	width:60px;
}
table.tableau TH.tableaunom{
	width:155px;
}
table.tableau TH.tableaumarque{
	width:131px;
}
table.tableau SPAN.code-produit{
	font-size:10px;
}
SPAN.tableau-code-segedip{
	color:#EB7602;
	font-size:10px;
	font-weight:bold;
}
SPAN.tableau-code-fournisseur{
	color:#0087B4;
	font-size:8px;
	font-weight:bold;
	text-decoration:none;
}
SPAN.tableau-prix{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.lien-tableau-vignette{
	text-decoration:none;
}
SPAN.tableau-nom{
	color:#000000;
	text-decoration:none;
}
table.tableau SPAN.reserve,span.reserve{
	color:#F6450A;
	font-size:16px;
	font-weight:bold;
}
table.tableau SPAN.tableau-marque{
	font-weight:bold;
}
table.tableau TD.mince{
	height:40px;
	vertical-align:middle;
	font-size:16px;
	padding-top:0px;
	border-bottom:2px #cfcfcf solid;
}
table.tableau TD.large{
	height:170px;
	vertical-align:top;
	font-size:12px;
	padding-top:20px;
	border-bottom:2px #cfcfcf solid;
}
table.tableau TD{
	font-size:17px;
	height: 90px;
	padding-left:4px;
	vertical-align:top;
	padding-top:10px;
	border-bottom:2px #cfcfcf solid;
}
table.tableau TR:last-child TD{
	border-bottom:none;
}
div.total{
	width:100%;
	background:#e1e1e1;
	vertical-align:middle;
}
table.bloc-total{
	font-size:17px;
	float:right;
	border-collapse:collapse;
}
table.bloc-total TR.bold{
	font-weight:bold;
}
table.bloc-total TR TD:first-child{
	width:250px;
	text-align:right;
}
table.bloc-total TR TD{
	width:131px;
	text-align:left;
}
/*Onglets des infos*/
div.onglets-info{
	background:#000000;
}
table.onglets-info{
	background:#000000;
	border-collapse:collapse;
	color:#FFFFFF;
	font-size:12px;
	margin:auto;
}
table.onglets-info A{
	color:#FFFFFF;
	text-decoration:none;
}
table.onglets-info TD A:hover{
	text-decoration:underline;
}
table.onglets-info TD.selected A:hover{
	text-decoration:none;
	cursor:default;
}
table.onglets-info TD{
	width:175px;
	height:24px;
	border-right:1px #ffffff solid;
	line-height:24px;
	text-align:center;
}
table.onglets-info TD.selected{
	background:#EB7602;
}
/*Onglet de fiche*/
div.onglets{
background:#000000;
}
table.onglets{
	background:#000000;
	border-collapse:collapse;
	color:#FFFFFF;
	font-size:12px;
}
table.onglets A{
	color:#FFFFFF;
	text-decoration:none;
}
table.onglets TD A:hover{
	text-decoration:underline;
}
table.onglets TD.selected A:hover{
	text-decoration:none;
	cursor:default;
}
table.onglets TD{
	width:139px;
	height:24px;
	border-right:1px #ffffff solid;
	line-height:24px;
}
table.onglets TD img{
	height:20px;
	width:20px;
	margin-top:2px;
	margin-left:2px;
}
table.onglets TD.selected{
	background:#EB7602;
}
table.onglets TD div.minipicto{
	width:30px;
	height:25px;
	float:left;
}
div.bloc-titre-devis7sx{
	font-size:22px;
	font-weight:bold;
	margin-left:30px;

}
div.bloc-titre-tot-panier{
	padding-top:5px;
	font-size:20px;
	font-weight:bold;
}
/*Titre des fiches*/
div.bloc-titre{
	padding-top:20px;
	padding-left:140px;
	padding-right:10px;
	font-size:32px;
	font-weight:bold;
	height:40px;
	width:10px;
	float:left;
}
div.bloc-titre2{
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	font-weight:bold;
	height:40px;
	width:200px;
	float:left;
}
div.bloc-droite{
	color:#0087B4;
	font-weight:bold;
	font-size:14px;
	height:38px;
	padding-top:22px;
}
/*Bandeau haut de fiches*/
div#bandeau-haut{
	height:60px;
	width:100%;
}
div#bandeau-haut-full{
	height:60px;
	width:945px;
}
table.bandeau-haut{
	width:500px;
	height:60px;
	margin-left:6px;
	border-collapse:collapse;
	font-size:16px;
}
table.bandeau-haut TD.picto{
	padding:6px;
	height:60px;
	width:60px;
}
table.bandeau-haut TD.ligne1{
	vertical-align:bottom;
}
table.bandeau-haut TD.ligne2{
	font-weight:bold;
	vertical-align:top;
}
div#fiche{
	width:100%;
	margin-top:20px;
}
div#fiche-full{
	width:923px;
	margin-top:20px;

}
div#fiche-full-gauche{
	margin-left:10px;
	width:703px;
	margin-top:13px;
	float:left;
}
span.gratuit{
	color:#0087B4;
	font-weight:bold;
}
INPUT.bouton-paiement-cybermut{
	margin:auto;
	background:url(../images/grand-bouton-noir.png);
	color:#FFFFFF;
	height:32px;
	width:155px;
	margin-top:10px;
	background-position: center center;
	text-align:center;
	line-height:32px;
	text-decoration:none;
	border:0;
	cursor:pointer;
}
INPUT.bouton-paiement-cybermut:hover{
	color:#F6450A;
}
div.bloc-virement{
	background:#FFFFFF;
	padding:20px;
}
div.bloc-virement td{
	color:#A41641;
	font-weight:bold;
	font-size:12px;
}
div.bloc-virement table{
	text-align:center;
}
div.bloc-virement span.type{
	font-style:italic;
	font-size:12px;
}
div.bloc-virement span.valeur{
	color:#A41641;
	font-weight:bold;
	font-size:12px;
}
div.adresse-agence{
	background:#FFFFFF;
	font-size:12px;
	padding:20px;
}
div.bloc-cb{
	background:#FFFFFF;
	font-size:12px;
	padding:20px;
}
div.bloc-cb table{
	text-align:center;
	width:100%;
	margin:auto;
}
div.bloc-cb table TD{
	width:33%;
}
div.bloc-cb table TD.cb-gauche{
	text-align:left;
}
div.bloc-cb table TD.cb-droite{
	text-align:right;
}
span.no-reponse{
	font-size:14px;
	font-weight:bold;
	color:#A41641;
}
span.stock{
	font-size:10px;
}
span.obsolete{
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
}
span.tableau-stock a.remplace,a.remplace,span.remplace{
	font-size:14px;
	color:#009900;
	text-decoration:none;
	font-weight:bold;
}
a.remplace:hover, span.tableau-stock a.remplace:hover{
	text-decoration:underline;
}
span.tableau-stock a.remplace ,a.remplace{
	color:#F6450A;
}
a.lien-border table{
	border:1px solid #FFFFFF;
}
a.lien-border:hover table{
	border:1px solid #ABABAB;
}
a.lien-border2 img{
	border:1px solid #FFFFFF;
}
a.lien-border2:hover img{
	border:1px solid #ABABAB;
}
a.lien-border3 > div.bloc-vignette2{
	border:1px solid #000000;
}
a.lien-border3:hover div.bloc-vignette2{
	border:1px solid #ABABAB;
}
a.lien-glow{
	color:black;
	font-weight:bold;
}
a.lien-glow:hover{
	color:#F6450A;
}
.VP_flash{
	animation: fadeinout 2s linear infinite;
	-webkit-animation: fadeinout 2s linear infinite;
	float:right;
}
.lien-action{
	text-decoration:underline;
	color:blue;
	cursor:pointer;
}
.flash{
	-webkit-animation: 1s linear 0s normal none 3 fadeinout;
	-moz-animation: 1s linear 0s normal none 3 fadeinout;
	-ms-animation: 1s linear 0s normal none 3 fadeinout;
	animation: 1s linear 0s normal none 3 fadeinout;
}
ul#familles-pdetach{
	columns:2;
	list-style-type:none;
}
ul#familles-pdetach li{
	margin-bottom:10px;
}
ul#familles-pdetach li a{
	color:#000000;
	text-decoration:none;
}
ul#familles-pdetach li a:hover{
	color:#F6450A;
}
ul.menu-gauche{
	padding:0;
	list-style:none;
	float:left;
	width:200px;
	height:100%;
	background:black;
}
ul.menu-gauche li{
	height:40px;
	line-height:40px;
	text-indent:5px;
	color:white;
	font-weight:bold;
	border-bottom:white 2px solid;
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(85, 85, 85, 1) 50%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
}
ul.menu-gauche li.select{
	background:#F6450A;
	background:#F6450A linear-gradient(to bottom, rgba(235, 134, 84, 1) 0%, rgba(246, 69, 10, 1) 50%, rgba(235, 134, 84, 1) 100%) repeat scroll 0 0;
	position:relative;
	cursor:default;
}
ul.menu-gauche li a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
ul.menu-gauche li:hover a{
	color:#F6450A;
}
img.stock-img{
	height:16px;
	width:16px;
	vertical-align:middle;
}
.produit-marque2{
	color: #a41641;
    font-size: 10px;
    font-weight: bold;
}
.link-action:hover{
	text-decoration:none;
}
.link{
	color:#000000;
	text-decoration:none;
}
.link:hover{
	color:#F6450A;
}
.gradientgray{
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666666 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666666 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gradientblue{

		background: #660F66; /* Old browsers */
		background: -moz-linear-gradient(top, #660F66 0%, #0000FF 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #660F66 0%,#0000FF 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #660F66 0%,#0000FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
}
.bouton-orange{
	background: #fbe9d1; /* Old browsers */
	background: -moz-linear-gradient(top, #fbe9d1 0%, #f6c589 2%, #ed9322 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbe9d1 0%,#f6c589 2%,#ed9322 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbe9d1 0%,#f6c589 2%,#ed9322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:2px solid #A56616;
	border-radius:5px;
	padding:10px 5px 10px 5px;
	font-size:12px;
	font-weight:bold;
	min-height:16px;
	min-width:50px;
	color:black;
	text-decoration:none;
}
.bouton-orange:hover{
	background: #A2794B; /* Old browsers */
	background: -moz-linear-gradient(top, #ff91b0 0%, #e5ba83 2%, #d68b26 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff91b0 0%,#e5ba83 2%,#d68b26 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff91b0 0%,#e5ba83 2%,#d68b26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size:12px;
	font-weight:bold;
	min-height:16px;
	min-width:50px;
	color:black;
}
/*Menuhaut3*/
.menuhaut3{
	position:relative;
	height:44px;
	line-height:44px;
	border-radius: 5px 5px 0 0;
	background:#f5f5f5;
}
.all_categories{
	width:250px;
	height:44px;
	position:absolute;
	left:0;
	top:0;
	background:#F66806;
	z-index:1001;
	cursor:pointer;
}
.all_categories:hover .title{
	color:#f66806;
	background:#f5f5f5;
}
.all_categories .title{
	text-align:center;
	display:block;
	width:250px;
	height:44px;
	color:#FFF;
	font-size:16px;
	line-height:44px;
	font-weight:800;
	margin:0 auto;
	z-index:1002;
	position:relative;
	text-decoration:none;
}
.all_categories .submenu{
	width:248px;
	padding:5px 0 5px;
	background:#f66907;
	border:1px solid #e6e6e6;
	display:none;
	position:relative;
	z-index:1002;
	float:left;
}
#categoryPanel{
	list-style:none;
	margin:0;
	padding:5px 0 5px 5px;
}
#categoryPanel li{
	margin:0;
	padding:0;
	border:1px solid #f66907;
	line-height:25px;
	background: #f66907;
}
#categoryPanel h4{
	margin:0;
	padding:0;
	padding-left:5px;
	color:#fff;
}
#categoryPanel h2{
	margin:0;
	padding:0;
	padding-left:5px;
	color:#fff;
	font-size:14px;
}
#categoryPanel .clsMenuIndex{
	margin:0;
	padding:0;
	padding-left:5px;
	color:#fff;
	font-size:14px;
}
#categoryPanel .hovered{
	width:230px;
	display:block;
	margin-left:0;
	padding:0 10px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	border-right:0;
	border-left:0;
	border-radius:0;
	box-shadow:0 0 0 #fff;
	background: #f0f0f0;
	color:#f66907;
	text-decoration:none;
	font-size:14px;
}
#categoryPanel a.menu_cell{
	color:#000;
	text-decoration:none;
	color:#fff;
}
#categoryPanel .hovered a.menu_cell{
	color:#f66907;
}
.submenu_sub{
	display:none;
	position:absolute;
	top:0px;
	left:249px;
	width:715px;
	min-height:527px;
	padding:0 0 15px 20px;
	border:1px solid #ebebeb;
	border-left:none;
	background:#f0f0f0;
	font-size:11px;
	font-weight:700;
}
dl.sub{
	position:relative;
	z-index:10;
	width:210px;
	float:left;
	margin:15px 20px 0 0;
	padding:0;
	font-size:11px;
	font-weight:700;
	list-style:none;
	line-height:44px;
}
dl.sub dt{
	margin:0 0 5px 0;
	padding:0;
	padding:8px 0;
	border-bottom:1px dotted #d5d5d5;
	color:#333;
	line-height:14px;
	display:block;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	padding-left:2px;
}
dl.sub dt:hover, dl.sub dt:hover a.sub_title{
	color:#fff;
	background:#f66907;
}
a.sub_title{
	color:#333;
	text-decoration:none;
	display:block;
	width:100%;
}
dl.sub dd{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:700;
	color:#000;
	line-height:14px;
	padding:4px 0 4px 2px;
}
dl.sub dd:hover,dl.sub dd:hover a{
	color:#fff;
	background:#f66907;
}
dl.sub dd a{
	display:block;
	color:#666;
	font-weight:400;
	text-decoration:none;
	font-size:12px;
	width:100%;
}
.menu_cells{
	margin-left:250px;
	width:735px;
}
.menuhaut_cells{
	padding:15px 0;
	list-style:none;
}
.cf::after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:'\20';
}
.menuhaut_cells > li{
	position:relative;
	float:left;
	height:15px;
	line-height:15px;
	padding: 0 4px 0 2px;
	background:#f5f5f5;
	border-right:1px solid #ccc;
	margin:0;
	display:block;
}
.menuhaut_cells a.menu_cell{
	padding:0 19px;
	display:block;
	color:#333;
	margin-top:-5px;
	height:34px;
	line-height:25px;
	font-size:16px;
	font-weight:700;
	border:1px solid #f5f5f5;
	text-decoration:none;
	outline:0;
}
.menuhaut_cells a.menu_cell:hover{
	color:#f66806;
}
.menuhaut3 #submenu1{
	min-height:50px;
	padding:15px 15px 15px 15px;
	width:703px;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	position:absolute;
	z-index:1001;
	left:0px;
	top:28px;
	box-shadow: 1px 2px 3px #ccc;
	display:none;
}
.menuhaut3 .block_submenu{
	min-height:50px;
	padding:2px;
	margin:7px 7px 7px 7px;
	border:1px solid #eee;
	border-radius:5px;
	box-shadow: 1px 2px 3px #ccc;
	background:#fff;
	float:left;
	width:210px;
	color:#666;
	text-align:center;
	display:table;
	height:50px;
	font-size:12px;
}
.menuhaut3 .block_submenu div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:50px;
}
.menuhaut3 .block_submenu div a{
	color:#666;
	text-decoration:none;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:210px;
	height:50px;
}
.menuhaut3 .block_submenu:hover div a{
	color:#fff;
	background:#f66907;
}
.menuhaut3 .block_submenu:hover{
	color:#fff;
	background:#f66907;
}
/*Fin MenuHaut3*/
/*Fin Desktop*/
a.fadeToOrange{
	color:#000000;
	text-decoration:none;
}
a.fadeToOrange:hover{
	color:#F6450A;
}
.lien_standard:hover {
	color: blue;
	text-decoration: underline;
}

.icon-red { fill: red; }