body{
	margin:0;
	text-align: center;
	font-family: Verdana;
       /* background-image: url(/images/bg.png)*/
}

#container_principal{
	width: 767px;
	margin:0 auto;
	text-align: left;
}

/* ------   Entete   ------- */

#entete{
	height: 105px;
	width:767px;
	/*border-top: 10px solid #232121;*/
        margin-top: 10px;
        margin: 0 auto;
}

.logo{
	float: left;
        height: 110px;
        width: 260px;
        text-align: center;
        padding-top: 12px;
        background-image: url(/images/logo-ml-uniformes.png);
        background-repeat: no-repeat;
        background-size: 240px 107px;
        background-position: center;
}

.texte_entete2{
	float:left;
	height: 65px;
	width: 393px;
	height: expression("95px");
	width: expression("425px");
	padding-left: 32px;
	padding-top: 30px;
	font-size: 24px;
	font-weight: bold;
}

.texte_entete{
	float:left;
	height: 75px;
	width: 393px;
	height: expression("95px");
	width: expression("425px");
	padding-left: 32px;
	padding-top: 20px;
	font-size: 24px;
	font-weight: bold;
}

.compagnie{
	float:left;
	height: 80px;
	height: expression("95px");
	width: 149px;
	padding-top: 15px;
}

.minibande_menu{
	clear: both;
	height:22px;
	width: 767px;
	/*background-color: #232121;*/
	font-weight: bold;
	color:#FFF;
	font-size: 12px;
        margin: 0 auto;
}

.minibande_menu a:link, .minibande_menu a:visited{
	text-decoration: none;
	color: #FFF;
}

.minibande_menu .ch1{
	float: left;
	width:228px;
}

.minibande_menu .ch2{
	float: left;
	width:272px;
	padding-top: 3px;
}

.minibande_menu .ch3{
	float: left;
	width:19px;
	padding-top: 2px;
}

.minibande_menu .ch4{
	float: left;
	width: 139px;
	padding-top: 4px;
}

.minibande_menu .ch5{
	padding-top: 3px;
}

/* ------   Pied page   ------ */

#piedpage{
	background-color: #E0AB3C;
	height: 30px;
	height: expression("39px");
	padding-top: 9px;
	font-size: 14px;
	font-weight: bold;
	width: 767px;
	clear: both;
	margin:0 auto;
	border-top: 4px solid #232121;
}

#piedpage .d1{
	width: 228px;
}

#piedpage .d2{
	width: 96px;
}

#piedpage .d3{
	width: 160px;
}

/* ------   Transmission   ------ */
.tblTransmission{
	font-size: 12px;
}

.tblTransmission td{
	height: 30px;
}

.tblSemaine{
	font-weight: bold;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
}

.tblSemaine td{
	height: 25px;
	width: 40px;
	border: 1px solid #000;
}

.tblSemaine .dbox{
	border-top: none;
	border-left: none;
}

/* ------   Reçu   ------*/

.texterecu{
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
}

/* ------   General   ------ */

.texte{
	font-family: Verdana;
}

.texteB{
	font-family: Verdana;
	font-weight: bold;
}

.navigation{
	--border: 1px solid #000;
	width: 767px;
	height: 409px;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
	/*background-image:url('/images/fond_accueil.jpg');
	background-position: top right;
	background-repeat: repeat-y;*/
}

.navigation_general{
	background-color: #FFF;
	width: 767px;
	height: 357px;
	clear: both;
}

.navigation_general_mini{
	background-color: #FFF;
	width: 767px;
	height: 223px;
	margin-top: 10px;
	clear: both;
}

.navigation_general_mini2{
	background-color: #FFF;
	width: 767px;
	height: 302px;
	margin-top: 10px;
	clear: both;
}

.Navigation_achat{
	/*height: 38px;*/
	width: 767px;
	padding-top: 4px;
	clear: both;
}

.Navigation_achat .Zone1{
	width: 219px;
	float: left;
}

.Navigation_achat .Zone2{
	width: 236px;
	float: left;
}

.Navigation_achat .Zone3{
	width: 99px;
	float: left;
}

.Navigation_achat .Zone4{
	float: left;
}

.position_contenu{
	position: relative;
	top: 115px;
	left: 102px;
        width: 665px;
}

.grostexte{
	font-size: 26px;
}

.petittexte{
	font-size: 13px;
}
.petittexteR{
	font-size: 13px;
}

.petittexteR a:link, .petittexteR a:visited{
	font-size: 15px;
	background-color: #f0f0f0;
}

.celllangue{
	width: 251px;
}

.celllangue2{
	width: 251px;
	height: 113px;
}

a:link, a:visited{
	text-decoration: none;
	color: #000;
}

.info_login{
	position: relative;
	top: 50px;
	left: 226px;
        width: 541px;
}

.input_accueil{
	height: 23px;
	width: 150px;
	border: 1px solid #000;
}

.submit_accueil{
	/*background-image:url('/images/fleche_droite.gif');
	background-color: #FFF;
	border: 1px solid #000;
	background-repeat: no-repeat;
	width: 86px;
	background-position: 6px 3px;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	height: 24px;*/
        background-color: #007db6;
        padding: 7px 10px 6px 10px;
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 1em;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 0;
        font-size: 12px;
        font-family: 'Share', sans-serif;
        text-shadow: none;
        background-repeat: no-repeat;
        background-position: 4px 6px;
        -webkit-box-shadow: 0 1px 1px #8c8a85;
        -moz-box-shadow: 0 1px 1px #8c8a85;
        box-shadow: 0 1px 1px #8c8a85;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        cursor: pointer;
        margin: 15px 0 10px 0;
}


.bande_menu{
	width: 213px;
	height: 347px;
	height: expression("357px");
	overflow-y: auto;
	padding-top: 10px;
}

.bande_menu2{
	width: 213px;
	height: 286px;
	height: expression("296px");
	overflow-y: auto;
	padding-top: 10px;
}

.bande_haut{
	width: 767px;
	height: 60px;
	background-color: #E0AB3C;
	background-image:url('/images/fond_accueil.jpg');
	background-position: top right;
	background-repeat: repeat-y;	
}

.BHVide{
	width: 228px;
}

.BHTexte{
	font-size: 33px;
	font-weight: bold;
	height: 54px;
	height: expression("60px");
	padding-top: 6px;
}

.bande_contenu{
	width: 537px;
	width: expression("550px");
	height: 347px;
	height: expression("357px");
	overflow-y: auto;
	text-align: left;
	padding-top: 10px;
}

.bande_contenu2{
	width: 537px;
	width: expression("550px");
	height: 286px;
	height: expression("296px");
	overflow-y: auto;
	text-align: left;
	padding-top: 10px;
}

.bande_contenu_produit{
	width: 537px;
	width: expression("550px");
	height: 357px;
	overflow-y: auto;
	text-align: left;
}
.floatleft{
	float: left;
}

.clear{
	clear: both;
}

.produit{
	width:170px;
	height: 170px;
	text-align: center;
	font-size: 16px;
	float: left;
}

.produit_CL{
	clear: both;
	width:170px;
	height: 170px;
	text-align: center;
	font-size: 16px;
	float: left;
}

.boldclass{
	font-weight: bold;
}

.tblbudget{
	font-size: 14px;
}

.tblbudget td{
	height: 23px;
}

.pad17{
	padding-left: 17px;
}

.hid{
	display: none;
}

/* Panier */

.tblPanier{
	width: 702px;
	font-size: 12px;
}

.tblPanier .entete{
	color: #FFF;
	font-size: 13px;
	background-color: #000;
	font-weight: bold;
}

.tblPanier .entete td{
	border-left: 2px solid #FFF;
}

.tblPanier .C1{
	text-align: center;
	width: 62px;
	border-bottom: 1px solid #000;
}

.tblPanier .C2{
	width: 144px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
}

.tblPanier .C3{
	width: 273px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
}

.tblPanier .C4{
	width: 95px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
}

.tblPanier .C5{
	width: 59px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
}

.tblPanier .C6{
	width: 60px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
	text-align: center;
}

.tblPanier .C7{
	width: 533px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
	text-align: left;
	font-weight: bold;
}

.tblPanier .C8{
	width: 60px;
	padding-left: 3px;
	border-bottom: 1px solid #000;
	text-align: right;
	font-weight: bold;
}

.h25{
	height: 25px;
}

.hand{
	cursor: pointer;
}

.bordimage{
	border: 1px solid #000;
}

.signe{
	border: 1px solid #000;
	height: 12px;
	width: 12px;
	padding-top: 0;
	text-align: center;
	cursor: pointer;
}

.imageproduit{
	background-position: right bottom;
	padding-top: 0;
	background-repeat:no-repeat
}

.code{
	padding-top: 2px;
	width: 150px;
	height: 22px;
	color: #FFF;
	text-transform: uppercase;
	background-color: #232121;
	font-weight: bold;
	text-align: center;
}

.info_produit{
	width: 350px;
	height: 190px;
}

.info_commande1{
	width: 350px;
	height: 73px;
	text-align: right;
}

.info_commande2{
	width: 350px;
	height: 70px;
}

.info_commmande3{
	width: 165px;
}

.textecentre{
	text-align: center;
}

.tblpanier{
	padding-top: 10px;
	width: 700px;
	margin: 0 auto;
}

.oubli{
	font-size: 10px;
	margin-top: 4px;
}

.mpentete{
	font-size: 18px;
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

.tblMP{
	font-size: 14px;
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 5px;
}

.tblMP td{
	padding-left: 5px;
}

.erreur{
	width: 400px;
	border: 1px solid red;
	color: red;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.erreur2{
	width: 500px;
	border: 1px solid red;
	color: red;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.erreur3{
	width: 500px;
	border: 1px solid red;
	color: red;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	height: 60px;
	line-height: 30px;
	text-align: center;
}

.ok{
	width: 400px;
	border: 1px solid #000;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	height: 50px;
	line-height: 25px;
	text-align: center;
}

#loginerreur{
    padding-top: 20px;
    color: red;
    font-weight: bold;
}

.login_navigation{
	display:flex; 
	flex-direction: row;
	background-color: white; 
	border-radius: 10px;
	--border: 1px solid #000;
	width: 767px;
	height: 409px;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
}

.login_accueil_gauche{
	flex: 50%; 
	padding:10px
}

.login_accueil_droit{
	flex: 50%; 
	padding:10px;
	text-align: center;
}

@media only screen and (max-width: 700px) {
    [class*="login_navigation"]{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 50vw;
		height: 90vh;
	}

	.login_accueil_gauche{
		flex: 30%; 
		padding:10px
	}
}