@font-face {
  font-family: Roboto_normal;
  src: url(../font/Roboto/Roboto-Medium.ttf);
}
@font-face {
  font-family: Roboto_regular;
  src: url(../font/Roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto_bold;
  src: url(../font/Roboto/Roboto-Bold.ttf);
}
html,
body {
  height: 100%;
}
.content-all {
  font-family: Roboto_normal;
  /* 
		All this stuff is for sticky footer 
		This is reserved for the div containing all the content	   
	*/
  min-height: 100%;
  margin-bottom: -285px;
  /* Size of the footer */
  /* End for sticky footer */
}
.content-all:after {
  height: 285px;
  /* Size of the footer */
  content: "";
  display: block;
}
.headline h1 {
  font-weight: bold;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4 {
  border-color: #800002;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-top-70 {
  margin-top: 70px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-top-90 {
  margin-top: 90px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-bottom-70 {
  margin-bottom: 70px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-bottom-90 {
  margin-bottom: 90px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-left-70 {
  margin-left: 70px;
}
.margin-left-80 {
  margin-left: 80px;
}
.margin-left-90 {
  margin-left: 90px;
}
.margin-left-100 {
  margin-left: 100px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-right-50 {
  margin-right: 50px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-right-70 {
  margin-right: 70px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-right-90 {
  margin-right: 90px;
}
.margin-right-100 {
  margin-right: 100px;
}
.text-center {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.div-center {
  display: block;
  margin: 0 auto;
}
.text-right {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-align: right;
}
.div-right {
  display: block;
  margin: 0 auto;
  margin-left: 100%;
}
.infos .content {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .infos .content {
    margin-left: 0;
  }
}
.infos .item {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.infos .item:hover {
  background: #006600;
}
.infos .item:hover * {
  color: white;
}
.infos .item:hover ul {
  color: white;
}
.infos .item .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.infos .item:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.infos .item .image {
  display: inline-block;
}
.infos .item .image img {
  height: 100px;
}
.infos ul {
  list-style-type: none;
  padding-left: 0;
}
.infos p,
.infos ul {
  margin-left: 20px;
}
.infos p:last-child {
  margin-bottom: -5px;
}
/* pour présenter une petite chose (icone tournante) */
.to-darker {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
}
.to-darker:hover {
  background: #006600;
}
.to-darker:hover * {
  color: white;
}
.to-darker:hover ul {
  color: white;
}
/* pour présenter une petite chose (icone tournante) */
.item-fa {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.item-fa:hover {
  background: #006600;
}
.item-fa:hover * {
  color: white;
}
.item-fa:hover ul {
  color: white;
}
.item-fa .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.item-fa:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.item-fa .image {
  display: inline-block;
}
.item-fa .image img {
  height: 100px;
}
/* Pour afficher les images */
.thumbnail {
  border: none;
  padding: 15px;
}
.thumbnail img {
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 3px solid #800002;
  -webkit-transition: all 0.3s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -ms-transition: all 0.3s ease;
  /* IE 9 */
  -o-transition: all 0.3s ease;
  /* Opera */
  transition: all 0.3s ease;
}
.thumbnail img:hover {
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.1);
  /* Firefox */
  -ms-transform: scale(1.1);
  /* IE 9 */
  -o-transform: scale(1.1);
  /* Opera */
  transform: scale(1.1);
  cursor: pointer;
  z-index: 10;
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}
.header .navbar-nav > li > a:hover,
.header .navbar-nav > .active > a {
  color: #800002;
  border-color: #800002;
}
.header .navbar-nav > .active > a {
  font-weight: bold;
}
.header .navbar-nav > li > a,
.header .navbar-nav > .active > a {
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
  -webkit-transition: border-color 0.4s ease;
  -moz-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
.header .logo {
  margin: 0 auto;
}
.header .logo img {
  height: 80px;
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: 90px;
}
.purchase {
  background-color: #006600;
  text-align: center;
  padding: 60px 0;
}
.purchase h1,
.purchase p {
  color: white;
}
.purchase h1 {
  font-size: 32px;
}
.purchase p {
  font-size: 15px;
}
.purchase .contact_number {
  margin-top: 20px;
}
.purchase .contact_number p {
  margin-bottom: 15px;
}
.purchase .contact_number div {
  width: 250px;
  background: #800002;
  box-shadow: 0 0 10px #800002;
  border-radius: 10px;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
.purchase .contact_number div h3 {
  color: white;
}
.purchase .contact_number div:hover {
  background: #9a0002;
}
.some-picture img {
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 3px solid #800002;
  -webkit-transition: all 0.3s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -ms-transition: all 0.3s ease;
  /* IE 9 */
  -o-transition: all 0.3s ease;
  /* Opera */
  transition: all 0.3s ease;
}
.some-picture img:hover {
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.1);
  /* Firefox */
  -ms-transform: scale(1.1);
  /* IE 9 */
  -o-transform: scale(1.1);
  /* Opera */
  transform: scale(1.1);
  cursor: pointer;
  z-index: 10;
}
.to-know .service {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.to-know .service:hover {
  background: #006600;
}
.to-know .service:hover * {
  color: white;
}
.to-know .service:hover ul {
  color: white;
}
.to-know .service .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.to-know .service:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.to-know .service .image {
  display: inline-block;
}
.to-know .service .image img {
  height: 100px;
}
.to-know .service:hover .desc h4 {
  color: #656565;
}
.to-know .service:hover .desc ul li {
  color: white;
}
.to-know .service:hover .desc ul li:before {
  color: white;
}
.to-know .service .desc ul {
  list-style: none;
  padding: 0;
  margin-left: 10px;
}
.to-know .service .desc ul li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.item {
  padding: 10px 15px;
}
.block-footer-logo {
  text-align: center;
}
.block-footer-logo .footer-logo {
  height: 80px;
  text-align: center;
}
.footer-v1 .footer {
  background-color: #006600;
}
.contact-mail {
  color: white;
}
.contact-mail:hover {
  color: white;
  text-decoration: underline;
}
.contact .content {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .contact .content {
    margin-left: 0;
  }
}
.contact .item {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.contact .item:hover {
  background: #006600;
}
.contact .item:hover * {
  color: white;
}
.contact .item:hover ul {
  color: white;
}
.contact .item .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.contact .item:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.contact .item .image {
  display: inline-block;
}
.contact .item .image img {
  height: 100px;
}
.contact ul {
  list-style-type: none;
  padding-left: 0;
}
.contact p,
.contact ul {
  margin-left: 20px;
}
.contact p:last-child {
  margin-bottom: -5px;
}
.contact .content {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .contact .content {
    margin-left: 0;
  }
}
.contact .item {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.contact .item:hover {
  background: #006600;
}
.contact .item:hover * {
  color: white;
}
.contact .item:hover ul {
  color: white;
}
.contact .item .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.contact .item:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.contact .item .image {
  display: inline-block;
}
.contact .item .image img {
  height: 100px;
}
.contact ul {
  list-style-type: none;
  padding-left: 0;
}
.contact p,
.contact ul {
  margin-left: 20px;
}
.contact p:last-child {
  margin-bottom: -5px;
}
.infos .content {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .infos .content {
    margin-left: 0;
  }
}
.infos .item {
  background: rgba(0, 102, 0, 0.4);
  box-shadow: 0 0 5px #dddddd;
  border: 3px solid #800002;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
  margin-bottom: 20px;
  border: none;
}
.infos .item:hover {
  background: #006600;
}
.infos .item:hover * {
  color: white;
}
.infos .item:hover ul {
  color: white;
}
.infos .item .fa-rotate {
  -webkit-transition: all 0.7s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.7s ease;
  /* Firefox */
  -ms-transition: all 0.7s ease;
  /* IE 9 */
  -o-transition: all 0.7s ease;
  /* Opera */
  transition: all 0.7s ease;
}
.infos .item:hover .fa-rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.infos .item .image {
  display: inline-block;
}
.infos .item .image img {
  height: 100px;
}
.infos ul {
  list-style-type: none;
  padding-left: 0;
}
.infos p,
.infos ul {
  margin-left: 20px;
}
.infos p:last-child {
  margin-bottom: -5px;
}
.galerie .images .thumbnail {
  border: none;
  padding: 15px;
}
.galerie .images .thumbnail img {
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 3px solid #800002;
  -webkit-transition: all 0.3s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -ms-transition: all 0.3s ease;
  /* IE 9 */
  -o-transition: all 0.3s ease;
  /* Opera */
  transition: all 0.3s ease;
}
.galerie .images .thumbnail img:hover {
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1.1);
  /* Firefox */
  -ms-transform: scale(1.1);
  /* IE 9 */
  -o-transform: scale(1.1);
  /* Opera */
  transform: scale(1.1);
  cursor: pointer;
  z-index: 10;
}
.form-login {
  box-shadow: 0 0 5px #ffffff;
}
.form-login .reg-page .form-control:hover {
  box-shadow: 0 0 1px #009900;
  border-color: #009900;
}
.form-login .reg-page .form-control:focus {
  box-shadow: 0 0 5px #006600;
  border-color: #006600;
}
.form-login hr {
  border-color: #dddddd;
}
.form-login .alone-input-group {
  width: 100%;
}
.form-login .info {
  font-style: italic;
}
.actions ul {
  margin-left: 30px;
}
.actions ul li {
  font-size: 18px;
  margin-bottom: 10px;
}
.price-list .pages .title_pages {
  display: inline-block;
}
.price-list .table .libelle {
  width: 350px;
}
.price-list .table .prix {
  width: 80px;
}
.price-list .table .to-cart input[type="text"] {
  width: 30px;
}
.cart .table .nom {
  width: 70%;
}
.cart .table .prix {
  width: 15%;
}
.cart .table td.prix {
  text-align: right;
}
.cart .table .qtn {
  width: 10%;
}
.cart .table .qtn input {
  width: 30px;
}
.cart .table .actions {
  width: 10%;
}
.cart .actions .btn-u {
  margin-left: 10px;
}
.admin-commandes .commande h3 {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}
.admin-commandes .commande h3:hover {
  cursor: pointer;
}