@charset "utf-8";
body {
	font-family : Arial, Helvetica, sans-serif;
	background-image:url(imgs/fondpage3.jpg);
	background-attachment:fixed;
	background-size: cover;
	margin-top: 10px;
}
#global {
	width:700px;
	margin:0 auto;
	position:absolute;
	margin-left:-350px;
	left:50%;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	padding:10px;
	border-radius:8px;
}
#bandeau {
	width:100%;
	height:100px;
	background-image:url(imgs/fond-test.png);
	border-radius:6px;font-family : 'Pacifico', Arial;
	z-index:10000;
}
#titre {
	padding-top:12px;
	font-size:38px;
	color:white;
	text-align:left;
	margin-left:118px;
	z-index:10;
	margin-top:4px;
	line-height:36px;
}
#soustitre {font-size:24px;margin-left:100px;}
.voircommandespaniers { 
    display:inline;
	cursor:pointer;
	float:left;
	margin-left:90px;
	color:white;
	padding:8px 12px;
	background-color:gray;
	border-radius:4px;
	opacity:0.5;
	}
.voircommandesproduits {
	 display:inline;
	 cursor:pointer;
	 float:right;
	 margin-right:90px;
	 color:white;
	 padding:8px 12px;
	 background-color:gray;
	 border-radius:4px;
	 opacity:0.5;
	}
.titrecode {color:green}
.voircommandespaniers:hover, .voircommandesproduits:hover, .titrecode:hover {color:darkorange;}
/*#divcomm {
	width:668px;
	color:#666;
	text-align:left;
	word-wrap:normal;
	font-size:13px;
	padding:16px 16px 0px 16px;
	background-color:rgba(0,0,255,0.1);
	border-radius:0px 0px 6px 6px;
	z-index:1;
	margin-top:-42px;
	float:left;
}*/
#divcomlegumes {
	width:30%;
	color:rgb(102,62,102);
	text-align:left;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,102,0,0.10);
	border-radius:6px;
	z-index:1;
}
#divcomoptionfru {
	width:30%;
	color:rgb(102,62,102);
	text-align:center;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,102,0,0.10);
	border-radius:6px;
	z-index:1;
	margin-left:11px;
}
#divcomfruits {
	width:30%;
	color:rgb(102,62,102);
	text-align:right;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,102,0,0.10);
	border-radius:6px;
	z-index:1;
	margin-left:11px;
}
#divtouslegumes {
	width:30%;
	color:rgb(102,62,102);
	text-align:left;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,102,0,0.10);
	border-radius:6px;
	z-index:1;	
}
#divtousproduits {
	width:30%;
	color:rgb(102,62,102);
	text-align:left;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,0,255,0.10);
	border-radius:6px;
	z-index:1;
	margin-left:11px;	
}
#divtousfruits {
	width:30%;
	color:rgb(102,62,102);
	text-align:left;
	word-wrap:normal;
	margin-top:3px;
	float:left;
	font-size:13px;
	padding:8px;
	background-color:rgba(0,102,0,0.10);
	border-radius:6px;
	z-index:1;
	margin-left:11px;	
}
#titreform {
	border-radius:6px;
	margin-top:8px;
}
h1 {
	width:100%;
	font-size:16px;
	padding-top:3px;
	padding-bottom: 4px;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
	color:white;
	background-color:green;
	border-radius:6px;
}
#alertepaniers {
	width:100%;
	margin-top:-8px;
	margin-bottom:14px;
	font-size:13px;
	text-align:center;
	float:left;
}
.alertepaniers {
	padding:0px;
	margin:0px;
	line-height:16px;
	height:16px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color:red;
	opacity:0.3;
}
/*input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color:red;
	opacity:0.3;
}*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:red;
	opacity:0.3;
}
input, button, select {
	border: 1px #757272d4 solid;
	border-radius:4px;
	background:white;
	line-height: 16px;
	text-align:center;
}
button {width:99%;cursor:pointer;}
button:hover {color:red}
input[type="file"] {
	border:none;
	height:21px;
	padding:0;
}
input[type="submit"], #ajoutligne {
    height:21px;
	margin-top:-1px;
	background-color:rgb(0 0 255 / 0.10);
}
input:hover[type="submit"], #ajoutligne:hover {
    color:red;
	cursor:pointer;
	background-color:rgb(255 255 255);
}
input[type="button"] {
    height:21px;
	margin-top:-1px;
	background-color:rgb(0 0 255 / 0.10);
}
input:hover[type="button"] {
    color:red;
	cursor:pointer;
	background-color:rgb(255 255 255);
}

label {
	font-size:13px;
	color:rgb(102,62,102);
}
select option.selected {
	color:blue;
}
/*select option:first-child {
	color:red;
}*/
select option {
	color: green;
}
#bulles {
	width:auto;
/*  min-width:670px;*/
    max-width:671px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	background-color:#ffffff;
	color:#333333;
	border-radius:6px;
	border:green solid 1px;
	padding:8px;
/*	margin-left:-46px;*/
	margin-top:4px;
}
.overdiv {
    width:auto;
	max-width: 680px;
	border:green solid 1px;
	background-color:#FFF;
	border-radius:6px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	text-align:justify;
	z-index:100000000;
	vertical-align: bottom;
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:6px;
	color:darkviolet;
	line-height:16px;
	margin-left:-10px;
}
.conteneur {
	float : left;
	width : 97.2%;
	margin-top : 30px;
	padding : 8px 8px 4px 8px;
	text-align : center;
	font-size : 11px;
	border : 1px darkviolet solid;
	border-radius : 4px;
	word-wrap: normal;
	background-color: #eee;	
}
#copy {
	width : 100%;
	color : #999;
	z-index : 1000;
	border-bottom : 1px solid #ccc;
	text-align : center;
	line-height : normal;
	font-size : 10px;
	margin-top : 6px;
	float:left;
	text-align:center;
}
hr.gris {
	border : 0;
	height : 0;
	border-top : 1px solid rgb(0 0 0 / 0.3);
	border-bottom : 1px solid rgb(255 255 255 / 0.3);
	margin-bottom : 6px;
}
hr {
	border : 0;
	height : 0;
	border-top : 1px solid rgb(0 0 0 / 1);
	border-bottom : 1px solid rgb(255 255 255 / 1);
	margin-bottom : 6px;
}
#bandeaubas {
	background-image:url(imgs/bandeau.jpg);
	border-radius:6px;
	font-family:'Pacifico', Arial;float:left;
}
.titrebandeaubas {
	padding-top:6px;
	font-size:28px;
	color:white;
	text-align:center;
	z-index:10;
}
#reponseServeur { 
	width: 700px;
	font-size: 14px;
	padding: 0px;
	margin:0 auto;
	background-color: transparent;
	color:red;
	font-weight:bold;
	float:left;
	text-align:center;
	display:none;
}
/*.reponseServeurDeux { 
	width: 680px;
	font-size: 14px;
	padding: 0px;
	margin:0 auto;
	background-color: transparent;
	color:red;
	font-weight:bold;
	float:left;
	text-align:center;
}*/
.formlegend {
    font-size: 17px;
    font-weight:bold;
    color:#4d6dd6;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
	font-family: Arial;
}
.noscript {
	border: 1px solid red;
	width : 600px;
	font-size:small;
	border-radius:6px;
	background-color: rgba(254, 253, 252, 0.7);
	margin:0 auto;
	line-height: 18px;
}
/*@media screen and (max-width:740px) {
#divcomm {font-size:60%;}
}
@media screen and (max-width:540px) {
#divcomm {font-size:60%;}
}
@media all and (max-height: 799px) {
body{font-size:12px;}
h1 {
    font-size : 16px;
}
#bulles {
	font-size : 0.75em;
	padding : 6px;
	min-width : 240px;
	max-width : 241px;
}
.conteneur {
	width : 99%;
	margin-top : 12px;
	padding : 4px 4px 0px 4px;
	font-size : 10px;
}
}
@media all and (max-width:700px) {
#divcomm {font-size: 14px;}
#divcomlegumes, #divcomoptionfru, #divcomfruits {font-size:15px}
#alertepaniers {font-size:15px;}
label .labels {font-size:19px;}
} */ 
@media only screen and (max-width: 640px) {


}
@media only screen and (min-width : 321px) {

}