body.bootstrap, body.suivi-commandes {background:#F2F2F2;}

#creneau_dates input[type="text"] {
	border-color: grey;
}
.calendrier {
	width: 7em;
	text-align:center;
}
#pagination, .factures ul {
	float: right;
}
#plusieurs_pages {
	margin-right: 10em;
}
#plusieurs_pages label img {
	height: 20px;
}
#page_prec, #page_suiv {
	visibility: hidden;
}
.suivi-details-clients {
	border-top: 0;
	border-bottom: 10px solid #EFEFEF;
}

.titre_commande {
	cursor: pointer;
}
.suivi-bouton-suivi form {
	padding: 0 10px;
	border-radius: 2px;
	display: inline-block;
}

.suivi-bouton-suivi input[type="submit"] {
	border-width: 0;
	padding: 10px;
}
.suivi-bouton-suivi input[type="submit"]:hover {
	background-color: #00579A;
	text-decoration: none;
}
.suivi-timeline-cercle span.suivi-cercle-fini {
	background-color: #C33;
}
.suivi-recap-debit {
	text-align: center;
}
#languette {display:block; margin-bottom:30px;}
.theme-bar .nivo-controlNav {padding: inherit;}
#menu.menuOver li .menu_body {width: 642px; padding:0 20px;}
#menu.menuOver li:focus ul.menu_body, #menu.menuOver li:hover ul.menu_body { width:642px; padding: 20px;}
.bootstrap #menu.menuOver #menu_themes .menu_body li a {height: 23px;}
#suivi-commandes { color:#333333; font-size:14px; font-family:'Oswald', sans-serif; background: #FFFFFF;border:1px solid #d8d8d8; letter-spacing:0.5px;}
body.bootstrap #principal {width:100%;}
#suivi-commandes ul {list-style: none; padding-left:0; margin:0;}
#entete * {box-sizing:inherit;}
#logo p {padding-left: inherit; left: 85px;}
@media only screen and (max-width: 320px) {#logo p {top:85px; left:57px;}}
@media only screen and (max-width: 300px) {#logo p {display:none;} #logo {height:auto;} #oss-main{margin-top:0;}}
@media screen and (min-width: 768px) and (max-width: 830px) {#logo img {max-width:100%;margin-top:24px;} #logo p {font-size: 13px; left:40px;}}
#user_interface::after {border-bottom:none; border-top:none}
.suivi-details-clients div.col-md-4 {padding-left:0;}
.suivi-timeline-etape::after {   
	background: white none repeat scroll 0 0;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 32px;
    z-index: 3;}
.suivi-timeline-etape:first-child {margin:0;}
.suivi-timeline-cercle {
    color: #989898;
    display: table-cell;
    font-size: 13px;
    line-height: 32px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 4;}
.suivi-timeline-cercle span {
	background: #187AB8 none repeat scroll 0 0;
    border: 0 none;
    color: white;
	border-radius: 50%;
    display: block;
    height: 32px;
    width: 32px;
}
.suivi-timeline-statut {
	display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
	color:#666;
}

.suivi-timeline-etape .statut-attente-paiement {color:#c33;}

.suivi-timeline-statut.ok {color:#187ab8;}
.commande-container {padding:40px;}
@media screen and (max-width: 468px) {.commande-container {padding:0;}}
#suivi-commandes h3 {   
	border-bottom: 2px solid #d8d8d8;
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 20px 80px 20px 20px;
    position: relative;
	margin-top: 0;
	text-transform: uppercase;
	font-family: 'Lora', serif;}
.suivi-details-clients {border-top:10px solid #efefef; padding:20px 0;margin-top:30px; font-family: 'Oswald', sans-serif; font-weight:300; color:#555555; margin-bottom: 20px;}
.suivi-details-clients .col-md-4 {margin-bottom:20px;}
.suivi-timeline, .suivi-bref-recap {float:none;}
.suivi-timeline-cercle span.suivi-cercle-ko {background:#CCC;}
#suivi-commandes .title {text-transform: uppercase; font-size: 16px;color:#444444;margin-bottom:7px; padding-bottom: 7px; border-bottom: 1px dashed #777;}
#suivi-commandes .suivi-bouton-suivi a {font-family: 'Lora', serif; padding:10px; background:#187ab8; font-size:13px; border-radius:2px; color:#fff; text-transform:uppercase;display:block; width:100%;-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;}
#suivi-commandes .suivi-bouton-suivi a:hover {background:#00579A;text-decoration:none;}
.suivi-debit-article {text-transform: uppercase;}
.suivi-titre-article {font-size: 14px; font-weight:bold;font-family: 'Lora', serif; color:#444;}
.suivi-infos-detaillees {border-left:10px solid #efefef;color:#888; padding:0;}
.suivi-details-article span {color:#444;}
.suivi-details-article {margin-bottom:20px; border-bottom: 1px solid #cccccc;display:inline-block; width:100%; height:100%;padding-bottom:20px;}
.suivi-bref-recap {text-transform:uppercase; border-left:1px solid #ccc;margin-left:52px;color:#187AB8;font-weight:400;width:230px;}
.suivi-bref-recap div {margin-bottom:8px;}
.suivi-bref-recap span {font-weight: bold;}
.suivi-recap-debit .debit-ok {    background: #84b267 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px;}
.suivi-debit-article.debit-ok span{color:#FFFFFF; background:#84b267; padding:5px;}
.suivi-debit-article.debit-ko span {color:#FFFFFF; background:#f51038; padding:5px;}
.suivi-details-article li {margin-bottom:7px; margin-top:7px; line-height:28px;}
.suivi-info-generales {padding-bottom:30px; padding-left:0;}
.suivi-recap-debit.debit-ok {
    background: #84b267 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: "Lora",serif;
    font-size: 13px;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
width: 100%;}
#creneau_dates input[type="text"] {
	border-color: grey;
}
.calendrier {
	width: 7em;
	text-align:center;
}
#pagination, .factures ul {
	float: right;
}
#plusieurs_pages {
	margin-right: 10em;
}
#plusieurs_pages label img {
	height: 20px;
}
#page_prec, #page_suiv {
	visibility: hidden;
}
.suivi-details-clients {
	border-top: 0;
	border-bottom: 10px solid #EFEFEF;
}
.factures {
	margin-bottom: 16px;
}
.factures {
	margin-left: 52px;
}
.cnsc {
	margin-top: 52px;
}

#principal .cnsc a {font-weight: normal;}
.titre_commande {
	cursor: pointer;
}
.suivi-bouton-suivi form {
	padding: 0 10px;
	border-radius: 2px;
	display: inline-block;
}
/*.suivi-bouton-suivi form, */
.suivi-bouton-suivi input[type="submit"] {
	font-family: 'Lora', serif;
	background-color: #187ab8;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}
.suivi-bouton-suivi input[type="submit"] {
	border-width: 0;
	padding: 10px;
}
.suivi-bouton-suivi input[type="submit"]:hover {
	background-color: #00579A;
	text-decoration: none;
}
.suivi-timeline-cercle span.suivi-cercle-fini {
	background-color: #C33;
}
.suivi-recap-debit {
	text-align: center;
}
.suivi-timeline-statut.ko {
	color: #C33;
}
#suivi-commandes h3 img {
	vertical-align: middle;
	padding-right: 8px;
	padding-bottom: 5px;
}

.bootstrap.bold {font-weight: 400;}

.bootstrap #recherche_commande, .bootstrap #creneau_dates  {
	padding: 0px 0 10px 0;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}

.bootstrap #recherche_commande.container {background:transparent;}

.bootstrap #recherche_commande label {
	width: 100px;
}

.bootstrap #recherche_commande input, .bootstrap #creneau_dates input, .bootstrap #recherche_commande select, .bootstrap #creneau_dates select {
	font-size: inherit;
    border: 1px solid #AAAAAA;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	-webkit-box-shadow:0 0 3px #AAAAAA inset;
	-moz-box-shadow:0 0 3px #AAAAAA inset;
    box-shadow:0 0 3px #AAAAAA inset;
    padding: 5px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
	background: #FFFFFF;
}

.bootstrap #recherche_commande input:focus, .bootstrap #creneau_dates input:focus, .bootstrap #recherche_commande select:focus, .bootstrap #creneau_dates select:focus {
    border-color: #093C75;
	-webkit-box-shadow:0 0 3px #0459B7;
	-moz-box-shadow:0 0 3px #0459B7;
    box-shadow:0 0 3px #0459B7;
}

.bootstrap #recherche_commande input, .bootstrap #creneau_dates input {width: 165px;}
.bootstrap #debut_periode, .bootstrap #fin_periode {width: 120px;}

.bootstrap #recherche_commande input[type=submit] {
	background-color: #00579A;
	background: #258dc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #00579a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#00579a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #258dc8 0%,#00579a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #258dc8 0%,#00579a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#00579a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	border: 1px solid #00579A;
	padding: 5px;
	width: 130px;
}

.bootstrap #principal h1 {margin: 30px 0; font-size: 1.7em; font-style: normal; font-family: Oswald,Calibri,Arial,sans-serif;
padding: 20px 50px 20px 20px; display: inline-block; background:#00579A; color:#FFF; border-radius: 0 8px 8px 0; border-left: 10px solid #01325b;}
@media screen and (max-width: 468px) {.bootstrap #principal h1 {padding: 20px 30px 20px 20px}}

.bootstrap #pagination img:hover {cursor: pointer;}

.bootstrap #recherche_commande .error { margin-top:20px; width: 100%; margin-left:0; padding: 0.6em 1.5em;}

.bootstrap form.idealforms label.main, .bootstrap form.idealforms .field > input, .bootstrap form.idealforms select, .bootstrap form.idealforms button, .bootstrap form.idealforms textarea, .bootstrap form.idealforms .field .group, .bootstrap form.idealforms .field {float: none;}

.bootstrap ul.tabs {width: inherit; float: none;}
.bootstrap ul.tabs li {overflow: inherit;}
.bootstrap ul.tabs li ul {opacity: 0;}
.bootstrap ul.tabs li.active ul {opacity: 1;}
.bootstrap ul.tabs li ul li {float: none;}
.bootstrap ul.tabs li:hover ul {opacity: 1;}
.bootstrap ul.tabs li:hover ul li {z-index: 10000;}
/* .bootstrap #menu.menuOver li .menu_body {padding: 0;} */
.bootstrap .suivi-bouton-suivi input[type="submit"] {	-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;}
.suivi-titre-article img {vertical-align: middle;}
/* valeur line-height ci-dessous correspond à bootstrap  */
#menu.menuOver li .menu_body {line-height: 1.42857;}

/* pour librairie, la grille de bootstrap avec la valeur box-sizing: border-box oblige à augmenter la hauteur des points de menus puisque celle-ci ne s'additionne plus au padding */ 
.bootstrap #menu.menuOver li a {height: 55px;}
/* même principe pour sites éditions et diffusions */
.bootstrap .niv1, .niv1:visited {height:54px;}
.bootstrap .container-fluid {padding:0;}

/* --------- POUR SUIVI COMMANDES SUR SITES EDITIONS ET DIFFUSIONS ----------- */
.bootstrap #bloc-droit.ssl form {max-width: inherit;}
.bootstrap #bottom {background-color:#eeeeee }
.bootstrap #principal.newprocess {font-size: 14px;}
.bootstrap .newprocess #bloc-droit {padding:0;}

/* ------------ NOUVEAU MENU MON PROFIL ------------------------------- */
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

#entete .dr-menu {
	max-width: 500px;
	position: absolute;
	font-size: 1em;
	line-height: 2.5;
	font-weight: 400;
	color: #fff;
	padding-top: 1.8em;
	font-family: Oswald, Calibri, Arial, sans-serif;
}

@media screen and (max-width: 468px) {#entete .dr-menu {min-width: inherit;}}

#entete .dr-menu > div  {
	cursor: pointer;
	position: absolute;
	width: 85%;
	z-index: 100;
}

#entete .dr-menu > div .dr-icon {
	top: 2px;
	left: 0;
	position: absolute;
	font-size: 31px;
	line-height: 2;
	padding: 0 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
@media screen and (max-width: 468px){#entete .dr-menu > div .dr-icon {padding:5px 10px 0 10px;}}
@media screen and (max-width: 468px){#entete .dr-menu.dr-menu-open > div .dr-icon {padding:0 3px;}}

#entete .dr-menu > div .dr-trigger .dr-icon {font-size:150%;}

#entete .dr-menu.dr-menu-open > div .dr-icon {
	color: #ffffff;
	left: 96%;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

#entete .dr-menu > div .dr-icon:after {
	content: "\f0d9";
	position: absolute;
	font-size: 100%;
	line-height: 2;
	opacity: 0;
	top: 2px;
}

#entete .dr-menu.dr-menu-open > div .dr-icon:after {
	opacity: 1;
	left: -40%;
}

#entete .dr-menu > div .dr-label {
	padding-top: 45px;
	position: relative;
	display: block;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.2;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#entete .dr-menu.dr-menu-open > div .dr-label {
	-webkit-transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	transform: translateY(-90%);
}

#entete #connexion-libellé-menu {display:block; letter-spacing:0px; padding-left:0; margin-left:-15px; font-weight:normal; line-height:1.2; padding-top:45px;}

#entete .dr-menu ul {
	padding: 0;
	margin: 0 1em 0 0;
	list-style: none;
	display: none;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: relative;
	z-index: 0;
	pointer-events: none;
	-webkit-transition: opacity 0s linear 205ms;
	-moz-transition: opacity 0s linear 205ms;
	transition: opacity 0s linear 205ms;
}

#entete.sans-js .dr-menu ul {display: block; opacity: 1;}

#entete .dr-menu.dr-menu-open ul {
	display: block;
	opacity: 1;
	filter: alpha(opacity = 100);
	z-index: 2000;
	pointer-events: auto;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#entete .dr-menu ul li {
	display: block;
	margin: 0 0 5px 0;
	opacity: 0;
}

#entete.sans-js .dr-menu ul li {opacity: 1;}


#entete .dr-menu.dr-menu-open ul li {
	opacity: 1;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(2) {
	-webkit-transition-delay: 35ms;
	-moz-transition-delay: 35ms;
	transition-delay: 35ms;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(3) {
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	transition-delay: 70ms;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(4) {
	-webkit-transition-delay: 105ms;
	-moz-transition-delay: 105ms;
	transition-delay: 105ms;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(5) {
	-webkit-transition-delay: 140ms;
	-moz-transition-delay: 140ms;
	transition-delay: 140ms;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(6) {
	-webkit-transition-delay: 175ms;
	-moz-transition-delay: 175ms;
	transition-delay: 175ms;
}

#entete .dr-menu.dr-menu-open ul li:nth-child(7) {
	-webkit-transition-delay: 205ms;
	-moz-transition-delay: 205ms;
	transition-delay: 205ms;
}

#entete .dr-menu ul li a {
	display: inline-block;
	padding: 0 0 0 1.2em;
	color: #fff;
	text-decoration: none;
}

#entete .side a:hover {text-decoration: none;}

#entete .dr-menu ul li a:hover {
	color: #68AED8;
}

#entete .dr-icon:before, 
#entete .dr-icon:after {
	position: relative;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

#entete .dr-menu ul .dr-icon:before {
	margin-right: 15px;
}

#entete #nom-profil {font-size:1.1em;}
.dr-menu .bold {font-weight: bold;}


#entete .dr-icon-basket::before {
	content: "\f291";
	color:#FFFFFF;
	margin-right: 10px;
	font-size: 28px;
}

#entete .dr-menu .fa-li {left: -1.2em;top:0}
#entete .dr-menu.dr-menu-open {border-radius: 4px;}
#entete .dr-menu .opacity-med {opacity: 0.5;}
#entete .dr-menu .padding-zero {padding:0;}
#entete .dr-menu.dr-menu-open ul li ul {margin:0;}
#entete .dr-menu .fa-li {position: inherit; width:0.3em;}

#entete .side {
	padding-right: 10px;
	font-size: 18px;
	position: relative;
	background:#00579A;
}

#entete.sans-js .side {background: transparent;}

@media screen and (min-width: 768px) {#ntete .side .dr-icon {font-size:30px; margin-top:-8px;}}

#entete .dr-menu.dr-menu-open {
	background-color: #353d4b;
	padding: 2em 3.3em 0 3em;
	z-index: 10000;
	box-shadow: 0 0 10px #333;
	margin-left: -90px;
}

@media screen and (min-width: 768px) {#entete .dr-menu.dr-menu-open {margin-left:-180px;}}


@media screen and (max-width: 468px) {
	#entete .dr-menu {}
	#entete .side {font-size:1.3em;}
	#entete .side #nom-profil {font-size:1em;}
	#entete .dr-menu ul {margin: 0;}
	#entete .dr-menu > div .dr-icon::after {top:0;}
	#entete .dr-menu.dr-menu-open {padding:2em 1.3em 0 3em; width:275px;}
	/* #entete .dr-menu > div .dr-icon::after {left:-100%;} */
}

@media screen and (min-width: 469px) {
	#entete .dr-menu.dr-menu-open {min-width:350px;}
}

/* --------------------------- FIN NOUVEAU MENU MON PROFIL ------------------------------ */

#suivi-commandes h2 {color:#00579A;margin-bottom:30px;font-size:25px;}
@media screen and (max-width: 468px) {#suivi-commandes h2, #suivi-commandes h2.col-md-12 {font-size:20px; padding:0;}}
#suivi-commandes .suivi-details-clients .title {letter-spacing:-0.1px;}

#entete.sans-js .dr-menu ul span {display: block; opacity: 1;}
#entete.sans-js .dr-menu ul li ul {background: #00579A; display:none; width: 280px;}
#entete.sans-js .dr-menu ul:hover li ul {display: block;}
#entete.sans-js .dr-menu ul {pointer-events: auto; padding-left: 50px;}
#entete.sans-js .dr-menu {max-width: inherit;}

/* ------------------------ DEBUT CSS NOUVELLE NOTICE ----------------- */

.bootstrap #principal #notice h1 {padding: inherit;}
.bootstrap #principal #notice h1 { display: block; background: transparent; color:#36A0CF; font-size:30px; border-bottom: 1px solid #e5e5e5; border-radius: inherit; padding: 0 0 10px 0; border-left:0; line-height:1.1em; font-weight:500;}
.bootstrap #principal #notice h1 span {padding: 0; display:block;}
.bootstrap #principal #notice h1 span.edition {font-size:23px;}
.bootstrap #principal #notice div.langue, .bootstrap #principal #notice #cover h2 {color:#333;}