html {
	background-color: white;
}

.nav>li {
	display: inline-block
}

.conteneurimg {
	height: 180px;
	overflow: hidden;
}

h5 {
	font-weight: bold;
	height: 40px;
}

#TopHeader {
	height: 33px;
	background-image: url("../Images/topHeader.png");
}

.centerBalist {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.menutop li a {
	color: white;
	font-size: 12px;
}

.devis a,.detail a {
	color: white;
}

.menutop li {
	float: left;
	text-align: center;
	color: white;
	padding: 6px 20px 7px;
	padding-top: 6px;
	border-left: 1px solid white;
	border-right: 1px solid #C0C0C0;
	list-style: none;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgb(102, 102, 102);
}

.border {
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
}

#contener1,#contener2 {
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
}

#contener1 {
	background-color: white;
}

#contener2 {
	background-image: url("../Images/catalogue_12.jpg");
	border-top: 2px solid #CFE1EF;
}

#Connexion {
	margin: 0 auto;
	width: 400px;
}

#contact {
	float: right;
	margin-top: 30px;
}

#HeaderContener {
	position: fixed;
	height: 170px;
	width: 100%;
	z-index: 888;
}

.CenterC {
	margin: 0 auto;
	max-width: 1400px;
}

#nav {
	background-image: url("../Images/catalogue_12.jpg");
	border-top: 2px solid #CFE1EF;
	height: 38px;
	box-shadow: 0px 5px 8px rgb(190, 198, 231);
	border-bottom: 7px solid #337FB6;
}

#Header {
	height: 100px;
	background-color: white;
	/* background-image: url("../Images/catalogue_12.jpg"); */
}

.subFMenu {
	margin-top: 2px;
	width: 250px;
	background-image: url("../Images/catalogue_12.jpg");
	position: absolute;
	background-color: white;
	z-index: 55;
	border: 1px solid rgb(158, 145, 136);
	border-top: none;
	height: auto !IMPORTANT;
}

#slogan {
	margin-top: 65px;
	font-size: 18px;
	color: #3F4549
}

.navbar-nav {
	margin-left: 150px;
}

.navbar-nav li:HOVER {
	border-bottom: 3px solid #BF0982;
}

.navbar-nav li:HOVER .subFMenu {
	display: block !IMPORTANT;
}

.navbar-nav li.desc:HOVER {
	border-bottom: 3px solid #BF0982;
	background-image: url("../Images/flecheSsMenu.png");
	background-repeat: no-repeat;
	background-position: 25% 100%;
}

.subFMenu .liSb,.subFMenu .liSSb {
	padding: 10px;
	border-top: 1px solid rgb(158, 145, 136);
	color: black;
	height: 42px;
	font-size: 14px;
}

.bigBlue {
	color: rgb(38, 193, 243);
	font-size: 18px;
	font-weight: bold;
}

.bigRed {
	color: rgb(252, 73, 73);
	font-size: 18px;
	font-weight: bold;
}

.big {
	font-size: 16px;
	font-weight: bold;
}

.red {
	font-size: 16px;
	font-weight: bold;
	color: rgb(252, 73, 73);
}

.blue {
	color: #337ab7;
}

.red {
	font-size: 16px;
	font-weight: bold;
	color: rgb(252, 73, 73);
}

.subFMenu .liSb a {
	font-size: 14px;
}

.ssMenu li {
	list-style: none;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url("../Images/puce.png");
	background-position: 0% 50%;
}

.navbar-nav>li {
	padding: 2px 2px 0px 0px;
}

.navbar-nav>li a {
	height: 25px;
	padding: 4px 20px 0px 20px;
	color: #666666;
	font-size: 16px;
	font: normal 15px 'Proxima Nova', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.nav>li>a:hover,.nav>li>a:focus {
	background-color: transparent;
}

.subFMenu .liSSb {
	margin-left: 10px;
}

.buttonU {
	font-family: Allianz Sans, Arial, Helvetica, sans-serif;
	font-size: 120.01%;
	font-variant: small-caps;
	text-align: center;
	background-color: #EDF0EB;
	cursor: pointer;
	border: 1px solid #BACD4F;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #282751;
	font-weight: 700;
	-webkit-transition: 1.5s linear 0s;
	-moz-transition: 1.5s linear 0s;
	-o-transition: 1.5s linear 0s;
	transition: 1.5s linear 0s;
	-webkit-animation: pulse 3s linear infinite;
}

.buttonU:HOVER {
	background-color: #282751;
	color: #BACD4F;
	border: 1px solid #BACD4F;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
	transition: 0.5s linear 0s;
	-webkit-animation: pulse 1s linear infinite;
}

#loader {
	width: 764px;
	height: 400px;
	background-image: url("../Images/301.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#leftColumn,#centerColumn,#rightColumn {
	margin: 0px;
	padding: 0px;
	background-color: white;
	margin-top: 170px;
}

.liststyle {
	width: 25px;
}

#Header>div img,#Header>div {
	transition-property: all;
	transition-duration: .5s;
}

.scrollable #Header {
	height: 60px !IMPORTANT;
}

.pack {
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	text-align: center;
	background-color: white;
}

.devis {
	background-color: rgb(252, 73, 73);
	float: left;
	padding: 3%;
	color: white;
	width: 40%;
	margin: 5%;
	background-image: url("../Images/bgDev.png");
	background-size: contain;
	transition-property: all;
	transition-duration: .6s;
}

.devis:hover {
	background-image: url("../Images/topHeader.png");
	transition-property: all;
	transition-duration: .6s;
}

.contener2 {
	padding-top: 0px;
	background-image: url("../Images/catalogue_12.jpg");
	border-top: 2px solid #CFE1EF;
	margin-top: 20px;
	padding-top: 25px;
	margin-bottom: 35px;
	padding-bottom: 25px;
}

.pack img {
	max-width: 95%;
}

.devisF input[type=radio],.devisF  input[type=checkbox] {
	margin-left: 50px;
}

.devisF p {
	margin-left: 50px;
	margin-bottom: 0px;
}

.devisF input[type=text],.devisF input[type=email],.devisF input[type=tel],.devisF  select,.devisF  textarea,.devisF  input[type=checkbox],.devisF input[type=number]
	{
	width: 43%;
	float: right;
}

.headsl {
	padding: 25px;
	padding-top: 0px;
}

.devisOption {
	margin-left: 50px;
}

.detail {
	background-color: #2083C4;
	float: right;
	padding: 3%;
	color: white;
	width: 40%;
	margin: 5%;
	background-size: contain;
	background-image: url("../Images/topHeader.png");
	transition-property: all;
	transition-duration: .6s;
}

.detail:hover {
	background-image: url("../Images/bgDev.png");
	background-size: contain;
	transition-property: all;
	transition-duration: .6s;
}

.pack H4 {
	font-size: 22px;
	padding-top: 8px;
}

.price {
	background-color: #404A4F;
	margin-bottom: 10px;
	font-size: 18px;
	color: white !IMPORTANT;
}

.greater {
	font-size: 22px;
	font-weight: bold;
}

.pack h4 {
	background-image: url("../Images/catalogue_12.jpg");
	padding: 10px;
	margin: 0px;
}

.scrollable #Header .CenterC>img {
	width: 0px !IMPORTANT;
}

.liSSb a {
	font-size: 13px !IMPORTANT;
}

.scrollable #Header .CenterC #contact {
	margin-top: 10px;
}

.scrollable #Header .CenterC #Connexion img {
	height: 50px !IMPORTANT;
	position: relative !IMPORTANT;
	margin-top: 0px !IMPORTANT;
	float: left !IMPORTANT;
}

.scrollable #Header .CenterC #Connexion {
	width: auto;
}

.scrollable #Header .CenterC #Connexion #slogan {
	margin-top: 10px !IMPORTANT;
	float: left !IMPORTANT;
	margin-left: 150px;
}

div#Page {
	width: 100%;
	margin: 0px;
}

#switchTheme {
	position: absolute;
	top: -18px
}

#navCenter {
	max-width: 1150px;
	margin: 0 auto;
}

#Footer {
	background-image: url("../Images/topHeader.png");
	background-size: contain;
}

#inPur img {
	max-width: 163px;
}

.headl {
	color: #2083C4;
	font-size: 11px;
}

.Style3 {
	font-size: 13px;
	font-weight: bold;
}

#inPur h2 {
	margin: 0px;
	font-size: 110%;
	padding-top: 0px;
	color: #2083C4;
	text-align: center;
	padding-top: 0px;
}

#inPur p {
	padding: 10px;
}

#inPur {
	padding: 0px 2px;
	text-align: center;
}

#adminLog {
	right: 5px;
	top: 5px;
	border: 1px solid #BACD4F;
	width: 150px;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 999;
	padding: 7px;
	font-size: 12px;
	text-align: justify;
	position: fixed;
}

#adminLog a {
	color: black;
	text-decoration: none;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
	font-family: Tahoma;
	color: #666666;
	padding: 0;
}

.devisMobile {
	display: none;
}

@media screen and (max-width: 1150px) and (min-width: 751px) {
	.navbar-nav>li {
		width: 16%;
	}
	.navbar-nav {
		margin-left: 0px;
		width: 100%;
	}
	.navbar-nav>li a {
		font-size: 13px;
		padding: 4px 10px 0px 10px;
	}
	#mainI {
		width: 90px !important;  left: 0px;
	}
	.menutop li {
		padding: 6px 10px 7px !important;
	}
	.menutop li:FIRST-CHILD {padding: 2px 10px !important;
	}
	#Connexion {
		width: 570px;
	}
	#slogan {
		
	}
	.menutop {
		padding: 0;
	}

}

@media screen and (min-width: 751px) and (max-width: 966px) {
		.scrollable #Header .CenterC #Connexion #slogan {
  margin-top: -20px !IMPORTANT;
	}
}

@media screen and (max-width: 850px) and (min-width: 751px) {
	#nav {
		height: 58px;
	}
}

@media screen and (max-width: 750px) {
	#nav {
		height: auto;
	}
	.img100
	{
	width: 100% !IMPORTANT;
	margin: 15px 0px !IMPORTANT;
	}
	#Header {
		display: none;
	}
	.navbar-nav {
		margin: 0px;
	}
	.nav>li {
		display: block;
		width: 100%;
	}
	.menutop li {
		float: none !IMPORTANT;
	}
	#TopHeader {
		height: auto;
	}
	.deplier {
		display: inline-block !IMPORTANT;
	}
	#HeaderContener {
		position: inherit;
		height: auto;
		display: none;
		padding-top: 50px;
	}
	.subFMenu {
		display: block !IMPORTANT;
		position: inherit;
		width: 80%;
		margin-left: 20%;
	}
	#inPur img {
		max-width: 50% !IMPORTANT;
	}
	#MenuMobile {
		display: block !IMPORTANT;
		width: 100%;
		z-index: 9999;
		background-color: black;
		color: white;
		position: fixed;
		text-align: center;
		padding: 10px;
		cursor: pointer;
		font-weight: bold;
	}
	#leftColumn,#centerColumn,#rightColumn {
		margin-top: 50px;
	}
	.devisMobile {
		display: block;
	}
	.miniMview {
		display: none;
	}
	.devisAsk {
		display: none;
	}
	.devisMobile .devisAsk {
		display: block;
	}
	.devisAsk {
		position: inherit !IMPORTANT;
		width: 50% !IMPORTANT;
		margin-left: 25% !IMPORTANT;
	}
}