/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:500,700);
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i')
@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic:700);*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu);



body{
	font-size: 11px ;	
	/*font-family:  helvetica,verdana,arial;	
	font-family: 'Noto Sans', sans-serif;*/
	/*font-family: 'Roboto', helvetica,verdana,arial, sans-serif;*/
	font-family: 'akrobat', Arial, Helvetica, sans-serif;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	background:  ;
	margin-top:0;	
}
.ajax-loader2{
	background-image:url("../images/overlay-jaun.gif"); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
	height: 50px;
	width: 100%;		
}

#SousMenuTopDroit img{
	height: 20px;	
}

#overlayloader{  
	/*display:none;*/
	background:
	rgba(0,0,0,0.65);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1100;
}
.ajax-loader{
  background: rgba(0,0,0,0.65);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;  
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid  ;
  width: 240px;
  height: 240px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.MessageBox div {
  padding: 50px;
  margin-top: 15%;
  margin-left: 15%;
  margin-right: 15%;  
  border: 1px solid #e1e1e1;
  background-color: #f9f9f9;
  border-radius: 4px;
  font-weight: 500;
  font-size:1.8em;
  line-height: 1.8em;  
  
}
.MessageBox {
  position: fixed; /* Sit on top of the page content */  
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7); /* Black background with opacity */
  z-index: 99; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.BackgroundRouge{
	background: red !important;
}



.TexteRouge{
	font-size: 1.2em ;
	color: red;	
}

.TexteBlanc{
	font-size: 1.2em ;
	color: #FFFFFF;	
}
.TexteJaune{	
	color: ;
}
.TextePetit{
	font-size: 0.8em ;	
}
.TexteMoyen{
	font-size: 1.2em ;	
}
.TexteGrand{
	font-size: 2em ;	
}
.TexteGras{
	font-weight: bold ;	
}
.MessageRouge{
	color: red;
	/*text-shadow: 1px 1px #000000*/;
	font-size: 2em;
	margin:10px;
	
}
.MessageBlanc{
	color: white;
	/*text-shadow: 1px 1px #000000*/;
	font-size: 2em;
	margin:10px;
	
}

.bodyRecherche, .bodyAccount{
	background:  ;		
	border-radius:0px 0px 15px 15px;
    box-shadow:5px 5px 5px rgba(0,0,0,0.15);	
}

a, a:link, a:visited, a:active{
	text-decoration:none;
	color:inherit;
}

img {border: none; }

h1,h2,h3,h4,.titrestandard{
	color: ;  
	/*text-shadow: 1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	/*filter:DropShadow(Color=#000000, OffX=1, OffY=1);*/
}


::-webkit-input-placeholder {    
    opacity: 0.4 !important; /* for older chrome versions. may no longer apply. */
}

:-moz-placeholder { /* Firefox 18- */    
    opacity: 0.4 !important;
}

::-moz-placeholder {  /* Firefox 19+ */    
    opacity: 0.4 !important;
}


.wrapper{
	margin-top:5px;
}

.TableRecherche{
	padding:10px;
	background:;
	border-radius:0px 0px 15px 15px; 
}
.InlineCenter{
	display: inline-block;
	text-align:center;
	vertical-align:top;
	padding-right:5px;
	min-width: 100px;
}
#wrapperRecherche2{
	display:none;
}

label{
	font-size:1.2em;	
	font-weight: bold;	
}


.filter_head {
	color: ;
	font-size:16px; 
	padding: 5px 10px 20px;
    cursor: pointer;
    margin:1px;	
	border-radius:15px 0px 15px 0px;
	/*text-shadow: 1px 1px #000000;	*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	
}

.filter_head.active {
	background:; 
	/*text-decoration:underline;*/
	/*text-shadow: 1px 1px #000000;	*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	
}

.filter_head.active .filter_image {
	background-image: url(../images/panel_up.png); 
}

.filter_image {
	background-image: url(../images/panel_down.png); 
	width:20px;
	height:20px;
	float:left;
	display:inline-block;	
	margin-right:10px;
	
}

.filter_head:hover{
	background:; 
	cursor: pointer;
	cursor: hand;
	opacity: 0.8;
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}
.filter_head img{
	height:30px;
	margin-left:5px;
	margin-right:5px;
}

.filter_body{
	display:none;
	/*text-shadow: 1px 1px #000000;	*/
	margin:2px;
}	

.filter_body table{	
	/*text-shadow: 0px 0px #000000;	*/
}	



#tab6 ul {
 list-style-image: url(../images/wrench.png);
 
}

#calendrierPromotion {
	list-style-image: url(../images/calendar.png);		
	margin: 30px;		
}
#calendrierPromotion li{
	padding: 5px;
}

#calendrierPromotion a{
	font-size: 14px;
	color:;
	text-decoration:none;
	/*text-shadow: 1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}


#tab6 a{
	font-size: 14px;
	color: ;  
	/*text-shadow: 1px 1px #000000*/;
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}

.dateretour{
	display:inline-block;	

}
.dateretour img{
	cursor:pointer;
	cursor:hand;
	margin-right: 3px;
	
}




/****************************** CSS pour ONGLET dans page de recherche *************************************/			
/*----- Tabs -----*/
.tabs {
    
    display:inline-block;
	margin-bottom: -15px;
	width:100%;
	margin-left: -40px ;
	margin-right: 0px;	
	
	
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 1px;
        float:left;
        list-style:none;		
    }
 
	.tab-links a {
		padding:6px 10px;
		display:inline-block;
		/*border-radius:15px 0px 0px 0px;*/
	   /* background:#7FB5DA;*/
		font-size:12px;
		font-weight:700;
		color:;
		/*text-shadow: 1px 1px #000;*/
		opacity:0.8;
	}
 
	.tab-links a:hover {
		/*background:#a7cce5;
		background:;*/
		background:rgba(4, 31, 67, 0.2);/*#06356f;*/
		
		text-decoration:none;
		opacity:1;
	}
 
    li.active a, li.active a:hover {
        /*background:#fff;
		background:;*/
		background:rgba(4, 31, 67, 0.2);
        /*color:#000;*/
		opacity:1;
		text-decoration:underline;
		opacity:1;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
		
        /*padding:15px;*/
        /*border-radius:5px;*/
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        /*background:#fff;
		background:;*/
    }
 
	.tab {
		background:rgba(4, 31, 67, 0.2);
		padding:15px;
		display:none;		
	}

	.tab.active {
		
		display:block;
	}
	.admintab{
		background:rgba(4, 31, 67, 0.2);
		padding-top:25px;
	}

	.tab label{
		font-size:12px;
		color: #FFF;	
	}
/***********************************************************************************************/	

#tirelink{
	float:right;		
}
#tirelinkwrapper{
	position:absolute;
	height:30px;	
	top:48px;
	right:120px;
	width:75px;
	
}

#TitreCompagnie{
  margin: auto;
  width: 80%;
  font-size: 16px ;
  font-weight: 700;
  color:#FFFFFF;
  text-align:center;
  padding:20px;
}

#Telephonewrapper{
	position:absolute;
	height:50px;	
	top:60px;
	right:10px;
	min-width:210px;
	width:20%;
	font-size: 12px ;
	font-weight: 700;
	color:#FFFFFF;
	margin:10px;
}
#Telephonewrapper table{	
	font-size: 1.1em ;
	font-weight: 700;
	color:#FFFFFF;
}


#footer{	
	background:#FFFFFF;
	position:fixed; 
	bottom:0px;
	width:100%;	
	//margin-bottom:10px;
	//border-top: 5px solid red;
	opacity: 0.8;

}
#footer img{
 float:right;
 padding-right:100px;
 padding-top:5px;
 height:40px;
}


#scrolling_banner{rrrr
	color: #FFFFFF;
	font-size: 16px ;
	font-weight: 700;
	padding:20px;
}

.OptionBoxContainer{		
	width:1000px;
	margin-left: auto;
	margin-right: auto;	
}
.OptionBoxOptions{	
	display:inline-block;
	vertical-align: top;
	width: 230px;
	margin-left: 20px;
	margin-top:20px;
	border-style: solid;
	border-width:1px;
	padding-top: 30px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 30px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.15);
	border-radius:15px 0px 15px 0px;	
	background:#F5F5F5	;	
}
.OptionBoxOptions button{
	width:210px;	
	margin-top:10px;
	
	
}
.OptionBoxOptions img{
	padding-right:10px;
	float:left;
}
.OptionBoxOptions .BoutonProceder{
	margin-top:100px;
	
}


#InsererRemisagePage, #RetourRemisagePage, .RemisagePage{
	display:inline-block;
	vertical-align: top;
	background:#FFFFFF;background-color:#FFFFFF;
	width:700px;		
	padding:10px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top:20px;	
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;box-shadow:10px 10px 10px rgba(0,0,0,0.15);
	
}
.RemisagePage table{
	font-size:12px;
}
#RetourRemisagePage{
	font-size:1.4em;	
}

.TitreOEM{
	/*font-size:1.2em;*/
	/*font-weight:bold;*/
	padding-bottom:10px;
	padding-left:10px;
}
.ContainerOEM{
	display:inline-block;
	width:280px;
	vertical-align: text-top;
	margin-top:-40px;
}

.ContainerOEM div{
	display:block;		
}

.ContainerOEM div hr{
	color:#fff;
}
.Pair{
	/*font-weight:bold;*/
	background: ;
	border-bottom: 1px solid #DDE0E7;
}
.Impair{
	background: ;
	border-bottom: 1px solid #DDE0E7;
}

.indentation20{
	padding-left:20px;
	padding-top:20px;
}

.TitreFonce{
	/*font-size:1.2em;*/
	font-weight:bold;
	padding-bottom:10px;
	padding-right:5px;
}

.titreblancGros{
	font-size: 16px ;
	color: #FFFFFF;	
	/*text-shadow:  1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	margin:5px;
	padding-top:10px;
	font-weight:bold;
}

.titreblanc{
	font-size: 12px ;
	color: #FFFFFF;	
	/*text-shadow:  1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	margin:5px;
	padding-top:10px;
	font-weight:bold;
}
.titrejaune {
	font-size: 12px ;
	color: ;
	/*text-shadow:  1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	
}


.TitreOEM{
	color: #ADFF2F;
	font-weight: 700;
	font-size: 1.2em ;
	text-shadow:  1px 1px #000;	
}

.encadrenoir{
	font-size: 14px ;
	background: ;
	color: ;
	text-shadow:  1px 1px #000;
	
	font-weight: 700;
	padding:8px;
	/*padding-left:8px;
	padding-right:5px;*/
    box-shadow:5px 5px 5px rgba(0,0,0,0.15);
	border-radius:15px 0px 15px 0px;	
}



.TitreTiers{
	/*background: ;
	background: #E8E8E8 ;*/	
	padding-left:170px;
	padding-top:9px;
	padding-bottom:9px;	
}
.TitreManufacturier{
	background: #FFF;
	padding-top:20px;
	padding-bottom:10px;
	vertical-align:middle;
	padding-left:10px;
	font-weight: 700;
	font-size: 1.5em ;	
	color: #333;
	/*text-shadow:  1px 1px #EFEFEF;*/
	/*box-shadow: 0 0 10px 1px ;	*/
}
.TitreManufacturierCart{
	background:inherit;
	color: #333;	
	/*margin-top:10px;*/	
}
.TitreManufacturierCart img{
	padding-right:10px;
}
.TitreManufacturier img{
	/*height:30px;	*/
	vertical-align:bottom;		
}
.ConfirmAccount:not(:checked){
	background: red;
	height: 24px;
    width: 24px;	
	border: 1px;
	border-style: outset;
	border-width: 2px;
	border-color: #000000;
	-webkit-appearance: none;
    -moz-appearance: none;
}


#heading1{
	
    height: 3px; /* Firefox... */	
    box-shadow: 0 0 12px 1px ;
	background:;
}

#heading2{
	position:relative;
	padding-top:+10px;
	height:1px;
	background:#000;
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.25), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.25), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.25), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0.25), rgba(0,0,0,0.75), rgba(0,0,0,0));	
}



#MenuContainer{
	background:  ;
	z-index: 99;
}



.hideobject{
	display:none;
}
.showobject{
	display:inline-block;
}



#FilterOnTopPage, #InfoCommandeDiv{
	margin-bottom: 15px;
	background:;
	padding: 20px 5px 5px 5px;
	font-size:1.2em;
	font-weight:bold;
	color:;
	/*text-shadow:  1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	box-shadow:5px 5px 5px rgba(0,0,0,0.15);
	/*border-radius:0px 0px 15px 0px;*/
	width:98%;
}
#FilterOnTopPage div{
	margin-bottom: 30px;
}
Table{
	border-color:#777;
	border-color:#000;
}


/*--------------------SORTABLE TABLE STYLES-------------------------*/


.sortable{
	background-color:#FFFFFF;
	border-spacing:0px;
	margin-top:5px;
	margin-bottom:20px;
	border: 1px solid #ddd;
	/*outline-style: solid;
	outline-color: #444444;*/
	border-bottom: 5px solid #444444;
	
}

.sortable th.descend{
	background-image:url(../images/arrow_up5.jpg);
	
}
.sortable th.ascend{
	background-image:url(../images/arrow_down5.jpg);
	
}


.sortable th{
	
	background-position: 95% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	padding: 6px 15px 6px 6px;
	background-color:;
	color:#FFF;
	/*text-shadow:  1px 1px #000000;*/
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	border: 0px solid #ddd;
	border-bottom: 5px solid #444444;
	text-transform: uppercase;
	text-align:center;
	vertical-align: middle;
}
.sortable .PanierAchat{
	background-color:#FBEC45;	
}
.sortable .PanierAchat input{
	height: 25x;
}


.sortable th:hover{
	color:;		
	background-color:;
	cursor: pointer;
	cursor: hand;
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);

}
.sortable td{  
  font-size: 12px;
  border: 1px solid #ddd;  
}
.sortable tr:nth-child(even) { background: }
.sortable tr:nth-child(odd)  { background: }
.sortable tr.staggered1 { background: }
.sortable tr.staggered2 { background: }

.sortable img{
  max-height:45px;
}
/******************************************************************************/

/*
#ProduitsVedette tr:nth-child(even) {background: }
#ProduitsVedette tr:nth-child(odd) {background: }
#ProduitsVedette th {background-color:#444;}*/
*/
/*
#Best tr:nth-child(even){background: #2D97CF}
#Best tr:nth-child(odd) {background: #74C4EF}
#Best tr.staggered1 {background: #2D97CF}
#Best tr.staggered2 {background: #74C4EF}
#Best th {background: #2D97CF}
#Better tr:nth-child(even) {background: #35C8CF}
#Better tr:nth-child(odd) {background: #A2D6D9}
#Better tr.staggered1 {background: #35C8CF}
#Better tr.staggered2 {background: #A2D6D9}
#Better th {background: #35C8CF}
#Good tr:nth-child(even) {background: #0BCD96}
#Good tr:nth-child(odd) {background: #70D9BA}
#Good tr.staggered1 {background: #0BCD96}
#Good tr.staggered2 {background: #70D9BA}
#Good th {background: #0BCD96}
*/

.CompteNational th {background: #D37C7E; background-position: 95% 50%;	background-repeat:no-repeat;}
.CompteNational tr:nth-child(even){background: #D37C7E}
.CompteNational tr:nth-child(odd) {background: #ECC0C1}
.CompteNational tr.staggered1 {background: #2D97CF}
.CompteNational tr.staggered2 {background: #74C4EF}





.ResultatRechercheContainer{
	display:none;
}
.ResultatRechercheContainer.active{
	display:inline;
}

.ResultatRechercheTitreContainer {
  margin-top:5px;
  width: 100%;  
  display: inline-block;
  height: 50px; 
  line-height:50px;
  position: relative;
  background-color:;
  color:#FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  
  /*border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  /*text-shadow:0px 1px 0px rgba(255,255,255,0.5);*/
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

/*
.ResultatRechercheTitreContainer.Good {
  background: #0BCD96;
}

.ResultatRechercheTitreContainer.Better {
  background: #35C8CF;
}

.ResultatRechercheTitreContainer.Best {
  background: #2D97CF;
}
.ResultatRechercheTitreContainer.ProduitsVedette {
  background: #444;
}

*/



.ResultatRechercheTitreContainer div{
	display:inline-block;	
	height:50px;
	vertical-align:top;
}

.Expand {
  padding: 0;
  font-size: 32px;
  padding-left:3px;
  padding-right:3px;
  text-align:center;  
  width: 50px;
  background-color:rgba(0,0,0,0.5);
  /*
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;*/
border-right: 1px solid  rgba(0,0,0,0.15);
}


.Expand:hover, .Expand.active {   
  background-color:;
  background-color:#000000;
  border-right: 1px solid  rgba(0,0,0,0.3);
  cursor: pointer;
  cursor: hand;
}
.ResultatRechercheTitreGauche{
	width:25%;
}

.ResultatRechercheTitreCentre{
	width:50%;
	color:;
	/*text-shadow:  1px 1px #000000;*/
	font-size: 32px;	
	/*font-family: 'Gentium Book Basic', serif;*/
	vertical-align:center;
	text-align:center;
	
}
.ResultatRechercheTitreDroite{	
	width:25%;
	background-image: url('../images/5starrating.png');
    background-repeat: no-repeat;
    background-attachment: local;   	
}
.TitreProduitsVedetteIMG{
	background-image: url('../images/ThumbsUp.png');
	background-position: 95% 0px;
	
}
.TitreGoodIMG{		 				
	background-position: 100% -115px;
	
}
.TitreBetterIMG{
	background-position: 100% -62px;
	
}
.TitreBestIMG{
	background-position: 100% 0px;	
}
.TitreUnclassifiedIMG{
	background-image: url('../images/unclassified.png');
	background-position: 95% 0px;
}
.TitreCentre{
	width:100%;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	
}

.styled-select select {
   /*background: transparent;*/
   width: 500px;
   /*padding: 5px;*/
   margin: 5px;
   font-size: 24px;
   /*line-height: 3;*/
   border: 1;
   border-radius: 0;
   height: 50px;
   -webkit-appearance: none;
   }

input:focus { 
    outline: none !important;
    border-color: ;
    box-shadow: 0 0 10px ;
 }

input[type="radio"] {
	padding:10px;
	margin: 10px;	
	width: 20px;
	height: 20px;	
}
input[type="radio"]:hover {
	cursor: pointer;
	cursor: hand;
}
input[type="checkbox"] {
	width: 20px;
	height: 20px;
	
}

input[type="checkbox"]:hover, .CursorHover:hover {
	cursor: pointer;
	cursor: hand;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus { 
    background-color: #FFFF00;
}
textarea { overflow: auto; }


input[type=button]:hover, input[type=submit]:hover, button:hover,.myClickedbutton  { 
	color:; 
	background:;	
	/*background:#005a9c;*/
	/*opacity: 0.8;*/
	/*border-style:none;*/
	cursor: hand;
 }
 
 .BoutonSpecial{
	background:red;
	 
 }
 
 
 .SmallButton {
	font-size:10px ;
	padding:0px 2px 0px 2px;	
 }
 
 .myClickedbutton  { 
	opacity: 1.0;
 }
 
 

.myDefaultbutton{ 
	color:; 
	background:; 
	font-size:14px ;
	font-weight: bold;
	/*text-shadow: 1px 1px #000000*/;
	/* For IE 5.5 - 7 */	
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	
	
	 moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid ;

	-webkit-box-shadow: #000000 2px 2px 2px;
	-moz-box-shadow: #000000 2px 2px 2px;
	box-shadow: #000000 2px 2px 2px;
	
	
	
  

} 
a input[type=button] { 
	color:#333; 
	background:#999; 
} 
a:active input[type=button] { 
	color:#666; 
	background:#ccc; 
} 





#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.LabelFixWidth{	
	width:225px;
	display: inline-block;
	color: #FFFFFF;
}
.tabletrhover tbody tr:hover, .catalogue:hover, .catalogue.active {					
                background-color:;	
                cursor: pointer;
				cursor: hand;
				
}

.spacer{

	height:400px;
}


.spacer5{
	height:5px;
}
.spacer15{
	height:15px;
}
.spacer50{
	height:50px;
}
.spacer100{
	height:100px;
}
.spacer200{
	height:200px;
}

.Marginleft20{
	margin-left: 20px;
}

           

#tinybox {
	position:absolute;
	display:none;
	padding:10px;
	background:#fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
	border:10px solid #e3e3e3; z-index:2000
}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}			

.TitreClient{
	background:#c0c0c0;
	margin-top:10px;
	margin-bottom:10px;
}

.AfficherSoumissionActive #InfoClient{	
	display:inline-block;	
	font-weight: bold;
	font-size:1.3em;
	position:relative;	
	width:300px;
	vertical-align:top;
}
.AfficherSoumissionActive #InfoSoumission{
	display:inline-block;	
	width:600px;
	font-weight: bold;
	font-size:1.3em;
	text-align:left;	
	position:relative;			
	vertical-align:top;
}
.AfficherSoumissionActive #InfoSoumission label{
	font-weight: normal;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
	width:120px;
}



.AffichageSoumission{	
	background:;
	margin-top:50px;
	padding-bottom:50px;
	max-width:1200px;
	min-width:900px;
	height:auto;	
	color:#FFFFFF;
}
.AffichageSoumission th{
	color:;
	font-weight: bold;				
}
.AffichageSoumission div{
	/*display:inline-block;
	margin-right:40px;
	padding:10px;*/
}
#Total{	
	float:right;
	color:#000;
	box-shadow:5px 5px 5px rgba(0,0,0,0.15);
	border-radius:15px 0px 15px 0px;	
	background:#CCCCCC;	
	padding:3px;	
	display:inline-block;						
	margin-top:10px;
	width:240px;
	padding-bottom:10px;
	
	
}
.BoutonAction button{	
	margin-top:10px;	
	width:300px;
}
.BoutonAction button img{	
	padding-right:5px;
	float:left;
}
.BoutonAction{
	display:inline-block;
	margin-top:20px;
}
#BoutonActionImpressionSoumission{ 
	position: fixed;
	top: 30px;
	right: 750px;
	width=: 100px;

} 

#DetailSoumission{
	margin-bottom:20px;

}
.RemoveItem{
	cursor: pointer;
	cursor: hand;
}

.TitreSoumissionImprimer{
	font-size:16px;
	font-weight: bold;
}
.NumeroSoumissionImprimer{
	font-size:14px;
	font-weight: bold;
}

.ParametreWrapper{
	/*width:600px;*/
	/*display:inline-block;	*/
	vertical-align:top;
	margin:20px;
}
fieldset{	
	padding:10px;
	/*background:;*/
	/*border-radius:0px 0px 15px 0px; */
	color: #FFF;
	font-size:12px;	
	border:1px;	
	
}	
legend{
	margin-left: 1em;
	padding: 0.2em 0.8em;
	color:;
	/*text-shadow: 1px 1px #000000*/;
	font-weight: bold;
	font-size:16px;	
	/* For IE 5.5 - 7 */
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}
fieldset div{
	display:inline-block;	
}	
.PageAdminLabel {
	width: 200px;	
	vertical-align:top;	
	margin-bottom:10px;
	margin-top:10px;	
	display:inline-block;
}
.SoumissionInput{
	/*margin-left: 200px;*/
	
}

.New{
	color: red !important;
	/*text-shadow: 1px 1px #000000*/;
	font-weight: bold;	
}
.TexteRed{
	color: red !important;
	/*text-shadow: 1px 1px #000000*/;
	font-weight: bolder !important;	
	
}

#specials{	
	position:absolute;
	right:40px;
	top: 260px;
	font-weight: bold;
	font-size:14px;	
	color:red;	
	/*text-shadow: 1px 1px #000000*/;
}

.TotalTableau{	
	background:#FFFF00 !important;
	font-size:16px !important;	
	font-weight: bold !important;
}
.TotalTableau td {
	padding-bottom:20px !important;
	padding-top:20px;	
}

input:required:invalid {
	background: #EE9E9E;	
}

input:readonly  { 	
	background: #C0C0C0;	
}


.ResultatContainer{
	margin:40px;	
}
.Annonce{		
	/*-moz-border-radius: 6px;
	 -webkit-border-radius: 6px;*/
	 /*border-radius: 6px;*/
	 /*border: solid 1px #555;*/
	 background-color: #fff;			 
	 background-position: 9px 0px;
	 background-repeat: no-repeat;
	 /*line-height: 18px;*/
	 overflow: hidden;
	 padding: 60px 60px;
	 margin: 30px;
	 margin-left: 15%;
	 margin-right: 15%;
	 font-weight:bold; 
	 font-size:1.5em;
	 color: #000;
}
.BackgroundWhite{
   background-color: #FFF;
   font-weight:bold; 
   font-size: 1.2em;
   color: #000;
}

/*************** Pour faire des sections fixes ******************************************/


/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.stickyContent {
  position: fixed;
  top: 65px;
  width: 100%;
}
.stickyMenu {
  position: fixed;
  top: 0;
  width: 100%;  
  border-bottom: 10px solid #FFF; /* ; */
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
} 

/*****************************************************************************************/

.WrapperRight{
	float:right;
}

.QuestionMark{
	margin-left:5px;
}
.QuestionMark img{
	height: 20px;	
}
.QuestionMark:hover{
	cursor: pointer;
}

/************ Style pour Spiff ******************************************************************/
@import url("https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap");
.spiff {
  float:left;
  vertical-align: top
  font-family: "Luckiest Guy", cursive;
  margin: 0;
  font-size:1.5em;
  padding: 0;
  color: red;
  text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;

}
.spiff div:hover{ 
	cursor: pointer;
	cursor: hand;
}
.spiff div {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  display: block;
}
.spiff div:first-child {
  -webkit-animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 5 alternate;
          animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 5 alternate;
}
.spiff div:last-child {
  -webkit-animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
          animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
}

@-webkit-keyframes bop {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bop {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes bopB {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  80%,
  100% {
    -webkit-transform: scale(1) rotateZ(-3deg);
            transform: scale(1) rotateZ(-3deg);
  }
}
@keyframes bopB {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  80%,
  100% {
    -webkit-transform: scale(1) rotateZ(-3deg);
            transform: scale(1) rotateZ(-3deg);
  }
}
/*********************************************************************************/

.titre{
	background:;
	color: #000;
}

.imageProduit{
	z-index: 999;
}	
.imageProduit:hover{
	transform: scale(12);
	transform-origin: left;
	z-index: 999;
}

.FixHeight250pxWithScroll{
  max-height: 300px;
  width: 100%;
  overflow-y: scroll;
}