body {
	/*width: 980px;*/
    /*background: url('../images/fond_sorea.jpg') fixed no-repeat;*/
    /* background-size: 100%;
	width: 100%;
	margin-bottom:80px; */
	overflow-x: hidden;
	font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:80px;
	}

.row_header {	
	background-color: #231f20;
}

.row_footer {	
	/* background-color: #222; */
	/* margin-bottom:80px; */
}

.text-muted {
  color: #777777;
}
.navbar-custom {
  background-color: #222222;
  border-color: transparent;
}
.navbar-custom .navbar-brand {
  color: #cc0000;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #a51818;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
  background-color: #cc0000;
  border-color: #cc0000;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #cc0000;
}
.navbar-custom .nav li a {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  color: white;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #cc0000;
  outline: none;
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
  background-color: #cc0000;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #a51818;
}


@media (min-width: 768px) {
  .navbar-custom {
    /*background-color: transparent;*/
    padding: 2px;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 0px;
  }
}

.btn-flag {
	width: 50px;
	height: 34px;
}

.txt-white {color: white;}
.mnu-sorea {padding: 0 30px;}
.jumbotron-sorea {background-color: #fff;}
.fond_art {background: url('../img/logo_ombre.png') no-repeat top left, url('../img/pieces.png') no-repeat bottom left; padding: 20px 0px;}

 
.btn-pieces {
	/*width: 100px;
	height: 35px;*/
	color: #000;
	/*background-color: #C8102E;
	border-bottom:2px solid #C8102E;*/
	background-color: #f0f0f0;
	border-bottom:2px solid #f0f0f0;
}

.btn-pieces:hover, .btn-pieces:focus, .open>.dropdown-toggle.btn-pieces {
color: #000;
background-color: #bcd2d0;
border-bottom:2px solid #bcd2d0;
outline: none;}


.btn-pieces:active, .btn-pieces.active {
color: #000;
background-color: #f0f0f0;
border-top:2px solid #f0f0f0;
margin-top: 2px;
}


---------------------------------------------------------------------------------

.btn-primary {
  color: white;
  background-color: #cc0000;
  border-color: #cc0000;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}


.btn-primary .badge {
  color: #cc0000;
  background-color: white;
}
.btn-xl {
  color: white;
  background-color: #cc0000;
  border-color: #cc0000;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}

.btn-xl-alert {
	/* color: white; */
	background-color: grey;
	border-color: grey;
	color: white;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 3px;
	font-size: 18px;
	padding: 20px 40px;
}


section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}
section h3.section-subheading {
  font-size: 16px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 75px;
}

.service-heading {
  margin: 15px 0;
  text-transform: none;
}


section#contact {
  background-color: white;
  background-image: url('../img/logo_ombre.png');
  padding: 20px 0px;
  background-position: center;
  background-repeat: no-repeat;
}
section#contact .section-heading {
  color: white;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
  height: auto;
}
section#contact .form-group textarea.form-control {
  height: 545px;
}
section#contact .form-control:focus {
  border-color: #cc0000;
  box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999999;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color:#999999;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color:#999999;
}
section#contact :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #999999;
}
section#contact .text-danger {
  color: #e74c3c;
}

.map_image{

}

.map_image svg{
	height: 850px;
}

/*.map_image path{
	fill: #8b9dc3;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;
}*/

.map_image path.RHONE{
	fill: #00ffff;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}


.map_image path.ALSACE{
	fill: #009246;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.MOSELLE{
	fill:  #ce2b37;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.ARDENNES{
	fill: #7bcfd6;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.COTE{
	fill: #a7e7fe;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.DOUBS{
	fill:  	#154f69;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.AIX{
	fill: #0bff01;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.ALLIER{
	fill: #a9c5fe;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.HERAULT{
	fill: #ff00ff;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}


.map_image path.ARIEGE{
	fill:  	#4da1bd;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}


.map_image path.CHER{
	fill: #4da1bd;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}


.map_image path.GIRONDE{
	fill:  	#154f69;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.CORREZE{
	fill:  	#7d76a6;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.AMOR{
	fill: #336e9a;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.ATLANTIQUE{
	fill:  	#ff9223;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.CALVADOS{
	fill: #a200ff;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.CHARENTE{
	fill: #d2aadd;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.NORD{
	fill: #1ba1e2;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.AISNE{
	fill:  	#f2f2f2;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.CORSE{
	fill: #8b9dc3;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image path.PARIS{
	fill: #fff73f;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;	
}

.map_image .is-active path{

	fill:  	#3b5998;
}

.map_list{

 
}

.map_list a{
	color: inherit;
	text-decoration: none;
	transition: color 0.3s;
}

.map_list a.is-active{
	color: #3b5998;
	font-weight: bold;
	text-decoration: underline;
}



/*
	LES TEACHERS DU NET
	Created by Honoré Hounwanou
	@ www.youtube.com/hounwanou1993
	@ www.facebook.com/honore.hounwanou
	All rights reserved
	* Date: September 06, 2013
*------------------------------------------------------------------------------------------------*/

/* STYLISATION DE BARRE */
.containe .bar{
	font-size: 20px;
	width: 200px;
	height: 25px;
	border: 3px solid #eaeaea;
	margin: 100px auto;
	border-radius: 7px;
	position: relative;
	background: rgba(255,255,255,0.6);
	margin-top: 100px;
}


/* RAJOUT DU PETIT TEXTE EXPLICATIF "Loading...*/
.containe .bar:after{
	content: "Loading...";
	font-family: Verdana;
	position: absolute;
	left: 25%;
	top: 150%;
}


/* STYLISATION DE NOTRE FAMEUSE SPHERE (BOULE lol) */
.containe .bar .sphere{
	display: block;
	width: 24px;
	height: 100%;
	background: #eaeaea;
	border-radius: 50%;
	-moz-animation: slide 1.75s infinite ease-in-out alternate;
	-webkit-animation: slide 1.75s infinite ease-in-out alternate;
	-ms-animation: slide 1.75s infinite ease-in-out alternate;
	-o-animation: slide 1.75s infinite ease-in-out alternate;
	animation: slide 1.75s infinite ease-in-out alternate;
}


/* Utilisation des keyframes pour la gestion de l'animation */
@-moz-keyframes slide{
	to { margin-left: 90%; }
}

@-webkit-keyframes slide{
	to { margin-left: 90%; }
}

@-ms-keyframes slide{
	to { margin-left: 90%; }
}

@-o-keyframes slide{
	to { margin-left: 90%; }
}

@keyframes slide{
	to { margin-left: 90%; }
}


/* END OF STYLIZATION :) ****************************************************************************/

#contento{
	display: none;
}


h2.bg-success{
    padding: 15px;
}

.required-lbl{
    color: red;
}

label[for="billinginformation"]{
    display: inline;
    float: left;
    margin:0px 45px 0px 0px;
}

.card-expiry{
    padding-left: 0px;
}

.confirm-btn{
    float:right;
}

.bg-primary{
    padding: 10px;
}

label{
    margin-bottom :0px;
}
h4.uppercase {
    text-transform: uppercase;
}

h4.lowercase {
    text-transform: lowercase;
}

h4.capitalize {
    text-transform: capitalize;
}

/* Texte défilant */

.defileParent {
	display: block;
	margin: 2em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 1500px;
	font-size : 40px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:50px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
.defileParent {
	display: block;
	margin: 1em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.defile {
	display:block;
	-webkit-animation:linear marqueelike 15s infinite ;
	-moz-animation:linear marqueelike 15s infinite ;
	-o-animation:linear marqueelike 15s infinite ;
	-ms-animation:linear marqueelike 15s infinite ;
	animation:linear marqueelike 15s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:50px;
}
}
.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: white;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}
-------------------------------------------------
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

/*********************************************
    			Call Bootstrap
*********************************************/

/* @import url("bootstrap/bootstrap.min.css"); */
/* @import url("bootstrap-override.css"); */
/* @import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"); */

/*********************************************
        		Theme Elements
*********************************************/

.gold{
	color: #FFBF00;
}

/*********************************************
					PRODUCTS
*********************************************/

.product{
	border: 1px solid #dddddd;
	height: 321px;
}

.product>img{
	max-width: 230px;

}

.product-rating{
	font-size: 20px;
	margin-bottom: 25px;
}

.product-title{
	font-size: 20px;
	text-transform: uppercase;
}

.product-desc{
	font-size: 14px;
}

.product-price{
	font-size: 22px;
}

.product-stock{
	color: #74DF00;
	font-size: 20px;
	margin-top: 10px;
}

.product-info{
		margin-top: 50px;
}

.product-jumbroton{
	background: black;
}

/*********************************************
					VIEW
*********************************************/

.content-wrapper {
	max-width: 1140px;
	background: #fff;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
	border: 0px;
	border-radius: 0px;
}

.containers-fluid{
	max-width: 1140px;
	margin: 0 auto;
}

.view-wrapper {
	float: right;
	max-width: 70%;
	margin-top: 25px;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
}

/*********************************************
				ITEM 
*********************************************/

.service1-items {
	padding: 0px 0 0px 0;
	float: left;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: 321px;
	width: 130px;
}

.service1-item {
	height: 80px;
	width: 120px;
	display: block;
	float: left;
	position: relative;
	padding-right: 20px;
	border-right: 1px solid #DDD;
	/* border-top: 1px solid #DDD; */
	/* border-bottom: 1px solid #DDD; */
}

.service1-item > img {
	max-height: 110px;
	max-width: 110px;
	opacity: 0.6;
	transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.service1-item > img:hover {
	cursor: pointer;
	opacity: 1;
}

.service-image-left {
	/* padding-right: 50px; */
}

.service-image-right {
	padding-left: 50px;
}

.service-image-left > center > img,.service-image-right > center > img{
	max-height: 155px;
}

.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}


/* HIDE RADIO */
.hiddenradio [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.hiddenradio [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.hiddenradio [type=radio]:checked + img {
  outline: 2px solid #c91d12;
}

/* CHECKED STYLES */
.btn-hiddenradio [type=radio]:unchecked + img {
  outline: 2px solid #008000;
}