/* RESET
------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }


/* GLOBAL CSS
------------------------------*/
body { font-size:14px; line-height:20px; -webkit-backface-visibility:hidden; -webkit-font-smoothing:subpixel-antialiased; letter-spacing:normal; background-color:#ecf0f1; font-family:arial; color:#6a6a6a; }
/**, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }*/
a { outline:none; color:#252b31; text-decoration:none; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; }
p { margin-bottom:15px; }
b, strong { font-weight:700; }
.red { color:#c0392b; }
.row { overflow:hidden; }
.hidden { display:none; }
.visible { display:block; }
.uppercase { text-transform:uppercase; }
.pos-left { float:left; }
.pos-right { float:right; }
.pos-center { text-align:center; }
img:hover { -webkit-filter:grayscale(1); -moz-filter:grayscale(100%); filter:grayscale(1); }

/* FLAT COLOR SWATCHES
		#1ABC9C = turquoise		/		#16A085 = green sea
		#2ECC71 = emerald		  /		#27AE60 = nephritis
		#3498DB = peter river	/		#2980B9 = belize hole
		#9B59B6 = amethyst		/		#8E44AD = wisteria
		#34495E = wet asphalt	/		#2C3E50 = midnight blue
		#95a5a6 = concrete
*/
.bc-turquoise { background-color:#1ABC9C; }
.bc-green-sea { background-color:#16A085; }
.bc-emerald { background-color:#2ECC71; }
.bc-nephritis { background-color:#27AE60; }
.bc-peter-river { background-color:#3498DB; }
.bc-belize-hole { background-color:#2980B9; }
.bc-amethyst { background-color:#9B59B6; }
.bc-wisteria { background-color:#8E44AD; }
.bc-wet-asphalt { background-color:#34495E; }
.bc-midnight-blue { background-color:#2C3E50; }
.bc-concrete { background-color:#95a5a6; }
.bc-carrot { background-color:#e67e22; }

.bg-blanc { background-color:#FFF;}


/* PERSO CSS
------------------------------*/
.plm { padding-left:80px; }
.prm { padding-right:80px; }
.p0 { padding:0; }
.m0 { margin:0; }
.mc { margin:0 auto; }
.p5 { padding-left:10px; display:inline-block; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt40 { margin-top:40px; }
.ml20 { margin-left:20px; }
.ml40 { margin-left:40px; }
.mr80 { margin-right:80px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.w120 { width:120px; }
.w320 { width:320px; }
.w760 { width:760px; }
.rouge { color:#c0392b; }
.f18 { font-size:18px; }

.container { width:980px; margin:0 auto; overflow:hidden; }
.content { background-color:#FFF; overflow:hidden; padding:20px; }
.col50 { width:450px; float:left; }
.border-bottom { border-bottom:4px solid #bdc3c7;}

#browser-notification { display:none; padding:20px; background-color:#FC3; }
.ie7 #browser-notification { display:block; margin-bottom:20px; }

.attention { background-color:#c0392b; width:70px; line-height:48px; text-align:center; color:#FFF; float:left; }
.attention-lst { width:230px; float:left; margin-left:20px; line-height:20px; padding:4px 0; }
#container-mm { margin:40px 0; }
/*.form-2-col { margin-bottom:10px; }*/
.form-2-col .row { background-color:#EFEFEF; }
.cat { font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:300; padding:0 20px; text-transform:uppercase; color:#FFF; height:50px; line-height:50px; overflow:hidden; }
.sous-cat { margin:10px 0; padding:0 6px; height:35px; line-height:36px; background-color:#E8E8E8; border-bottom:3px solid #A0A0A0; }
.titre { text-transform:uppercase; color:#FFF; height:30px; line-height:30px; }
.intitule { padding-left:12px; display:inline-block; float:left; }

::-webkit-input-placeholder { color:#6A6A6A; }
::-moz-placeholder { color:#6A6A6A; }
:-ms-input-placeholder { color:#6A6A6A; }
input:-moz-placeholder { color:#6A6A6A; }
input, select, textarea { outline:none; width:394px; height:34px; /*text-transform:uppercase;*/ border:2px solid #e8e8e8; margin-bottom:10px; vertical-align:middle; padding:0 6px; display:inline-block; font-size:14px; /*background-color:#f8f8f8;*/ -webkit-appearance:none; border-radius:0; }
select { width:410px; height:38px; padding:8px 4px; }
.ie7 select { height:24px; }
textarea { height:74px; padding:6px; }
#commentaire { width:1184px; margin-bottom:0; }

/* Checkbox référence */
.label_reference {
	margin-bottom: 10px;
	color: black;
}
.liste_reference {
	display:flex;
	justify-content:space-between;
}
.checkbox_container {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: black;
  }
  
  /* Hide the browser's default checkbox */
  .checkbox_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: white;
	border:1px solid black;
  }
  .checkbox_container input:checked ~ .checkmark {
	background-color: #009e77;
	border-color: #008564;
  }
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  .checkbox_container input:checked ~ .checkmark:after {
	display: block;
  }

  .checkbox_container .checkmark:after {
	left: 4px;
	top: 0px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
input[type=submit], select { cursor:pointer; }
input[type=submit] { width:180px; display:block; margin-bottom:0; background-color:#e74c3c; text-transform:uppercase; color:#FFF; border-color:#c0392b; height:40px; margin:0 auto; margin-top:20px; /*margin-bottom:10px;*/ font-size:16px; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; }
input[type=submit]:hover { background-color:#c0392b; width:220px; }
.ie78 input { line-height:34px; }
.last, .last input { margin-bottom:0; }
.form-2-col .col50, .form-2-col select { width:420px; }
.form-2-col input { width:404px; }
.maxlength { font-size:12px; background-color:#e8e8e8; padding:2px 4px; }

.input-photo { position:relative; }
.choisir { position:absolute; z-index:30; width:112px; cursor:pointer; height:34px; line-height:34px; border:2px solid #009e77; text-align:center; background-color:#009e77; color:#FFF; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; letter-spacing:1px; right:0; float:none; font-size:14px; }
.choisir:hover { background-color:#008564; border:2px solid #008564; }
input[type=file] { position:absolute; z-index:10; left:-99999px; -moz-opacity:0; opacity:0; }
input[disabled].input { cursor:default; background-color:#FFF; color:#000; }
.indication { font-size:12px; padding-top:4px; }
#preview-msg { width:160px; text-align:center; display:none; margin-top:10px; padding:4px 0; font-size:12px; background-color:#c0392b; color:#FFF; }
#preview img { width:160px; height:auto; margin-top:10px; }

/* Erreur form */
span.error { margin-bottom:10px; display:block; background-color:#E46B66; color:#FFF; padding:4px 0 4px 8px; font-size:12px; }
input.error, select.error, .error input#upload, textarea.error { border-color:#E46B66; background-color:#FEEFE9; margin-bottom:0; }
textarea.error + span:nth-child(2) { background-color:#E46B66; color:#FFF; }
.error .choisir { border-color:#E46B66; border-left:0; }
/*.success, .success input#upload { border-color:#2ECC71; background-color:#EAFCD8; }*/

/* Progress bar */
.progress-ie789 { display:none; margin:10px 0 20px; }
.progress { position:relative; margin:0 auto; margin-top:10px; margin-bottom:5px; width:300px; border:1px solid #009e77; padding:1px; height:10px; display:none; }
.progress-msg { text-align:center; display:none; color:#009e77; }
.bar { background-color:#009e77; width:0%; height:10px; }
.percent { position:absolute; display:inline-block; top:-3px; left:48%; font-size:11px; color:#000; }

/* Btn */
.btn { cursor:pointer; text-align:center; height:40px; line-height:40px; display:inline-block; padding-left:10px; text-transform:uppercase; color:#FFF; }
.btn-add, .btn-mod { background-color:#009e77; }
.btn-add:hover, .btn-mod:hover { background-color:#008564; }
.btn-mod, .btn-retour { padding-right:10px; }
.btn-del { background-color:#F00; height:30px; line-height:30px; float:right; }
.btn-del:hover { background-color:#c0392b; }
.btn-deco { background-color:#c0392b; padding-right:10px; }
.btn-deco:hover { background-color:#F00; padding:0 20px; }
.btn-retour { background-color:#2980B9; }
.btn-retour:hover { background-color:#34495E; }

.del, .add { background-color:#c0392b; height:30px; width:40px; display:inline-block; margin-left:10px; }
.add { background-color:#008564; height:40px; }

/* Footer */
#footer { margin:40px 0 20px; text-align:center; font-size:12px; }
#footer a.realisation { color:#c0392b; }
#footer a:hover.realisation { color:#252525; }


/* PAGE MODIFIER
------------------------------*/
#bloc-1.mt10 { margin-top:0; }
#bloc-2.mt20 { margin-top:10px; }


/* PAGE ACCUEIL
------------------------------*/
#login input { margin:0; float:left; height:40px; }
#login input[type=text] { width:238px; background-color:#FFF; border:0; }
#login input[type=submit] { width:50px; border-color:#008564; background-color:#008564; }
#login input[type=submit]:hover { border-color:#009e77; background-color:#009e77; }
.choix { background-color:#ecf0f1; padding:10px; overflow:hidden; }
.msg { padding:20px; margin-bottom:40px; text-align:center; }
.msg.succes { background-color:#009e77; color:#FFF; border:2px solid #008564; }
.msg.erreur { background-color:#F00; color:#FFF; border:2px solid #c0392b; }
.mentions { padding:20px; margin-left:20px; min-height:40px; background-color:#EFEFEF; width:760px; border:2px solid #E8E8E8; color:#252b31; }


/* RESPONSIVE CSS
------------------------------*/
@media screen and (min-width: 1260px) {
	.container { width:1240px; }
	.col50 { width:580px; }
	input, textarea { width:524px; }
	select { width:540px; }
	.form-2-col .col50, .form-2-col select { width:550px; }
	.form-2-col input { width:534px; }
	.mentions { width:1020px; }
}
@media screen and (max-width: 1000px) {
	.container, #accueil .w760 { width:640px; }
	.plm { padding-left:40px; }
	.col50 { width:300px; }
	input, textarea { width:244px; }
	select { width:260px; }
	.form-2-col .col50, .form-2-col select { width:270px; }
	.form-2-col input { width:254px; }
	.mentions { width:440px; padding:10px; }
	#accueil .w320.pos-left { float:none; margin:0 auto; }
	#accueil .w320.ml40 { margin-top:20px; }	
}
@media screen and (max-width: 660px) {
	body { font-size:12px; line-height:16px; }
	.container, .col50, #accueil .w760 { width:320px; }
	.content { padding:10px; }
	.plm { padding-left:0; }
	.mt20m { margin-top:20px; }
	.mb10m { margin-bottom:10px; }
	#container-mm { margin:20px 0; }
	input, textarea { width:284px; }
	select { width:300px; } 
	.form-2-col .col50, .form-2-col select { width:280px; }
	.form-2-col input { width:264px; }
	#header .pos-left { text-align:center; float:none; }
	.mentions { margin:10px 0 0 0; padding:10px; width:276px; }
	.btn-retour { margin-top:10px; }
	#accueil .content.w320 { padding:0; }
	.choix { background-color:#E8E8E8; }
}