@import url('font-awesome.min.css');

body{
	font-family:Helvetica, sans-serif;
	/*color:#545454;*/
	color:black;
	margin: 0 0 0 0;
	font-size:12px;
}
a{
	text-decoration:none;
}
img{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    
}


.banner{
	width:870px;
	margin:auto;
	background-color:#FFF;
}

.bannerClub{
	width:870px;
	margin:auto;
}

.contenu{
	width:870px;
	height:580px;
	margin:auto;
	background-color:#FFF;
}
.marge{
	width:100px;
}
/**************************HEADER*******************************/
.header{
	width:870px;
	background:#545454;
	font-size:10px;
	height:27px;
	text-align: center;
}

.hiddencol
{
    display:none;
}


.header .fr a{
	color:#9e9e9e;
	font-weight:bold;
	padding-top: 9px;
	padding-bottom: 10px;
	margin-top: 3px;
}
.header .fr a:hover{
	color:#000000;
	background-color: #FFF;
	padding-top: 9px;
	padding-bottom: 10px;
}



.header .ep{
	background-color:#FFF;
	vertical-align:middle;
	text-align:center;
	padding-left:5px;
	color:#000;
	font-size:10px;
	text-decoration: none;
	padding-top: 16px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-top: 3px;
	height:22px;
}
.header .ep a{
	text-decoration:underline;
	color:#000;
	font-size:10px;
}


.Aide{
	text-decoration:underline;
	color:#000;
	font-size:10px;
}

.frise {
	background-image: url(../images/frise_02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}


/**********************************BODY*************************/
h1{
	font-size:25px;
}
h2{
	font-size:12px;
	font-weight:bold;
}
p{
	font-size:11px;
}
.barre{
	padding-left:70px;
}

.Titre
{
    font-size:25px;
    }
    
.TitreBold
{
    font-size:25px;
    font-weight:bold;
}
    
.SousTitre
{
    font-size:12px;
	font-weight:bold;
    }
    
.SousTitreBlack
{
    font-size:12px;
	font-weight:bold;
	color:#000;
    }
    
.TitreInfo1
{
    font-size:14px;
	font-weight:bold;
	color:#000000;
    }

.TitreInfo2
{
    font-size:13px;
	font-weight:bold;
	color:#c1a75d;
    }
    
.TitreSection
{
    font-size:18px;
    font-weight:bold;
    text-transform: uppercase;
    color:#000;
    }
.Description
{
  	font-size:11px;  
}

.Notes
{
  	font-size:10px;  
}

.Text
{
  	font-size:13px;  
}

.Label{
	font-size:12px;
}

.TextHighlight
{
    font-size: 13px;
    color: #CC3300;
}
    
.btnValide{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #000;
    color:#FFF;
	width:109px;
	height:33px;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
}
.btnValide:hover{
	background-color:#5d5d5d;
	color:#FFFFFF;
	height:33px;
	width:109px;
	border:none;
	cursor:pointer;
}


.btn{
	background:#000;
	color:#FFF;
	height:33px;
	font-size:11px;
	font-weight:bold;
	border:none;
	text-transform: uppercase;
}
.btn:hover{
	background-color:#5d5d5d;
	color:#FFFFFF;
	height:33px;
	border:none;
	cursor:pointer;
}

.grdbtn{
	border:none;
	background: url(../images/Select.gif) repeat-x;
	
	
}
.grdbtn:hover{
	border-style:solid;
	border-width:1px;
	border-color:Gray;
	cursor:pointer;
	background: url(../images/Select2.gif) repeat-x;
}

.tblErreur
{
   	font-size:10px;
	font-weight:bold; 
	background-color :#f9ff54;
	width:100%;
    }

.erreur{
	font-size:11px;
	font-weight:bold;
}
.champsLogin{
	
	border: solid 1px #ababab;
	margin-right: 10px;
	height:20px;
	width:167px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
	border: solid 1px #ababab;
}

.champsQte{
	
	border: solid 1px #ababab;
	height:19px;
	width:50px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
	border: solid 1px #ababab;
    text-align:center;
}

.champsErreur{
	background: url(../images/bgMdpErreur.gif) repeat-x;
	border: solid 1px #ababab;
	margin-right: 10px;
	height:20px;
	width:167px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsBorder{
	
	padding-top:5px;
	padding-bottom: 1px;
}

.champsSaisie{
	
	border: solid 1px #ababab;
	margin-right: 5px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
	width:292px;
	}

.champsSaisieList{
	
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:300px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsSaisieTXTCBL{
	
	background-position:right;
	background-repeat:no-repeat;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:16px;
	width:292px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsSaisieTXTTVC{
	
	background-position:right;
	background-repeat:no-repeat;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:16px;
	width:212px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsSaisieCBL{
	
	background-color:White;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:300px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsSaisieCBL_DOUBLE{
	
	background-color:White;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:600px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
	height:300px;
    overflow: scroll
}

.champsErreurTXT{
	background: url(../images/bgMdpErreur.gif) repeat-x;
	border: solid 1px #ababab;
	margin-right: 10px;
	height:20px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.champsErreurTXTCBL{
	background: url(../images/bgTXTCBLErreur.jpg);
	background-position:right;
	background-repeat:no-repeat;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:16px;
	width:292px;
	color:#747474;
	font-size:12px;
	padding-left:5px;
}

.divCBL
{
    border: 1px solid #C0C0C0; 
    background-color: #f5f5f5; 
    width:300px;
    }
    
.divCBL_DOUBLE
{
    border: 1px solid #C0C0C0; 
    background-color: #f5f5f5; 
    overflow:scroll;
    height:300px;
    }
/**************champs saisie small*******************/
.champsSaisieSmall{
	
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:212px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
}

.champsSaisieListSmall{
	
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:220px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
}

.champsSaisieTXTCBLSmall{
	
	background-position:right;
	background-repeat:no-repeat;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:212px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
}

.champsSaisieCBLSmall{
	
	background-color:White;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:220px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
}

.champsSaisieTVCSmall{
	
	background-color:White;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:212px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
}

.champsSaisieCBL_DOUBLESmall{
	
	background-color:White;
	border: solid 1px #ababab;
	margin-right: 5px;
	height:20px;
	width:440px;
	/*color:#747474;*/
	color:black;
	font-size:11px;
	padding-left:5px;
	height:300px;
    overflow: scroll
}

.LabelSmall{
	font-size:10px;
}
    
.divCBLSmall
{
    border: 1px solid #C0C0C0; 
    background-color: #f5f5f5; 
    width:220px;
    }
    
.divCBL_DOUBLESmall
{
    border: 1px solid #C0C0C0; 
    background-color: #f5f5f5; 
    overflow:scroll;
    height:220px;
    }
.champsSaisieVSmall
                    {
                        width:40px;
                        margin-right:0px;
                        padding-left:0px;
                    }
                    .champsSaisieVSmallDdl
                     {
                        width:174px;
                        margin-right:0px;
                        padding-left:0px;
                    }
/*********************************/
.panier{
	width:240px;
	background: url(../images/barreBpanier.gif) repeat-x bottom #f5f5f5;
	padding-left:10px;
	padding-right:10px;
}
.Collaborateurs{
	height:77px;
	width:534px;
	background-color:#e7e7e7;
	border-bottom: solid 1px #c4c4c4;
	border-top: solid 1px #c4c4c4;
	padding-left : 10px;
	padding-right : 10px;
	vertical-align:top;
	
}

.DarkGrey
{
    	background:#545454;
    }

.gris1
{
    background: #e7e7e7;
}

.gris2
{
    background: #f5f5f5;
}

.gris3
{
    background-color:#fbfbfb;
}


.FullWidth
{
    width: 100%;
    }

.FullWidthWithBorder
{
    width: 100%;
    border: 1px solid #e0e0e0;
    }
    
.InnerGreyArea
{
    width: 100%;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#fbfbfb;
    
}
.tdPanier-MonBadge
{
    padding-left:10px;
    background: url(../images/produits_case_badge_large.jpg) repeat-x bottom #f5f5f5;
    width:613px;
    height:220px;
    vertical-align:top;
    }

.tdPanier-Catalogue
{
    padding-left:10px;
    background: url(../images/produits_case_catalogue.jpg) repeat-x bottom #f5f5f5;
    width:305px;
    height:295px;
    vertical-align:top;
    }
.tdPanier-Eplan
{
    padding-left:10px;
    background: url(../images/produits_case_e-plan.jpg) repeat-x bottom #f5f5f5;
    width:305px;
    height:295px;
    vertical-align:top;
    }
.tdPanier-Cahier
{
    padding-left:10px;
    background: url(../images/produits_case_cahier.jpg) repeat-x bottom #f5f5f5;
    width:305px;
    height:295px;
    vertical-align:top;
    }
.tdPanier-CahierEN
{
    padding-left:10px;
    background: url(../images/produits_case_cahier_en.jpg) repeat-x bottom #f5f5f5;
    width:305px;
    height:295px;
    vertical-align:top;
    }    
.tdPanier-Expedition
{
    padding-left:10px;
    background: url(../images/produits_case_expedition.jpg) repeat-x bottom #f5f5f5;
    width:613px;
    height:202px;
    vertical-align:top;
    }
    
.tdHLine
{
    height: 3px;
    vertical-align: top;
    background: url(../images/HLine.gif) repeat-x;
}
.tdVLine
{
    width: 3px;
    vertical-align: top;
    
}
.tdVLineReplaced
{
    width: 3px;
    vertical-align: top;
    background: url(../images/VLine.gif) repeat-y;
}
.btnInter{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    font-size:11px;
	text-align:center;
	background-color:#000000;
	color:#fff;
	height:23px;
	}

.btnInter:hover{
	font-size:11px;
	text-align:center;
	background-color:#5d5d5d;
	color:#fff;
	border:none;
	cursor:pointer;
}

.btnInter150{
	font-size:11px;
	text-align:center;
	background-color:#000000;
	color:#fff;
	height:23px;
	width:150px;
	border:none;
}

.btnInter150:hover{
	font-size:11px;
	text-align:center;
	background-color:#5d5d5d;
	color:#fff;
	border:none;
	cursor:pointer;
}

.plusMoins{
	width:40px;
	text-align:right
}
.liste{
	color:#747474;
	font-size:12px;
	height:23px;
	width:170px;
	border: solid 1px #ababab;
	background-image: url(../images/bgMdp.jpg);
	background-repeat: no-repeat;
}
.lienTexte{
	font-size:11px;
	text-decoration:underline;
	color:#60a6ec;
}
.lienTexte:hover{
	text-decoration:none;
	cursor:pointer;
}
.lienTexte2{
	font-size:12px;
	text-decoration:underline;
	color:#60a6ec;
	font-weight: bold;
}
.lienTexte2:hover{
	text-decoration:none;
	cursor:pointer;
}

.lienTexteClub{
	font-size:11px;
	text-decoration:underline;
	color:#a6a14f;
}
.lienTexteClub:hover{
	text-decoration:none;
	cursor:pointer;
}
.lienTexte2Club{
	font-size:12px;
	text-decoration:underline;
	color:#a6a14f;
	font-weight: bold;
}
.lienTexte2Club:hover{
	text-decoration:none;
	cursor:pointer;
}
/*******************************FOOTER***************************************/
.footer{
	width:100%;
	background:#545454;
	font-size:10px;
	height:27px;
	color:#9e9e9e;
}
/*******************************MENU***************************************/
.tblMenu
{
   height:37px;
   width:610px; 
   font-size:10px;
   vertical-align:middle;
    }
.step{
	height:50px;
	vertical-align:middle;
}
.step ul{
	margin-top:2px;
	margin-left:70px;
	
}
.step ul li{
	list-style-type:none;
	float:left;
	font-size:10px;
}

.lienStep{
	color:#ababab;
	text-decoration:underline;
}

.passe{
	height:27px;
	width:120px;
	background-color:#545454;
	padding-left:10px;
	padding-top:0px;
	color:#ababab;
	background-image: url(../images/fl_out.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.encours{
	height:27px;
	width:120px;
	background-color:#545454;
	padding-left:10px;
	padding-top:0px;
	color:#fff;
	background-image: url(../images/fl_in.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.suivant{
	color:#e9e9e9;
	height:27px;
	width:120px;
	background-color:#b3b3b3;
	padding-left:10px;
	padding-top:0px;
	background-image: url(../images/fl_come.gif);
	background-repeat: no-repeat;
	background-position:  right;
}
.suivant2{
	color:#e9e9e9;
	height:27px;
	width:90px;
	background-color:#b3b3b3;
	padding-left:10px;
	padding-top:0px;
}

/*********************************PAGE RECAPITULATIF**************************************/
.top{
	margin:auto;
	height:54px;
}
.date {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-top: 19px;
}
.lieu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	float: right;
	clear:right;
	text-transform: uppercase;
}
.titre{
	margin:auto;
	color:#b3b3b3;
	width:870px;
}
.step2 ul li{
	list-style-type:none;
	float:left;
	font-size:10px;
	margin:0px;
}
.step2 ul{
	float:left;
	position:relative;
	margin:0px;
	padding-left:0px;
}
.recap{
	background:#f9f9f9;
	padding-left:10px;
}
.ligne{
	font-size:11px;
	color:#000;
}
.ligneNum{
	font-size:12px;
	color:#525252;
}
.texteRecap{
	height:92px;
	width:258px;
	border:#000 solid 1px;
	background:#FFF;
	padding-left:10px;
}

.Grid
{
    width:100%;
    padding-left:10px;
    color:#545454;
    font-size:11px;
    background-color:#ebeaea;
}

.Grid2
{
    padding-left:10px;
    color:#545454;
    font-size:11px;
    background-color:#ebeaea;
}

.GridHeader
{
    width: 100%;
    padding-left: 10px;
    color: #000;
    font-size: 12px;
    font-weight:bold;
    background-color: #ebeaea;
    vertical-align:middle;
    height:50px;
    text-align :left;
     word-wrap:break-word;
}

.GridNormalRow
{
    background:#f4f3f3;
	height:22px;
	font-size:11px;
    color:#545454;
	padding-left: 10px;	
    word-wrap:break-word;
    }
    
.GridAlternateRow
{
    background-color:#ebeaea;
	height:22px;
	font-size:11px;
    color:#545454;
	padding-left:10px;
    word-wrap:break-word;
}      


.pr{
	background-color:#ebeaea;
	height:22px;
	font-size:11px;
	color:#000;
	padding-left:10px;
	
}
.de{
	background:#eeeeee;
	height:22px;
	font-size:11px;
	color:#000;
	padding-left:10px;
}
.tr{
	background:#f4f3f3;
	height:22px;
	font-size:11px;
	color:#000;
	padding-left: 10px;	
}
.qu{
	background:#f9f9f9;
	height:22px;
	font-size:11px;
	color:#000;
	padding-left:10px;
}
.montant{
	font-size:11px;
	font-weight:bold;
	padding-right:10px;
}
.total{
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding-right:10px;
	text-align:right;
} 
.serviceExpe{
	font-size:11px;
	font-weight:bold;
	color:#000;
}
merciDe{
	font-size:12px;
	font-weight:bold;
	color:#525252;
}



.Tooltip
{
    border: 1px solid #C0C0C0; 
    z-index: 9999; 
    position: relative; 
    top: -60px; 
    left: 300px; 
    width: 200px; 
    background-color: #EEEEEE; 
}


.PaddingGridCell
{
    padding:10px;
}

.hide 
{
    display:none;
}


.tabOrange tr td {
    border:solid 1px #B5007B;
    padding:10px;
    text-align:left;
}

.tabOrange .tabOrangetitle td {
    font-size:16px;
    font-weight:bold;
}

.form-submit {
    font-size:20px;
    font-weight:bold;
    background-color:black;
    color:white;
    width:300px;
    height:35px;
    border-radius:20px;

}

.ReseauxSociauxPanel
{
    background: #F9F9FA;
    border: solid 1px #D3D6DA;
    padding: 12px 15px 9px;
    margin: 0 0 5px 0;
    height: 44px;

    -moz-box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -webkit-box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188); 

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ReseauxSociauxPanel img 
{
    margin-right: 5px;
}

.ReseauxSociauxPanel .disabled
{
    -moz-opacity: 0.2;
    filter:alpha(opacity=20);
    opacity: 0.2;

    cursor: default !important;
}
    
.divTVC
{
    border: 1px solid #C0C0C0;
    background-color: #f5f5f5;
    width:456px;
    }

.tbl td{
         padding:5px;
    }

.tbl th{
         padding:5px;
    }
/*fix horizontal on Safari MacOs */
.fixScroll {
    overflow: Scroll !important;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	
	padding-left: 10px;
	
}


.champsSaisie [type="checkbox"] {
	margin-left: 10px;
}

.DDLvalue{
	height:24px;
}

.txtDDLvalue{
	padding-left:3px;
}