@charset "utf-8";

body{
	background:#e4ebe9 url(../images/pattern.png) repeat top left;
	color:#000;
	/*font-family: 'PT Sans Narrow', Arial, sans-serif;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}
a{
	color:#000;
	text-decoration:none;
}
.clr{
	clear:both;
}
h5{
	margin:15px;
	font-size:58px;
	color:#000;
	/*font-family: 'Rochester', sans-serif;*/
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}

/*h1{
	margin:15px;
	font-size:58px;
	color:#000;
	font-family: 'Rochester', sans-serif;
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}
*/h1 span, h5{
	font-size: 30px;
	display: block;
	color: #54726B;
}
/* Header Style */
.header{
	height:25px;
	line-height:24px;
	font-size:13px;
	background:#000;
	opacity:0.9;
	text-transform:uppercase;
	z-index:4;
}
.header a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	text-align:right;
}
.header a:hover{
	color:#fff;
}
.header a span{
	font-weight:bold;
}
.header span.right_ab{
	position:absolute;
	right:4px;
}

html, body,  div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: topline;
}
/*body {
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	font-family: Verdana, Geneva, sans-serif;
}*/
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* CSS Document */
@media (min-width: 1200px){
.container {
  width: 880px;
}
}
@media (min-width: 1200px) {
  .conteneur {
    width: 970px;
  }
}

@media (max-width: 991px){
  .wpleft{
    visibility: hidden;
	height:0;
  }
    .container{
	  margin-top:0px;
	  }
}
@media (min-width: 992px){
  .mp-pusher{
    visibility: hidden;
	height:0;
  }
  .container{
	  margin-top:50px;
	  }

}

.container {
	/* padding: 10px; */
	width: 100%;
/* 	margin-right: auto;
	margin-left: auto; */
	margin:0 auto; 
	border: 1px none #CCC;
	/*background-image: url(../images/bg_conteneur.png);
	background-repeat: repeat-y;*/
	
	background-color: #FBFBFB;
	/* background-position: center top; */
	/* margin-top: 50px; */
	box-shadow: 1px 1px 14px #555;
	height:100%;
	/* height: 920px; */
}
.ConteneurBody {
	padding: 10px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	border: 1px none #CCC;
	background-image: url(../images/bg_conteneur.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FBFBFB;
	margin-top: 50px;
	box-shadow: 1px 1px 14px #555;
	height: 950px;
}

.BannerTop {
	/*height: 120px;
	width: 100%;*/
	margin-bottom: 10px;
	background-color:#cccccc;
	text-align:center;
	
}

.Slogan {
	/* width: 1090px; */
	margin-bottom: 5px;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	padding-right: 5px;
	
	padding-left: 5px;
	text-align: center;
	/*font-family: "Lucida Console", Monaco, monospace;
	
	font-style: italic;*/
	
	font-weight: normal;
	font-variant: normal;
	/*color: #FFF;*/
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}


.Wrapper {
	width: 100%;
	position: relative;
}
Footer {
	background-color: #7D0000;
	height: 40px;
	width: 100%;
	line-height: 40px;
	margin-top: 20px;
}
Footer p{
	margin-right: auto;
	margin-left: auto;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	text-align:center;
}



.Wrapper ul li{
	display: block;
/*	float: left;
*/	list-style-type: none;
}


.Wrapper div div.wpleft{
/*	width: 230px;
*/	margin-top: 0px;
/*	margin-right: 20px;
*/	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FBFBFB;
	padding: 5px;
}

.Wrapper div div.wpright {
/*  max-width: 830px;
*/  padding: 5px;
}



.Pandora {
	margin-top: 0px;
	margin-bottom: 30px;
}

.Pandora ul li {
	width: 260px;
	padding: 0px;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:20px;
}


.Pandora ul li.pdleft {
}

.Pandora ul li.pdmiddle {
	/*margin-right: 10px;
	margin-left: 10px;*/
}

.Pandora div li {
	width: 260px;
	padding: 0px;
	margin-top: 20px;
	float:left;
}


.Pandora div li.pdleft {
}

.Pandora div li.pdmiddle {
	margin-right: 10px;
	margin-left: 10px;
}

.Pandora ul li.pdright {
}
.PandoraTitreModule {
	background-color: #7D0000;
	padding-right: 0px;
	padding-left: 10px;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFF;
	margin-right: 0px;
	width:260px;
}
.PandoraP {
	padding: 0px;
	margin-top: 5px;
}



.BlocMenu {
	/*width: 210px;*/
	margin-bottom: 20px;
}

.BlocMenu ul li a{
	display: block;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 210px;
	text-decoration: none;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFF;
	box-shadow: 4px 4px 6px #aaa;
	border-radius: 10px;
}

.BlocMenu ul li a.BtAccueil{
	background-color: #F39;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.BlocMenu ul li a.BtBureaux{
	background-color: #099;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.BlocMenu ul li a.BtSiege{
	background-color: #E1D6B0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.BlocMenu ul li a.BtRangement{
	background-color: #F96;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.BlocMenu ul li a.BtReunion{
	background-color: #960;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.BlocMenu ul li a:hover{
	background-color: #666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.BlocCarousel {
	margin-bottom: 20px;
}
.BlocReseaux {
	width: 230px;
}
.BoxContent {
}




.LienGauche {
	width: 220px;
	margin-top: 50px;
	clear: both;
	height: 160px;
}
.LienGauche ul li a{
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333;
	width: 205px;
	text-decoration: none;
	background-image: url(../images/pagination.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}


.LienGauche ul li a:hover{
	color: #C51418;	
}
.TitreModule {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #7D0000;
	width: 230px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.TextConteneur {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
}

.imgspace {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.Separateur {
	height: 30px;
}
.imgmodulepicto {
	padding: 1px;
	height: 130px;
	width: 200px;
	border: 1px solid #999;
	box-shadow: 1px 1px 6px #555;
}

.ClearBoth {
  clear: both;
}
.Wrapper .main div {
  display: block;
/*  float: left;
*/  list-style-type: none;
}
#slider1_container{
	margin-right:10px;}
div.img-slide{
	margin-right:10px;}
	
.contenu_produit{
	min-height:300px;
	}
.contenu_produit h3{
color:black;
padding:5px;
text-align:center;
font-size:1.2em;
color:#da151a;
font-weight:bold;
	}

.contenu_produit h3 a{
color:black;
padding:5px;
text-align:center;
font-size:1.2em;
color:#da151a;
font-weight:bold;
	}
figure{
	float:left;
	margin:30px;
	}
.contenu_produit article{
	/*float:left;*/
	/*font-size:20px;
	font-family:Arial, Helvetica, sans-serif;*/
}


	
.titre_produit {
  display: block;
  /*background: url(../images/puce-titre.png) no-repeat left top;*/
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  color: #eb0f2d;
  font-weight: bold;
  font-size: 1.3em;
  /*height: 30px;*/
  line-height: 30px;
}

.titre_produit_produit {
  display: block;
  /*background: url(../images/puce-titre-produit.png) no-repeat left top;*/
  padding: 0 0 0 35px;
  /*margin: 0 0 5px 0;*/
  color: #eb0f2d;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 30px;
  margin-bottom:10px;
}
.titre_produit_siege {
  display: block;
  background: url(../images/puce-titre.png) no-repeat left top;
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  color: #eb0f2d;
  font-weight: bold;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
}
.titre_produit_rangement {
  display: block;
  background: url(../images/puce-titre.png) no-repeat left top;
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  color: #eb0f2d;
  font-weight: bold;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
}
.titre_produit_reunion{
  display: block;
  background: url(../images/puce-titre.png) no-repeat left top;
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  color: #eb0f2d;
  font-weight: bold;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
}
.bureau{
	color:#099;
	}
.reunion{
	color:#960;}
.rangement{
	color:#F96;}
.siege{
	}
.bouton_catalogue img{
	width: 208px;
  margin-top: 10px;}
.wpright .panel{
	 width:100%;
	 color:#000;
	 }
.wpright figure{
	  padding: 10px;
	float:left;}
.panel-body{
	color:#000;
	padding:10px 10px 0 10px;
	}
.slide{
	padding:10px;
}
.blocCarousel{
	  z-index: -9999;
}
#contact{
	height:100%;
	}
#contact label{
		padding:5px;}
		
.champ_form{
	float:left;
	width:100px;}
.form-group {
   margin-bottom: 0px; 
}
.erreur_message{
	color:red;}
#fournisseur .carousel ul li {
	margin:0px;}
.row.Slogan {
font-size: 20px;
  display: block;
  color: #54726B;
  margin:10px 0;
  font-weight:bold;
  /*font-family: 'Rochester', sans-serif;*/
  }

h3{
font-size: 20px;
  display: block;
  padding:5px;/*
  color: #54726B;
  font-family: 'Rochester', sans-serif;*/
  }
  
 .cadre_filariane {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 18px;
	font-style: normal;
	line-height: 40px;
	color: #ED1E25;
	font-weight: bold;
	font-variant: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F4000B;
	padding-bottom: 4px;
}




.formulaire_sipraloffice label { 
	cursor:pointer;
	margin:4px 0;
	color:#ed7700;
	display:block;
	font-weight:800;
	
}

.formulaire_sipraloffice input { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:6px;
	margin-bottom:25px;
}

.formulaire_sipraloffice select { 
	display:block;
	width:92.5%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:6px;
	margin-bottom:25px;
}

.formulaire_sipraloffice textarea { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:6px;
	margin-bottom:25px;
}

.formulaire_sipraloffice .sendButton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fb494f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fb494f;
	box-shadow:inset 0px 1px 0px 0px #fb494f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #e31e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #e31e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#e31e25');
	background-color:#ffc477;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #eeb44f;
	color:#ffffff;
	/*font-family:Arial;*/
	font-size:14px;
	width:25%;
	font-weight:bold;
	text-shadow:1px 1px 0px #cc9f52;
}
.formulaire_sipraloffice .sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e31e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #e31e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e31e25', endColorstr='#ffc477');
	background-color:#e31e25;
}

#envoie_contact{
	display:none;
}
.centre_texte{
	text-align:center;
}


.titre-rouge-bold-13{
	font-size:1.3em;
	color:#f6881f;
	font-weight:bold;
}

.titre-rouge-bold-13 a{
	color:#da151a;
}

.titre-rouge-bold-13 a:hover{
	color:#373736;
}



.module {
	padding: 10px;
	/*min-height:250px;*/
	/*height: 300px;*/
}
.module_fil {
	line-height: 40px;
	font-weight: normal;
	font-variant: normal;
	color: #F00;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #F00;
	margin-bottom: 10px;
}

.module ul li{
	display: block;
	float: left;
	list-style-type: none;
	margin-bottom: 30px;
	width: 260px;
	background-color: #e31e25;
	padding: 0px;
}

.module ul li.moduleleft{
	margin-right: 10px;	
}

.module ul li.moduleleft a{
	color:#FFF;
}


.module ul li p{
	padding: 5px;
	color: #FFF;
}


.map {
    width: 100%;
    height: 450px;
    margin-bottom: 10px;
}

#wrapper{
	width:625px;
	margin:0 auto;
}


#cadre_video{
	display:block;
	width:90%;
	margin:10px auto;
}



/* Le parent */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
/* L'enfant */
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

video {
  width: 100%    !important;
  height: auto   !important;
}



.titre-accroche{
	margin:15px;
	font-size:20px;
	color:#e31e25;
	/*font-family: 'Rochester', sans-serif;*/
	text-shadow:1px 1px 1px #fff;
	text-align:center;
	font-weight:bold;
}


.banniere-haut {
	margin-bottom: 10px;
	background-color:#cccccc;
	text-align:center;
	padding:5px;
}

#logo-spiraloffice{
	display:block;
	margin-bottom:20px;}
	
.animation_gif img{
	margin:0 auto;
}

. banniere-haut{
	display:block;
	position:relative;
}
#logo_livingroom{
	display:block;
	width:272px;
	height:83px;
	position:absolute;
	left:172px;
	top:34px;
}

#logo_spiralhome{
	display: block;
	width: 272px;
	height: 68px;
	position: absolute;
	left: 167px;
	top: 45px;
}


#logo_spiraloffice{
	display: block;
	width: 272px;
	height: 70px;
	position: absolute;
	left: 723px;
	top: 45px;
}


#icone_spiraloffice-home{
	display: block;
	width: 123px;
	height: 59px;
	position: absolute;
	left: 511px;
	top: 45px;
}


/*debut css ajouté le 02 oct 2015*/

.modif_dispo_img{
	height:108px;
}

.modif_dispo_img img{
	margin:0 auto;
	position:relative;
	top:25%;
}


/*Fin css ajouté le 02 oct 2015*/