/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* Fin normalize */

/* ------------------------------------------
  GLOBAL STYLES
--------------------------------------------- */
html {
	height: 100%;
	margin:0;
	padding:0
}
/* Switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color: #363636;
	background: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
}



a:active,
a:hover {
	outline: 0;
}



input[type="submit"],
input[type="button"] {
	background-color: #fff;
    border: 1px solid #d62300;
    font-size: 16px;
	text-transform:uppercase;
    color: #d62300;
    border-radius: 6px;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #d62300;
    color: #fff;
}
input[type="submit"]:focus,
input[type="button"]:focus {
	background-color: #d62300;
    color: #fff;
}
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: none;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #555;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #555;
}
input.placeholder, textarea.placeholder {
    color: #555;
}

.largeur-site {
	max-width:1200px;
	margin: 0 auto;
}




/* ------------------------------------------
  HEADER
--------------------------------------------- */

header {
	background-color: rgba(0, 51, 142, 1);
    text-align: center;
    padding: 0 0 10px 0;
}

.logo {
	padding: 5px 0;
}
.textheader {
    font-size: 16px;
    color:#fff;
    margin: 0;
}
.textheader a {
    color:#fff;
    font-weight: 700;
}
.textheader a:hover {
    text-decoration: none;
}
.textheader2 {
    font-size: 18px;
    color:#fff;
    margin: 10px 0 0 0;
}
.textheader2 a {
    color:#ffe5e5;
    font-weight: 700;
    text-decoration: none;
}
.textheader2 a:hover {
    color:#fff;
}

/* ----------------------------------------- */
/* ------------------------------------------
  FOOTER
--------------------------------------------- */


footer {
	text-align: center;
	padding: 5px 0 20px 0;
    margin: 20px 0 0 0;
    border-top: 1px dashed #363636;
}
footer a {
    font-size: 18px;
	color: #363636;
}
footer a:hover {
    text-decoration: none;
}


/* ----------------------------------------- */
/* ------------------------------------------
  Identification
--------------------------------------------- */
.identification {
	max-width: 400px;
	margin: 30px auto;
    background-color: #ffe5e5;
    text-align: center;
    border-radius: 20px;
    padding: 10px 0;
}
.identification input[type="text"],
.identification input[type="password"],
.identification input[type="email"]{
	width: 90%;
	height:32px;
	font-size:18px;
	color:#d62300;
	border: 1px solid #d62300;
	background-color: #fff;
	padding: 5px 6px;
}
.identification select {
	width: 90%;
	height:40px;
	font-size:18px;
	color:#d62300;
	border: 1px solid #d62300;
	background-color: #fff;
	padding: 5px 6px;
}
.identification label {
	display: block;
	font-size: 12px;
	font-weight: 700;
    color:#d62300;
	text-align: left;
	margin: 8px 0 2px 20px;
}
.identification input[type="submit"] {
	margin: 5px 0 10px 0;
	padding: 10px 40px;
}
.identification-titre {
    font-size: 24px;
    margin: 2px 0 0 0;
}
.identification-pass {
	font-size: 12px;
	color: #999;
	margin: 5px 0 10px 0;
}
.identification-pass a {
	color: #999;
	text-decoration: none;
}
.identification-pass a:hover {
	text-decoration: underline;
}
.pasdecompte {
    text-align: center;
    margin: 10px 0 80px 0;
}
.pasdecompte a {
    color: #363636;
}
.pasdecompte a:hover {
	text-decoration: none;
}





/*** NOTIFICATION ***/

.notif-erreur {
	font-size:14px;
	color:#fd1b1b;
	text-align:center;
	margin:2px;
}
.notif-traitement {
	font-size:14px;
	color:#f27b1c;
	text-align:center;
	margin:2px;
}
.notif-valide {
	font-size:14px;
	color:#1ba200;
	text-align:center;
	margin:2px;
}



/* ----------------------------------------- */

.logolaforet {
    margin: 10px 0 0 0;
    text-align: center;
}
.titre1 {
    font-size: 20px;
    color:#d62300;
    text-align:center;
    margin: 0;
}
.titre-bdc {
    font-size: 40px;
    color:#d62300;
    text-align:center;
    margin: 0;
}
.famille {
    color:#d62300;
    text-align:center;
    font-size: 20px;
    margin: 10px 0 0 0;
}
.titretransport {
    color:#d62300;
    text-align:center;
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 0 0;
}
.transportbloc {
    border:2px solid #d62300;
    margin: 0 0 20px 0;
}
.transport-txt {
    padding: 0 15px;
}
.plusvalueoption1 {
    text-align: center;
    margin: 2px 0 10px;
}
.tabtitre td {
    background-color:#d62300;
    border: 1px solid #fff;
    color:#fff;
    font-weight: 700;
    text-align: center;
    padding: 6px 4px;
}
.tabtitretxt1 {
    font-size:12px;
}

.nombreselec {
    width:42px;
    border: 1px solid #d62300;
    color:#d62300;
    padding: 2px 0 2px 4px;
}
.chiffretabprix {
    width:80px;
    border: none;
    font-size:14px;
    color:#d62300;
    text-align:center;
    padding: 2px 0 2px 4px;
}
.tabprix input[type="text"]:disabled {
  background: #fff;
}
.tabtotalprix input[type="text"]:disabled {
  background: #d62300;
}
.chiffretabtotal {
    width:90px;
    border: none;
    font-size:16px;
    background-color:#d62300;
    color:#fff;
    font-weight: 700;
    text-align:center;
    padding: 2px 0 2px 4px;
}
.categorie {
    background-color: #ff8732;
    color:#fff;
    font-weight: 700;
    font-size:18px;
    padding: 5px 5px;
}
.tab1 td {
    border: 1px solid #d62300;
    padding: 6px 4px;
}
.tab1 tr:hover {
    background-color:#ffe5e5;
}
.tab1 p {
    margin:0;
}
.tab1 img {
    max-height: 150px;
    width: auto;
}
.tabcodef {
    font-size:12px;
}
.refproduit {
    font-size:12px;
    color:#000;
}
.tabintitule {
    font-weight:700;
    color:#d62300;
}
.tabdescription {
    font-size:12px;
}
.tabprix {
    font-size:14px;
    color:#d62300;
    text-align:center;
}
.tabqt {
    background-color:#d62300;
    text-align:center;
}
.tabtotal td {
    border: 1px solid #fff;
    padding: 6px 4px;
}
.tabtotaltitre {
    color:#d62300;
    font-weight: 700;
    text-align:right;
}
.tabtotaltitre2 {
    color:#d62300;
    font-weight: 700;
    text-align:right;
    padding:8px 0;
}
.tabtotalprix {
    background-color:#d62300;
    color:#fff;
    font-weight: 700;
    text-align:center;
}

.adresses {
    padding: 10px 10px;
    background-color:#ffe5e5;
    border-radius: 20px 20px 0 0;
    margin: 0 0 10px 0;
}
.livraison{
    display:inline-block;
    width:500px;
    margin: 0 150px 10px 0;
}
.livraisontitre {
    font-size: 24px;
    font-weight: 700;
    color:#d62300;
    margin: 5px 0;
}
.livraison label,
.facturation label {
display:inline-block;
width:90px;
text-align:left;
vertical-align:top;
margin: 10px 0 0 0;
}
.livraison input[type="text"],
.livraison input[type="email"],
.facturation input[type="text"],
.facturation input[type="email"]{
width:400px;
background-color:#fff;
text-align:left;
border:1px solid #d62300;
padding: 8px 5px;
margin: 5px 0;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
.dateliv {
    width:200px !important;
}
.datelivlab {
    width:210px !important;
}
.facturation {
    display:inline-block;
    width:500px;
    margin: 0 0 10px 0;
    vertical-align: top;
}
.commentaire {
    text-align: center;
}
.commentairetitre {
    color:#d62300;
    margin: 15px 0 5px 0;
}
.commentaire textarea {
    width:80%;
    height:120px;
    border:1px solid #d62300;
}
.etoile {
    margin: 10px 0;
}
.etoile a {
    color:#d62300;
}
.etoile a:hover {
    text-decoration: none;
}
.titremajoration {
    color:#d62300;
    font-size: 18px;
    text-align: center;
    margin: 15px 0 0 0;
}
.textemajoration {
    background-color: #d62300;
    color:#fff;
    margin: 0;
    padding: 10px 15px;
}
.textemajoration2 {
    background-color: #ffe5e5;
    font-weight: 700;
    color:#d62300;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 15px 10px;
}
.competu {
    text-align: right;
    margin: 5px 0 15px 0;
}
.cgvaccept {
    text-align: center;
}
.cgvaccept a {
    color:#d62300;
}
.cgvaccept a:hover {
    text-decoration: none;
}
.btvalid {
    text-align: center;
    margin: 0 0 50px 0;
}
.bt1 {
    padding: 12px 5px;
    width: 400px;
}
.ouou {
    margin: 5px 0;
}
.retour {
    margin: 10px 0;
}
.retour a {
    color:#393939;
}
.retour a:hover {
    text-decoration: none;
}
.champprix {
    width:100px !important;
}
.commande-fin {
    background-color:#ffe5e5;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 20px 0 100px 0;
}
.iban {
    text-align: center;
    font-size: 24px;
    color:#A80002;
}

/* ------------------------------------------
  MON COMPTE
--------------------------------------------- */

.titremoncompte {
    font-size: 30px;
    text-align: center;
}
.menu-compte {
    text-align: center;
    background-color: #ffe5e5;
    margin:0 0 20px 0;
    padding: 10px 0;
}
.menu-compte ul {
    list-style: none;
    padding: 0;
}
.menu-compte li {
    display:inline;
    margin: 0 20px;
    font-size: 18px;
}
.menu-compte li a {
    color:#d62300;
}
.menu-compte li a:hover {
    text-decoration: none;
}
.mescommandes {
    max-width: 1200px;
    min-height: 500px;
    margin: 0 auto;
    padding: 0 10px;
}
.comptetab th {
    background-color: #d62300;
    color:#fff;
    text-align: center;
    padding: 5px 0;
}
.comptetab td {
    text-align: center;
    padding: 5px 0;
    border: 1px solid #d62300;
}
.comptetab tr:hover {
    background-color:#ffe5e5;
}
.mescommanderef {
    font-size: 24px;
    text-align: center;
}
.tabrecapcommande th {
    background-color: #d62300;
    color:#fff;
    text-align: center;
    padding: 5px 0;
}
.tabrecapcommande td {
    padding: 5px 5px;
    border: 1px solid #d62300;
}
.btretour {
    text-align: center;
}
.btretour a {
    color: #d62300;
}
.btretour a:hover {
    text-decoration: none;
}

.titre-cgv {
    font-size: 24px;
    font-weight: 700;
    color:#d62300;
    text-align:center;
    margin: 20px 0;
}
.comment p {
    margin: 10px 15px;
}
.legende1 {
    font-size: 12px;
    font-weight: 700;
    margin:0 0 0 220px;
}

/* ------------------------------------------
  NOTICES
--------------------------------------------- */

.titrenotices {
    font-size: 36px;
    color: #d62300;
    text-align: center;
    margin: 20px 0 10px 0;
}
.notices {
    background-color: #ffe5e5;
    max-width: 600px;
    margin: 0 auto 40px auto;
    padding: 10px 20px;
    border-radius: 20px;
}
.soustitrenotices {
    font-size: 24px;
    margin: 0;
}
.notices li {
    font-size: 18px;
    margin:10px 0;
}
.notices li a {
    color: #363636;
    text-decoration: none;
}
.notices li a:hover {
    text-decoration: underline;
}


.maintenance {
    text-align: center;
    font-size: 20px;
    margin: 100px 0;
}
.bt-1 {
    text-align: center;
    margin: 20px 0;
}
.bt-1 {
    text-align: center;
    margin: 30px 0;
}


/* ------------------------------------------
  BANNIERE INFO
--------------------------------------------- */

.banniere-info {
    background-color:#e9cdff;
    text-align: center;
    color:#000;
    padding: 4px 5px;
}
.banniere-info p {
    margin: 3px 0;
}
.banniere-info ul {
    margin: 2px 0;
    padding: 0 10px;
}
.banniere-info li {
    margin: 2px 0;
}
.banniere-info img {
    vertical-align: middle;
}