/* Essentiel - Newton Application - Build : 17 */

/* @group Animation */

/* @group Rotation */

@-webkit-keyframes Rotation {
  0% {-ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);}  
}

@-moz-keyframes Rotation {
  0% {-ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);}
}

@-o-keyframes Rotation {
  0% {-ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);}
}

@-keyframes Rotation {
  0% {-ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);}
}

/* @end */

/* @group FadeOut */

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@-o-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

/* @end */

/* @group FadeIn */

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-o-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* @end */

/* @end */

/* Bloc avec ratio */
[style*="--aspect-ratio"] > :first-child {
	width: 100%;
}
[style*="--aspect-ratio"] > img {
	height: auto;
}
@supports (--custom:property) {
	[style*="--aspect-ratio"] {
		position: relative;
	}
	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
	}
	[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}

/* @group Options Web */

/* @group Zone de recherche */

.iscZoneRecherche {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
}

.iscZoneRecherche .encours {
	background-color: rgba(14,14,15,0.5);
	display: inline-block;
	width: 95%;
	padding: 0;
	margin: 5px 1%;
	vertical-align: top;
	overflow: hidden;
	min-width: 200px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.iscZoneRecherche .encours h3 {
	background-color: rgba(251,252,255,0.15);
	margin: 0 0 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

.iscZoneRecherche .etiquette {
	background-color: rgba(253,252,255,0.7);
	display: block;
	margin: 10px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	position: relative;
	min-height: 26px;
	text-shadow: none;

}

.iscZoneRecherche .etiquette h4 {
	padding: 3px 50px 3px 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin: 0;
	text-align: left;
	color: black;
}

.iscZoneRecherche .etiquette a.suite {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #919191 url(images/interface/icone_fleche_droite.png) no-repeat 4px center;
	background-size: 70%;
	-webkit-filter: invert(.8);
    filter: invert(.8);
}

.iscZoneRecherche .etiquette a.suite:hover {
	background-color: #797979;
}

.iscZoneRecherche .etiquette a.suite span {
	display: none;
}

.iscZoneRecherche .etiquette a.retour {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #919191;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	right: 26px;
		background: #919191 url(images/interface/icone_fleche_gauche.png) no-repeat 1px center;
	background-size: 70%;
	-webkit-filter: invert(.8);
    filter: invert(.8);
}

.iscZoneRecherche .etiquette a.retour:hover {
	background-color: #797979;
}

.iscZoneRecherche .etiquette a.retour span {
	display: none;
}

.iscZoneRecherche .etiquette a.supprimer {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #919191;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #919191 url(images/interface/icone_effacer.png) no-repeat center center;
	background-size: 70%;
	-webkit-filter: invert(.8);
    filter: invert(.8);
}

.iscZoneRecherche .etiquette a.supprimer:hover {
	background-color: #797979;
}

.iscZoneRecherche .etiquette a.supprimer span {
	display: none;
}

.iscZoneRecherche .etiquette a.ajouter {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #919191;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #919191 url(images/interface/icone_ajouter.png) no-repeat center center;
	background-size: 70%;
	-webkit-filter: invert(.8);
    filter: invert(.8);
}

.iscZoneRecherche .etiquette a.ajouter:hover {
	background-color: #797979;
}

.iscZoneRecherche .etiquette a.ajouter span {
	display: none;
}

.iscZoneRecherche .etiquette a.enlever {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #919191;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	right: 26px;
	background: #919191 url(images/interface/icone_enlever.png) no-repeat center center;
	background-size: 70%;
	-webkit-filter: invert(.8);
    filter: invert(.8);
}

.iscZoneRecherche .etiquette a.enlever:hover {
	background-color: #797979;
}

.iscZoneRecherche .etiquette a.enlever span {
	display: none;
}

.iscZoneRecherche .filtre {
	background-color: rgba(14,14,15,0.5);
	display: inline-block;
	width: 95%;
	padding: 0 0 15px;
	margin: 5px 1%;
	vertical-align: top;
	overflow: hidden;
	min-width: 200px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.iscZoneRecherche .filtre a {
	color: white;
}

.iscZoneRecherche .filtre h3 {
	background-color: rgba(251,252,255,0.15);
	margin: 0 0 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

.iscZoneRecherche .filtre h4 {
	background-color: rgba(251,252,255,0.3);
	margin: 0 0 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.iscZoneRecherche .filtre ul {
	-max-height: 310px;
	margin: 0;
	padding: 0;
}

.iscZoneRecherche .filtre li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.iscZoneRecherche .filtre li a {
	display: block;
	padding-top: 1px;
	padding-bottom: 4px;
	padding-left: 15px;
}

.iscZoneRecherche .filtre li a:hover {
	display: block;
	background-color: rgba(255,255,255,0.15);
}

.iscZoneRecherche .filtre ul .naMiniCal {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

@media screen and (max-width: 520px) {

.iscZoneRecherche {
	width: 98%;
}

}



/* @end */



/* @end */

/* @group Essentiel */

/* @group Attente */

.najsInterfaceAttente {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	margin: 0;
	padding: 0;
	z-index: 100;
	background-color: rgba(0,0,0,0.45);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.najsInterfaceAttente .iconeAttente {
	margin-left: -32px;
	width: 64px;
	height: 64px;
	background: url(images/attente/attente_claire.png) 0 0px;
	background-size: 100%;
    animation: Rotation 1s infinite linear;
	top: 50%;
	position: absolute;
	margin-top: -32px;
	left: 50%;
}

.najsInterfaceAttente .iconeAttente.mini {
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
}

.najsInterfaceAttente .iconeAttente.nano {
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -8px;
}

/* @end */

/* @group Popup */

.najsInterfacePopup {
    /* display: block; */
    /* top: 0; */
    /* left: 0; */
    position: absolute;
    /* width: 100%; */
    /* height: 100%; */
    /* margin: 0; */
    /* padding: 0; */
    z-index: 2500;
}

.najsInterfacePopup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	color: black;
	margin: 0;
	padding: 0;
	opacity: 0.1;
}

.najsInterfacePopup_fenetre {
	display: block;
	background-color: rgba(0,0,0,0.95);
	border-radius: 15px;
	box-shadow: 3px 3px 18px rgba(0,0,0,0.5);
	border: 2px solid white;
	outline: 3px solid black;
	left: 5px;
	top: 20%;
	position: absolute;
	margin: 0;
}

.najsInterfacePopup_fenetre button {
	margin-left: 10px;
	margin-right: 10px;
}

.najsInterfacePopup_fenetre button.valide {
	background-color: rgba(3, 60, 135, 1);
}

.najsInterfacePopup.dialogue .najsInterfacePopup_fenetre {
	min-width: 392px;
}

.najsInterfacePopup.alerte .najsInterfacePopup_fenetre {
	min-width: 392px;
	background-color: rgba(0,7,73,0.85);
}

.najsInterfacePopup_fenetre.ouverture {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.najsInterfacePopup_fenetre.fermeture {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;

	transition: all 0.5s;
	transform: scale(0.9) translateY(-30px) translateX(-10px);
	filter: blur(20px);
}

.najsInterfacePopup_marge {
	color: white;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 12px;
    padding-bottom: 0px;
}

.najsInterfacePopup_fleche {
	display: block;
	width: 20px;
	height: 16px;
	position: absolute;
	z-index: 1;
	background: url(images/popup/fleche.png) no-repeat center center;
	padding: 10px;
}

.najsInterfacePopup_fleche.off {
	display: none;
}

.najsInterfacePopup_fleche.haut {
	top: -25.5px;
	padding-right: 18px;
	padding-left: 18px;
	left: 20px;
}

.najsInterfacePopup_fleche.bas {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	bottom: -25.5px;
	left: 0;
	padding-right: 18px;
	padding-left: 18px;
}

.najsInterfacePopup_fleche.droite {
	-ms-transform: rotate(90deg);  /* IE 9 */
    -webkit-transform: rotate(90deg);  /*Chrome, Safari, Opera*/ 
    transform: rotate(90deg);
	top: 20px;
	right: -27.5px;
	margin-top: -20px;
}

.najsInterfacePopup_erreur {
	background-color: #fdfcff;
	color: red;
	padding: 6px;
	width: 350px;
	border-radius: 8px;
	margin-top: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.najsInterfacePopup .popupEntete {
	border-radius: 8px;
    position: relative;
	background-color: rgba(255,255,255,0.2);
	height: 30px;
	display: block;
	margin:0;
}

.najsInterfacePopup .popup-dragging {
  transform: scale(1.02);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.najsInterfacePopup .popupEntete .titre {
	display: block;
	padding-top: 7px;
	text-align: center;
	font-weight: bold;
}

.najsInterfacePopup .popupEntete button.retour {
	float: left;
	background-color: rgba(255,255,255,0.3);
	height: 22px;
	margin-top: 4px;
	border-radius: 6px;
	box-shadow: none;
}

.najsInterfacePopup .popupEntete button.retour:hover {
	background-color: rgba(255,255,255,0.5);
}

.najsInterfacePopup .popupEntete button.retour .texte {
	padding-right: 8px;
	padding-left: 8px;
}

.najsInterfacePopup .popupEntete:after {
    content: "";
    background: linear-gradient(#000000,rgba(0, 0, 0, 0));
    position: absolute;
    bottom: -12px;
    z-index: 1;
    left: 0px;
    right: 0px;
    height: 12px;
}

.najsInterfacePopup .popupContenu:after {
    content: "";
    background: linear-gradient(rgba(0, 0, 0, 0), #000000);
    position: absolute;
    bottom: 0px;
    left: 12px;
    right: 12px;
    height: 15px;
}

.najsInterfacePopup .popupContenu {
	display: block;
	max-width: 400px;
	overflow: auto;
    padding-top: 4px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 15px;
}

.najsInterfacePopup hr {
	border-width: 0;
	border-style: none;
	height: 1px;
	background-color: rgba(255,255,255,0.19);
	margin-top: 8px;
	margin-bottom: 4px;
}

.najsInterfacePopup ul.menu {
	border-radius: 8px;
	background-color: rgba(255,255,255,0.1);
	padding: 0;
	margin: 0;
	margin-top: 8px;
	margin-left: -3px;
	margin-right: -3px;
	overflow: hidden;
}

.najsInterfacePopup ul.menu li {
	list-style-type: none;
	padding: 8px 5px 8px 10px;
	margin: 0;
	display: block;
	border-bottom: 1px solid rgba(254,255,255,0.1);
	position: relative;
}

.najsInterfacePopup ul.menu li.nonlu {
	font-weight: bold;
	background-color: rgba(255,255,255,0.1);
}

.najsInterfacePopup ul.menu li:before {
	content: '〉';
	display: block;
	position: absolute;
	right: 5px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 25px;
	line-height: 16px;
}

.najsInterfacePopup ul.menu li:last-child {
	border-bottom-style: none;
}

.najsInterfacePopup ul.menu li:hover {
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}

.najsInterfacePopup fieldset {
	margin: 8px 0 0;
	border-width: 0;
	padding: 0;
	width: 100%;
}

.najsInterfacePopup fieldset > legend {
	display: block;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	font-style: italic;
	opacity: 0.5;
}

.najsInterfacePopup fieldset .fieldset_mg {
	margin: 0;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.1);
	display: table;
	padding: 5px 0;
	width: 100%;
}

.najsInterfacePopup .formulaireFixe .champ {
	padding: 0;
	margin-left: 10px;
	display: inline-table;
}

.najsInterfacePopup p.legende{
	font-style: italic;
	font-size: 0.9em;
	margin-bottom: 15px;
	opacity: 0.7;
}

.najsInterfacePopup h4, .najsInterfacePopup h5, .najsInterfacePopup p, .najsInterfacePopup .zoneInfos {
	margin: 5px 0px 10px;
	border-width: 0;
}

.najsInterfacePopup .formulaireChamp a {
	color: white;
}

.najsInterfacePopup .formulaireZoneTexte textarea {
	max-width: 397px;
}

.najsInterfacePopup .formulaireZoneTexte label {
	display: block;
}

.najsInterfacePopup .zoneBouton {
	display: table;
	width: 100%;
	padding: 0;
	margin: 5px 0 2px;
	text-align: center;
}

.najsInterfacePopup .boutonOK {
	float: right;
}

.najsInterfacePopup .najsInterfaceAttente {
	border-radius: 15px;
}

/* ** ETUDE ** */

.najsInterfacePopup .listeRecherche {
	border: 1px solid white;
	margin-bottom: 15px;
	margin-top: 10px;
}

.najsInterfacePopup .listeRecherche .contenu {
	display: block;
	position: relative;
	height: 200px;
	background-color: rgba(253,252,255,0.81);
}

.najsInterfacePopup .listeRecherche .outils {
	background-color: rgba(254,255,255,0.9);
	height: 32px;
}



/* @end */

/* @group Formulaire */

.formulaireZoneTexte.tMaxi textarea {
	width: 100%;
}

.formulaireRadio .champCheckbox {
	position: relative;
}

.formulaireRadio .champCheckbox .etiquette {
	display: block;
	position: absolute;
	min-width: 400px;
	z-index: 10;
	color: white;
	background-color: rgba(0,0,0,0.9);
	border-radius: 8px;
	left: 20px;
	top: 18px;
	height: 0;
	overflow: hidden;
	width: 0;
	padding: 0;
	-webkit-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	opacity: 0;
}

.formulaireRadio .champCheckbox:hover .etiquette {
	opacity: 1;
	border: 2px solid white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  	box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	padding: 3px;
	height: auto;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
}



/* @end */

/* @group Bouton */

.naSelectionPeriode {
	background-color: black;
	height: 20px;
	color: white;
	font-size: 12px;
	vertical-align: middle;
	-webkit-border-radius: 9px;
	padding: 0;
	-webkit-box-shadow: 0px 0px 4px rgba(255,255,255,0.8);
	
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.48, rgba(255,255,255,0.21)),
   		color-stop(0.47, rgba(255,255,255,0))
);

	border-style: none;
	display: inline-block;
	margin-top: 2px;
	margin-left: 3px;
}

.naSelectionPeriode:hover {
	background-color: #1a3559;
}

.naSelectionPeriode .infoDate {
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	padding: 3px 2px 5px;
	width: 160px;
	text-align: center;
}

.naSelectionPeriode button.precedent, .naSelectionPeriode button.suivant  {
	position: relative;
	background-image: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	font-size: 17px;
}
.naSelectionPeriode button.precedent:hover, .naSelectionPeriode button.suivant:hover  {
	background-image: none;
	background-color: transparent;
}

#menuChoixMode {
	text-align: center;
}

#menuChoixMode button {
	margin: 0 6px 6px;
}

#menuChoixMode button.actif {
	background-color: #004d92;
}

#menuChoixMode button .marge {
	border-width: 0;
	padding: 0 5px;
	margin: 0;
}


/* @end */

/* @group Calendrier */

.naMiniCal {
	display: inline-table;
	width: 220px;
	height: 220px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	border: 1px solid #a1a2a4;
}

.naMiniCal tr.moisTitre td {
	font-weight: bold;
	text-align: center;
}

.naMiniCal button.precedent {
	float: left;
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
}

.naMiniCal button.precedent .marge {
	border-width: 0 !important;
	padding: 0 !important;
	float: left;
	margin-left: 5px;
}

.naMiniCal button.suivant {
	float: right;
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
}

.naMiniCal button.suivant .marge {
	border-width: 0 !important;
	padding: 0 !important;
	float: left;
	margin-left: 5px;
}

.naMiniCal .moisTitre .mois {
	display: inline-block;
	padding-top: 5px;
}

.naMiniCal tr.jourTitre td {
	font-size: 10px;
	text-align: center;
}

.naMiniCal tr.jourNombre td {
	border-right: 1px solid #a1a2a4;
	border-top: 1px solid #a2a3a5;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
.naMiniCal tr.jourNombre td.action:hover {
	cursor: pointer;
}

.naMiniCal tr.jourNombre td.jourOff {
	color: rgba(169,169,169,0.48);
}

.naMiniCal tr.jourNombre td.samedi {
	background-color: rgba(254,254,254,0.2);
}

.naMiniCal tr.jourNombre td.dimanche {
	background-color: rgba(255,255,255,0.3);
	border-right: none;
}

.naMiniCal tr.jourNombre td.jourOccupe {
	background-color: rgba(255,24,20,0.5);
}

.naMiniCal tr.jourNombre td.jourAttente {
	background-color: rgba(255,127,20,0.5);
}

.naMiniCal tr.jourNombre td.jourActuel {
	background-color: #006cc4;
}

.naMiniCal tr.jourNombre.selectionMois td.jourValide {
	background-color: #006cc4;
}

.naMiniCal tr.jourNombre.selectionSemaine:hover {
	cursor: pointer;
	background-color: rgba(226,226,226,0.15);
}

.naMiniCal tr.jourNombre.selectionJour td:hover {
	cursor: pointer;
	background-color: rgba(226,226,226,0.15);
}



/* @end */

/* @group najsAlert */

#najsAlertBox {
	display: block;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 1000;
	right: 0;
	bottom: 0;
}

#najsAlertBox button {
	-webkit-box-shadow: 0px 0px 5px rgba(250, 250, 250, 1);
	margin-right: 10px;
	margin-left: 10px;
}

#najsAlertBox a {
	color: white;
}

#najsAlertBox_overlay {
	position: fixed;
	top: 0;
	left: 0;
	-z-index: 90;
	width: 100%;
	height: 100%;
	background-color: black;
	color: black;
	margin: 0;
	padding: 0;
	opacity: 0.3;
}

#najsAlertBox_window {
	display: block;
	background-color: rgba(0,0,0,0.9);
	width: 504px;
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	padding: 3px 0;
	position: relative;
	top: -20px;
	margin: 0 auto;
	border: 2px solid rgba(254,255,255,0.8);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
	-max-height: 90%;
	max-width: 98%;
	overflow: hidden !important;
	color: white;
}


#najsAlertBox_window {
    transform: translateY(-50px);
    opacity: 0;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

#najsAlertBox_window.appear {
    opacity: 1;
    transform: translateY(0);
}

#najsAlertBox_window_box {
	font-size: 28px;
	text-align: left;
	-webkit-border-radius: 15px;
	margin: 0 auto;
	display: block;
	overflow: auto;
	padding: 30px 0 20px;
	width: 100%;
}

#najsAlertBox .addCode {
	text-align: left;
	font-size: 13px;
	display: block;
	width: 95%;
	margin: 0 auto 10px;
	position: relative; 
}

#najsAlertBox .addCode label {
	display: inline-block;
	width: 160px;
	text-align: right;
}

#najsAlertBox .addCode .formulaireChamp {
}

#najsAlertBox .addCode .formulaireChamp a:hover {
	background-color: rgba(254,255,255,0.18);
}

#najsAlertBox .addCode .formulaireChamp a:active {
	background-color: rgba(254,255,255,0.26);
}

#najsAlertBox .addCode .formulaireCoche .groupeCoche {
	display: inline-table;
	width: 220px;
	vertical-align: top;
}

#najsAlertBox .addCode .formulaireCoche .champCheckbox {
	display: block;
	margin-bottom: 5px;
}

#najsAlertBox .addCode .formulaireRadio .groupeRadio {
	display: inline-block;
	vertical-align: top;
}

#najsAlertBox .addCode .formulaireRadio .champCheckbox {
	display: table;
	margin-bottom: 5px;
}

#najsAlertBox .addCode .formulaireRadio .champCheckbox input {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
}

#najsAlertBox .addCode .formulaireCoche input {
	display: inline;
	vertical-align: top;
}

#najsAlertBox .addCode .formulaireCoche .champ {
	display: inline-table;
	width: 150px;
	vertical-align: top;
}

#najsAlertBox .addCode .formulaireMenu select {
	max-width:288px;
	text-overflow: ellipsis;
}

#najsAlertBox p.text {
	text-shadow: black 0px 0px 0px;
	padding: 0;
	margin: 0 20px 20px;
	font-weight: bold;
	font-size: 13px;
}

#najsAlertBox p.comment {
	font: italic 12px Verdana, Lucida, sans-serif;
	text-shadow: black 0px 0px 0px;
	padding: 0;
	margin: 0 20px 10px;
}

#najsAlertBox p.blockButton {
	text-align: right;
	margin: 0 5px -5px 0;
}

/* -- */

#najsAlertBox_window.dialogBox {
	-webkit-border-radius: 18px;
	margin: 5% auto auto;
	width: 780px;
	-min-height: 250px;
}

#najsAlertBox_window.dialogBox #najsAlertBox_window_box {
}

#najsAlertBox_window.dialogBox .addCode label {
	width: 200px;
}

@media screen and (max-width: 600px) {

#najsAlertBox_overlay {
	position: fixed;
	top: 0;
	left: 0;
}

#najsAlertBox_window {
	width: 98%;
	position: fixed;
	margin-top: 15px;
}

#najsAlertBox_window.dialogBox {
	width: 98%;
	margin-top: 24px;
	position: fixed;
}

#najsAlertBox_window_box {
	padding-top: 12px;
	padding-bottom: 12px;
}

}

#najsAlertBox_window.dialogBox .addCode {
	width: 95%;
	margin: 5px auto;
}

#najsAlertBox_window.dialogBox .zoneOutliner {
	height: 200px;
	display: block;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	background-color: rgba(25,25,25,0.6);
	margin-bottom: 10px;
}

#najsAlertBox_window.dialogBox .zoneDoubleColonne {
	display: block;
	height: 200px;
	position: relative;
}

#najsAlertBox_window.dialogBox .zoneDoubleColonne .col1 {
	width: 390px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-right: 1px solid white;
}

#najsAlertBox_window.dialogBox .zoneDoubleColonne .col2 {
	width: 348px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0.05);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner > .titre {
	display: block;
	height: 17px;
	overflow: hidden;
	text-align: center;
	color: white;
	padding-top: 1px;
	border-bottom: 1px solid #606060;
	background: rgba(255,255,255,0.25) repeat-x left top;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	font-style: italic;
	font-size: 11px;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner > .outils {
	display: block;
	position: absolute;
	top: 19px;
	left: 0;
	right: 0;
	height: 27px;
	border-bottom: 1px solid rgba(255,255,255,0.09);
	background: rgba(255,255,255,0.1) repeat-x left top;
	overflow: hidden;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner > .contenu {
	top: 47px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	display: block;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner > .contenu.sansOutils {
	top: 19px;
}

/* -- */

#najsAlertBox_window.dialogBox .zoneOutliner .zoneContenu {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 3px;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li {
	border-bottom-color: rgba(255,255,255,0.1);
	font-size: 11px;
	background-color: rgba(254,255,255,0.1);
	color: white;
	text-shadow: rgba(0,0,0,0.5) 0 0 2px;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li.selected {
	border-top-color: rgba(255,255,255,0.5);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li.selected a {
	color: white;
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li .tree  {
	background-image: url(images_najsOutliner/DisclosureSelectRightNormal.png);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li .tree:active {
	background-image: url(images_najsOutliner/DisclosureSelectRightPressed.png);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li.expanded .tree  {
	background-image: url(images_najsOutliner/DisclosureSelectNormal.png);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner li.expanded .tree:active {
	background-image: url(images_najsOutliner/DisclosureSelectDownPressed.png);
}

#najsAlertBox_window.dialogBox .zoneOutliner .contenuOutliner .treePadding > .icon {
	font-size: 12px;
}

#najsAlertBox_window.dialogBox .najsOutliner a.lienFleche {
	padding: 0 17px 0 0;
	background: transparent url(images_ficheClassique/iconsmal_lien.png) no-repeat right -1px;
	text-decoration: none;
	color: white;
	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 9px;
	display: table;
	margin-top: -1px;
	margin-left: 0;
	font-size: 11px;
	height: 18px;
	margin-bottom: -1px;
}

#najsAlertBox_window.dialogBox .najsOutliner a.lienFleche:hover {
	background-color: transparent;
	border-color: rgba(0,0,0,0.05);
	text-decoration: underline;
}

#najsAlertBox_window.dialogBox .najsOutliner a.lienFleche:active {
	color: #b4cecd;
}

#najsAlertBox_window.dialogBox .najsOutliner .bulleBouton {
	display: block;
	float: right;
	padding: 1px 4px 3px 7px;
	margin: 2px 2px 0;
	color: white;
	font: bold 11px sans-serif;
	-webkit-border-radius: 7px;
}

#najsAlertBox_window.dialogBox .najsOutliner .infosPetit {
	color: rgba(255,255,255,0.75);
}

/*#najsAlertBox_window.dialogBox .najsOutliner .bulleBouton a {
	padding: 2px 20px 2px 5px;
	background: red url(images_ficheClassique/iconsmal_lien.png) no-repeat right 0;
	text-decoration: none;
	color: white;
	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 9px;
	font-size: 11px;
}*/

#najsAlertBox_window.dialogBox .zoneOutliner .outils input[type="search"]  {
	font-size: 14px;
	margin-top: 4px;
	margin-left: 4px;
	width: 200px;
	vertical-align: 0;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireCoche {
	
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireChamp {
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
	display: inline-block;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireMenu {
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
}

#najsAlertBox_window.dialogBox .zoneOutliner label {
	display: inline-block;
	width: 120px;
	text-align: right;
	vertical-align: bottom;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireFixe .champ {
	display: inline-table;
	margin: 0 5px 0 0;
	vertical-align: top;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireCoche .groupeCoche {
	display: inline-table;
	width: 220px;
	vertical-align: top;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireCoche .champCheckbox {
	display: block;
	margin-bottom: 5px;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireCoche input {
	display: inline;
	vertical-align: top;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireCoche .champ {
	display: inline-table;
	width: 150px;
	vertical-align: top;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireChamp a {
	color: white;
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireChamp a:hover {
	background-color: rgba(255,255,255,0.15);
}

#najsAlertBox_window.dialogBox .zoneOutliner .formulaireMenu select {
}

/* blocInfos & blocAlerte */

#najsAlertBox_window.dialogBox .blocInfos {
	background-color: rgba(252,250,24,0.1);
	border: 1px solid rgba(252,254,24,0.5);
	padding-left: 10px;
	margin-bottom: 10px;
}

#najsAlertBox_window.dialogBox .blocAlerte {
	background-color: rgba(248,16,15,0.1);
	border: 1px solid rgba(248,16,15,0.5);
	padding-left: 10px;
	margin-bottom: 10px;
}



/* @end */



/* @end */

/* @group najsInterface */

.najsInterface_fond {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 149;
}

.najsInterface_centre {
	background-color: transparent;
	top: 50%;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 150;
	bottom: 0;
}

.najsInterface_menu {
	background-color: #d0d0d0;
	width: 300px;
	bottom: 0;
	margin: -200px auto 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:    1px 1px 10px 0px rgba(0,0,0,0.60);
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.60);
	box-shadow:         1px 1px 10px 0px rgba(0,0,0,0.60);
	overflow: hidden;
	color: black;
}

.najsInterface_menu button {
	margin-top: 10px;
	margin-bottom: 10px;
}

.najsInterface_menu .titre {
	padding-top: 5px;
	padding-bottom: 6px;
	font-style: italic;
	font-size: 0.85em;
	color: #666;
}

.najsInterface_menu .liste {
	height: 250px;
	overflow: auto;
}

.najsInterface_menu .autre {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #d6d6d6;
	font-size: 0.9em;
	color: #484848;
}

.najsInterface_menu .ligne {
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 1px;
	cursor: pointer;
}



/* @end */

/* Variables */

:root {
  --margeHorizontaleContenu: 7.5vw;
}

/* Prise en charge des marge dans la taille + antialiase */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}

body {
	color: black;
	background-color: #fff;
	text-align: center;
	font: 11pt Verdana, sans-serif;
	font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
}

/* Gestion de base des éléments et images sépecifiques à un format d'éacran */

@media screen and (max-width: 700px) {
    .medium-screen{
        display: none;
    }
}

@media screen and (min-width: 700px) {

    .small-screen:not(
        .taille2 .small-screen,
        .taille3 .small-screen,
        .taille3b .small-screen,
        .taille4 .small-screen,
        .taille4b .small-screen){
            display: none;
    }

    @media screen and (max-width: 1400px) {
        .taille2  .medium-screen,
        .taille3  .medium-screen,
        .taille3b .medium-screen,
        .taille4  .medium-screen,
        .taille4b .medium-screen{
            display: none;
        }
    }

    @media screen and (min-width: 1400px) {
       .small-screen{
           display: none;
       }
    }

}


/* Transition */

/*
- Fondu
- Glisser par le bas
- Glisser par la droite
- Glisser par la gauche
- Zoom
*/

.apparition_fondu{
  position: relative;
  opacity: 0;
  transition: 1s all ease;
}
.apparition_fondu.active{
  opacity: 1;
}

.apparition_bas{
  position: relative;
  transform: translateY(70px);
  opacity: 0;
  transition: 1s all ease;
}
.apparition_bas.active{
  transform: translateY(0);
  opacity: 1;
}

.apparition_gauche{
  position: relative;
  transform: translateX(-100px);
  opacity: 0;
  transition: 1s all ease;
}
.apparition_gauche.active{
  transform: translateX(0);
  opacity: 1;
}

.apparition_droite{
  position: relative;
  transform: translateX(100px);
  opacity: 0;
  transition: 1s all ease;
}
.apparition_droite.active{
  transform: translateX(0);
  opacity: 1;
}

.apparition_zoom{
  position: relative;
  transform: scale(2);
  opacity: 0;
  transition: 1s all ease;
}
.apparition_zoom.active{
  transform: scale(1);
  opacity: 1;
}

/* Animation */

.animation_rotation_lente{
    animation: Rotation 30s linear infinite;
}

/* Init ISC */

img {
	vertical-align: bottom;
	border-style: none;
	border-width: 0;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.masquer {
	display:none;
}

.stats {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 1px;
}

#isc_revendeur {
	position: relative;
}
#isc_revendeur .infobulle {
	position: relative;
	left: 0px;
	bottom: 0px;
	display: block;
	wh-ite-space: nowrap;
	line-height: 12px;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white;
}
#isc_revendeur:hover .infobulle {
	opacity: 0.8;
}

/* Fonction */

.depliant_mini {
	height: 160px;
	overflow: hidden;
	display: block;
}

.depliant_bouton {
	cursor: pointer;
	color: orange;
}

/* Header */

#header {
    display: table;
	width: 100%;
	font-size: 0.9em;
	background-color: rgba(255,255,255,0.3);
	z-index: 90;
}

#header .header_marge {
    display: table;
    width: 100%;
	margin: auto;
}

#header #logoEntete  {
	display: block;
	overflow: hidden;
	background: url(images/base/entete_logo.png) no-repeat;
	float: left;
	background-size: 100% 100%;
	width: 210px;
	height: 70px;
}

#header #logoEntete .texte {
	position: relative;
	top: -40px;
}

#header .contenuAvecLogo {
	display: block;
	min-height: 60px;
	margin-left: 210px;
	padding-top: 22px;
	z-index: 100;
    position: relative;
}

@media screen and (max-width: 800px) {

#header .contenuAvecLogo p {
	margin-right: 0;
	margin-left: 0;
	font-size: 10px;
}

}

@media screen and (max-width: 700px) {
	#header .contenuAvecLogo {
		margin-left: 210px;
		margin-right: 95px;
		font-size: 0.8em;
	}
}

@media screen and (max-width: 600px) {

#header #logoEntete {
	width: 167px;
	height: 57px;
}

#header .contenuAvecLogo {
	margin-left: 167px;
	padding-top: 4px;
}
}

/* headerContact */

#headerContact {
	display: block;
	font-size: 12px;
	color: #5e5e5e;
	height: 18px;
	text-align: right;
	padding-right: 5px;
	padding-top: 1px;
}

#headerContact a {
	color: black;
	opacity: 0.6;
}

#headerContact a:hover {
	color: black;
	opacity: 1;
}

#headerContact .telephone {
	font-weight: bold;
	background: url(images/interface/icone_telephone.png) no-repeat 1px center;
	background-size: 14px;
	padding-left: 17px;
}

#headerContact .facebook {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
	margin-left: 0;
	background: url(images/websocial/icone_websocial.png) 0px 0px;
	background-size: 100px 16px;
}

#headerContact .facebook i {
	display: none;
}

#headerContact .twitter {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
	margin-left: 0;
	background: url(images/websocial/icone_websocial.png) 75px 0px;
	background-size: 100px 16px;
}

#headerContact .twitter i {
	display: none;
}

#headerContact .googleplus {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 1px;
	margin-left: 2px;
	background: url(images/websocial/icone_websocial.png) 50px 0px;
	background-size: 100px 16px;
}

#headerContact .googleplus i {
	display: none;
}

#headerContact .lang_menu  {
	display: inline-block;
	position: relative;
	margin-top: -3px;
	padding: 3px 0 0;
	margin-right: -7px;
	margin-left: -2px;
}

#headerContact .lang_menu span  {
	position: relative;
	padding: 0 7px 0 8px;
	z-index: 1;
}

#headerContact .lang_menu .lang_liste {
	display: none;
	position: absolute;
	top: 18px;
	text-align: left;
	background-color: white;
	width: 180px;
	padding-bottom: 20px;
	padding-top: 20px;
	right: 0;
	-webkit-box-shadow: 2px 2px 5px #808080;
	-moz-box-shadow: 2px 2px 5px #808080;
  	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

#headerContact .lang_menu .lang_liste a {
	display: block;
	padding: 8px 5px 5px 25px;
	font-weight: bold;
}

#headerContact .lang_menu:hover {
	background-color: white;
	-webkit-box-shadow: 2px 2px 5px #808080;
	-moz-box-shadow: 2px 2px 5px #808080;
  	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

#headerContact .lang_menu:hover span  {
	background-color: white;
}

#headerContact .lang_menu:hover .lang_liste {
	display: block;
}

@media screen and (max-width: 600px) {

#headerContact {
	-display: none;
}

}

/* Main */

#main {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	display: table;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
}



/* Footer */

#footer {
	display: block;
	padding: 20px 0;
	font-size: 0.8em;
	position: relative;
	background-color: rgba(255,255,255,0.3);
	width: 100%;
	margin: 0 auto;
}


/* Menu */

#menu {
	width: 100%;
	padding: 0;
	margin: 0;
}

#menu .menu_marge {
	display: table;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}

#menuNavigation_affiche {
	display: none;
}

#menu ul {
	display: table-row;
}

#menu li {
	display: table-cell;
	width: 10%;
	position: relative;
	vertical-align: middle;
	text-align: center;
    white-space: nowrap;
}

#menu li a {
	display: block;
	color: black;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

#menu li a span {
	display: block;
	padding-top: 5px;
	padding-bottom: 7px;
}

#menu li a:hover {
	color: #004d92;
}

#menu li.actif a {
	color: #004d92;
}

#menu li:hover {
	background-color: rgba(203,203,203,0.3);
}

/* Menu horizontal - Pop-up  */

#menu li .popupmenu {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
}

#menu li .popupmenu .marge {
	width: 210px;
	position: absolute;
	background-color: rgba(238,238,238,0.95);
	padding-top: 0;
	font-size: 0.9em;
}

#menu li:hover .popupmenu {
	z-index: -1;
	display: block;
}

#menu li .popupmenu a {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: black;
}

#menu li .popupmenu a:hover {
	color: #004d92;
	background-color: rgba(203,203,203,0.3);
}

#menu li .popupmenu a span {
	padding: 0;
}

#menu li .popupmenu .zoneboutonPopup {
	position: relative;
	display: block;
}

#menu li .zoneboutonPopup .souspopupmenu {
	display: block;
	position: fixed;
	right: 2px;
	top: -1000px;
}

#menu li .zoneboutonPopup:hover .souspopupmenu {
	position: absolute;
	top: 2px;
}

#menu li .souspopupmenu .marge {
	background-color: rgba(232,232,232,0.95);
}

@media screen and (max-width: 700px) {

    #menuNavigation_affiche:before {
        content: "Menu";
        position: absolute;
        right: 42px;
        bottom: -2px;
        color: black;
        font-size: 14px;
    }

    #menuNavigation_affiche  {
        width: 34px;
        height: 34px;
        display: block;
        position: absolute;
        right: 10px;
        top: -50px;
        line-height: 40px;
        font-size: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #7c7c7c;
        background: rgba(146,146,146,0.26) url(images/base/menu_affiche.png) no-repeat center center;
        opacity: 0.8;
    }

    #menuNavigation_affiche:hover {
        background-color: #5c5c5c;
        cursor: pointer;
    }

    #menu {
        position: relative;
        z-index: 102;
    }

    #menu .menu_marge {
        display: block;
    }

    #menu ul {
        -webkit-transition: height 0.3s linear;
        -o-transition: height 0.3s linear;
        display: block;
        height: auto;
        width: auto;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    #menu li {
        display: block;
        -webkit-transition: height 0.3s linear;
        -o-transition: height 0.3s linear;
        overflow: hidden;
        height: 0;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #menu ul li a {
        font-size: 15px;
        display: block;
        padding: 1px 15px;
        border-top: 1px solid rgba(124,124,124,0.8);
    }

    #menu ul.affiche li {
        display: block;
        height: 30px;
    }

    #menu ul.affiche li .popupmenu {
        display : none;
    }

}

/* @end */

/* @group Articles */

/* @group Elements de bases */

a {
	transition: color 0.2s linear;
	color: #004d92;
}

a:hover {
	color: #000;
}

h1 {
	text-align: left;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 3vw;
	margin-bottom: 1vw;
	padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

h2 {
	line-height: 1.2em;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: var(--margeHorizontaleContenu);
    padding-right: calc(var(--margeHorizontaleContenu) / 2);
}

h2 img {
	vertical-align: middle;
	margin-right: 2%;
	width: 80px;
}

h2.centre{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

h2.droite{
	text-align: right;
    margin-left: auto;
    margin-right: 0;
    padding-left: calc(var(--margeHorizontaleContenu) / 2);
    padding-right: var(--margeHorizontaleContenu);
}

h2.intro {
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	margin-top: 6%;
	margin-bottom: 2%;
}

h2.intro img {
	display: block;
	margin-bottom: 2%;
	width: 23%;
	margin-top: 3%;
}

h2.intro.centre img {
	margin-right: auto;
	margin-left: auto;
}

h2.accroche {
	color: darkblue;
	font-size: 1.3em;
	margin-bottom: 2vw;
}

h2.accroche img {
	display: block;
	margin-bottom: 1vw;
	width: 100px;
}

h2.accroche.centre img {
	margin-right: auto;
	margin-left: auto;
}

h2.separation {
	border-bottom: 2px solid rgba(0,0,0,0.15);
	font-size: 0.9em;
	margin-top: 20px;
	position: relative;
}

h2.separation img {
	width: 22px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	height: 22px;
	position: absolute;
	top: 3px;
	left: 4px;
}

h2.separation .h2_esp1 {
	background-color: rgba(0,0,0,0.15);
	padding: 5px 8px 3px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	display: table;
}

h2.separation.vignette .h2_esp1 {
	padding-left: 31px;
	padding-top: 6px;
	padding-bottom: 5px;
}

@media screen and (max-width:700px) {
	h2,h2.centre,h2.droite{
		padding-left: 7.5vw;
		padding-right: 7.5vw;
	}
}

h3 {
	padding: 0;
	margin: 0.5em 3%;
	line-height: 1.1em;
	font-size: 1.15em;
	text-align: center;
}


p {
	text-align: left;
	font-size: 1em;
	margin-left: 0;
    margin-right: auto;
	margin-top: 1.3vw;
	margin-bottom: 1.3vw;
    padding-left: var(--margeHorizontaleContenu);
    padding-right: calc(var(--margeHorizontaleContenu) / 2);
}

p.centre {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

p.justif {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-left: auto;
    margin-right: auto;
    padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

p.droite {
	text-align: right;
	margin-left: auto;
    margin-right: 0;
    padding-left: calc(var(--margeHorizontaleContenu) / 2);
    padding-right: var(--margeHorizontaleContenu);
}

p.intro {
	margin-bottom: 2%;
	font-size: 1.2em;
}

p.chapeau {
	font-size: 1.1em;
}

p.accroche {
	color: darkblue;
	line-height: 1.2em;
	font-size: 1.1em;
}

p.citation {
	font-style: italic;
	display: block;
	background-color: rgba(0,0,0,0.1);
	padding: 15px;
	border: 1px dotted #a0a0a0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

p.alerte {
	color: red;
	font-size: 1.1em;
	line-height: 1.2em;
}

p.encadre {
	display: block;
    background-color: #ACE3F0;
	background-color: rgba(0,0,0,0.2);
    padding: calc(var(--margeHorizontaleContenu) / 4);
    margin-top: 3vw;
    margin-bottom: 3vw;
    margin-right: var(--margeHorizontaleContenu);
    margin-left: var(--margeHorizontaleContenu);
}

p.legende {
	font-size: 0.9em;
	font-style: italic;
}

p.note {
	background-color: #ffe468;
	color: #000;
	text-shadow: #fcec14 0 0 0;
	-webkit-box-shadow: 2px 2px 5px #808080;
	-moz-box-shadow: 2px 2px 5px #808080;
  	box-shadow: 2px 2px 5px #808080;
	padding: 15px;
}

p.note a{
	color: red;
}

p.note a:hover{
	color: purple;
}

p .corps_2 {
	font-size: 1.3em;
}

p .corps_1 {
	font-size: 1.15em;
}

p .corps_s1 {
	font-size: 0.9em;
}

p .corps_s2 {
	font-size: 0.8em;
}

p.taille2, h2.taille2 {
	width: 45%;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	vertical-align: middle;
}

p.taille4b, h2.taille4b {
	display: inline-block;
    width: 100%;
    padding-left: 7.5vw;
    padding-right: 28.75vw;
}

p.taille4b.justif, h2.taille4b.justif {
	padding-left: 17.5vw;
    padding-right: 17.5vw;
}

p.taille4b.droite, h2.taille4b.droite {
    width: 100%;
    padding-left: 28.75vw;
    padding-right: 7.5vw;
}

p.taille4b.centre, h2.taille4b.centre {
    width: 100%;
    padding-left: 17.5vw;
    padding-right: 17.5vw;
}

@media screen and (max-width: 1000px) {

	h2.intro {
		font-size: 1.6em;
		margin-top: 4%;
		margin-bottom: 1%;
	}

	p.intro {
		font-size: 1.1em;
		margin-top: 1%;
		margin-bottom: 1%;
	}

}

@media screen and (max-width: 800px) {

	h2.intro {
		font-size: 1.4em;
		margin-top: 4%;
		margin-bottom: 1%;
	}

	p.intro {
		font-size: 1em;
		margin-top: 1%;
		margin-bottom: 1%;
	}

}

@media screen and (max-width:700px) {

	p, p.centre, p.droite {
        padding-right: 7.5vw;
        padding-left: 7.5vw;
    }
    p.taille4b.centre, h2.taille4b.centre {
        padding-left: 7.5vw;
        padding-right: 7.5vw;
    }

	p.taille2, p.taille4b {
		width: auto;
	}

}

ul {
	padding-left: 40px;
	padding-right: 20px;
}

li {
	text-align: justify;
	margin-bottom: 5px;
}

/* Bouton Lien */

.blocBouton{
    display: table;
    margin-left: 0;
    margin-right: auto;
	padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

.blocBouton.centre{
	margin-left: auto;
	margin-right: auto;
}

.blocBouton.droite{
	margin-left: auto;
	margin-right: 0;
}

.blocBouton a:first-child {
    margin-left: 0px;
}

.blocBouton a:last-child {
	margin-right: 0px;
}

a.bouton {
	display: table;
	height: auto;
	padding: 0;
	text-decoration: none;
	text-align: center;
	margin: 10px;
	background: #404040;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
}

/*a.bouton.gaucheavectexte {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}*/

a.bouton .texte {
	color: #ffffff;
	text-shadow: none;
	display: inline-block;
	padding: 10px 20px 12px;
	font-size: 1em;
}

a.bouton:hover {
	background-color: #000000;
}

a.bouton:active {
    background-color: #888888;
}

.blocBouton.contrast a.bouton, a.bouton.valide, a.bouton.valide, .boutonValider a.bouton {
	background-color: #004d92;
}

.blocBouton.contrast a.bouton:hover, a.bouton.valide:hover, .boutonValider a.bouton:hover {
	background-color: #444;
}

a.boutonValider {
	text-decoration: none;
	display: inline-block;
	margin: 2px 5px 8px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow:    1px 1px 5px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35);
	box-shadow:         1px 1px 5px 0px rgba(0,0,0,0.35);
	height: 30px;
	background-color: #004d92;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
	padding: 0;
}

a.boutonValider .texte {
	color: #fff;
	text-shadow: none;
	display: inline-block;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.50);
	padding: 6px 20px 0;
	font-weight: bold;
	font-size: 13px;
}

a.boutonValider:hover {
	background-color: #d20000;
}


/* Colonnes */

table.texteColonnes {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

table.texteColonnes td {
	width: 20%;
	vertical-align: top;
}

/* Separation */

.hr {
	height: 1px;
	display: block;
	margin: 20px 30px 15px;
	padding-right: 10px;
	background-color: rgba(145,144,146,0.6);
	-moz-box-shadow:    0px 1px 0px 0px #FFFFFF;
	-webkit-box-shadow: 0px 1px 0px 0px #FFFFFF;
	box-shadow:         0px 1px 0px 0px #FFFFFF;
}

.hr hr {
	border-style: none;
	display: block;
	height: 10px;
}

/* Hyperlien */

.hyperlien {
	text-align: left;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
    margin-left: 0;
    margin-right: auto;
	padding-left: var(--margeHorizontaleContenu);
    padding-right: var(--margeHorizontaleContenu);
}

.hyperlien:hover {
	text-decoration: none;
}

.hyperlien a {
	display: block;
	text-decoration: none;
	padding: 0;
}

.hyperlien b.nom {
	text-decoration: underline;
}

.hyperlien span.commentaire {
	display: block;
	font-style: italic;
	font-size: 0.9em;
	color: #000;
}

.hyperlien.centre {
	text-align: center;
}

.hyperlien.droite {
	text-align: right;
}

.hyperlien.justif {
	text-align: justify;
}

.hyperlien.encadre {
	padding: 0;
	margin-left: var(--margeHorizontaleContenu);
	margin-right: var(--margeHorizontaleContenu);
}

.hyperlien.encadre a {
	margin: 0;
	padding-left: calc(var(--margeHorizontaleContenu) / 4);
	padding-top: calc(var(--margeHorizontaleContenu) / 6);
	padding-bottom: calc(var(--margeHorizontaleContenu) / 6);
	background-color: rgba(0, 0, 0, 0.08);
}

.hyperlien.encadre:hover a {
	background-color: rgba(0, 0, 0, 0.16);
}


/* Telechargement */

.lienDeTelechargement {
	text-align: left;
	display: block;
	padding: 0;
	margin-left: var(--margeHorizontaleContenu);
	margin-right: var(--margeHorizontaleContenu);
}

.lienDeTelechargement a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding-left: calc(var(--margeHorizontaleContenu) / 4);
	padding-top: calc(var(--margeHorizontaleContenu) / 6);
	padding-bottom: calc(var(--margeHorizontaleContenu) / 6);
	background-color: rgba(0, 0, 0, 0.08);
}

.lienDeTelechargement:hover a {
	background-color: rgba(0, 0, 0, 0.16);
}

.lienDeTelechargement b.nom {
	text-decoration: underline;
}

.lienDeTelechargement span.commentaire {
	display: block;
	font-style: italic;
	font-size: 0.9em;
	color: #000;
}

.lienDeTelechargement.hyperlien_pdf a:before {
	content: " ";
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	background: url(images/articles/iconePDF.png) 100%;
}

/* Bloc Image */

.blocImage,
.lienImage,
.lienImageZoom {
	margin: 8px 10px 6px;
	display: inline-table;
	vertical-align: top;
	position: relative;
	max-width: 100%;
}

.blocImage img,
.lienImage img,
.lienImageZoom img {
	width: 100%;
}

.blocImage.taille1,
.lienImage.taille1,
.lienImageZoom.taille1 {
	width: 95%;
	margin: 10px 1%;
}

.blocImage.taille2,
.lienImage.taille2,
.lienImageZoom.taille2 {
	width: 45%;
	margin: 10px 1.5%;
}

.blocImage.taille3,
.lienImage.taille3,
.lienImageZoom.taille3 {
	width: 30%;
	margin: 10px 1.5%;
}

.blocImage.taille3b,
.lienImage.taille3b,
.lienImageZoom.taille3b {
	width: 63%;
	margin: 10px 1.5%;
}

.blocImage.taille4,
.lienImage.taille4,
.lienImageZoom.taille4 {
	width: 21.5%;
	margin: 10px 1.4%;
}

.msie.v6 .blocImage,
.msie.v6 .lienImage,
.msie.v6 .lienImageZoom {
	margin: 7px 10px 5px;
	display: inline;
}
.msie.v7 .blocImage,
.msie.v7 .lienImage,
.msie.v7 .lienImageZoom {
	margin: 7px 10px 5px;
	display: inline;
}

.blocImage h3,
.lienImage h3,
.lienImageZoom h3 {
	font-size: 1em;
	margin-top: 3px;
}

.blocImage .legende,
.lienImage .legende,
.lienImageZoom .legende{
	font-style: italic;
	font-size: 0.9em;
	display: block;
	margin-top: 2px;
}

.blocImage.gauche,
.lienImage.gauche,
.lienImageZoom.gauche {
	text-align: left;
	display: block;
}

.blocImage.droite,
.lienImage.droite,
.lienImageZoom.droite {
	display: block;
	text-align: right;
}

.blocImage.gaucheavectexte,
.lienImage.gaucheavectexte,
.lienImageZoom.gaucheavectexte {
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 5px;
}

.blocImage.droiteavectexte,
.lienImage.droiteavectexte,
.lienImageZoom.droiteavectexte {
	float: right;
	margin-right: 3%;
	margin-left: 3%;
}

.blocImage.encadre img,
.lienImage.encadre img,
.lienImageZoom.encadre img {
	border: 4px solid white;
	margin: -4px -4px 0;
  	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.blocImage.standardserre,
.lienImage.standardserre,
.lienImageZoom.standardserre {
	margin: 0 auto;
}

.blocImage.standardserre.taille1,
.lienImage.standardserre.taille1,
.lienImageZoom.standardserre.taille1 {
	display: inline-table;
	width: 100%;
	vertical-align: top;
	position: relative;
}

.blocImage.standardserre.taille2,
.lienImage.standardserre.taille2,
.lienImageZoom.standardserre.taille2 {
	width: 50%;
}

.blocImage.standardserre.taille4,
.lienImage.standardserre.taille4,
.lienImageZoom.standardserre.taille4 {
	width: 25%;
}

.blocImage.ombre img,
.lienImage.ombre img,
.lienImageZoom.ombre img {
  	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

.blocImage.arrondi img,
.lienImage.arrondi img,
.lienImageZoom.arrondi img {
	border-radius: 10px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.blocImage.superpose .txt,
.lienImage.superpose .txt,
.lienImageZoom.superpose .txt {
    display: flex;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
	color: white;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 5px;
	position: absolute;
	bottom: 0;
    top: 0;
	left: 0;
	right: 0;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blocImage.superpose h3,
.lienImage.superpose h3,
.lienImageZoom.superpose h3 {
    font-size: large;
    font-size: 3vw;
    font-weight: normal;
    letter-spacing: 2px;
}

.blocImage.superpose .legende,
.lienImage.superpose .legende,
.lienImageZoom.superpose .legende {
    font-size: 2vw;
    letter-spacing: 2px;
    font-style: normal;
    margin-top: 10px;
}
    
/*
.lienImage.superpose.taille3 h5 {
    font-size: 2em;
    font-weight: 400;
    margin-top: 18%;
}

.lienImage.superpose.taille3 .legende {
    font-size: 1.2em;
}

.lienImage.superpose.taille4 h5 {
    font-size: 1.6em;
    margin-top: 15%;
}

.lienImage.superpose.taille4 .legende {
    font-size: 1.2em;
}

.lienImage.superpose.taille3 {
    margin-top: 3%;
    margin-left: 2%;
    margin-right: 4%;
    margin-bottom: 3%;
    width: 27%;
}

.lienImage.superpose.taille4 {
    margin-top: 3%;
    margin-left: 2%;
    margin-right: 3.2%;
    margin-bottom: 4%;
    width: 19.6%;
}

@media screen and (max-width: 900px) {
    .lienImage.superpose .txt {
        overflow: hidden;
    }
    
    .lienImage.superpose h5 {
         margin-top: 8%;
         font-size: 25px;
    }
    .lienImage.superpose .legende {
        font-size: 15px;
    }
}*/

.lienImage.accroche {
	margin: 0;
}

.lienImage.accroche.taille2 {
	width: 50%;
}

.lienImage.accroche.taille3 {
	width: 33%;
}

.lienImageZoom .zoneimage {
	position: relative;
}

.lienImageZoom .iconzoom {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 6px;
	bottom: 6px;
	border-radius: 15px;
	background: rgba(0,0,0,0.5) url(images/interface/icone_zoomimage_blanc.png) no-repeat 2px 2px;
	padding: 0;
	margin: 0;
}

.lienImage .imageSurvol{
	position: relative;
}

.lienImage .imageSurvol .survol{
	position: absolute;
	opacity: 0;
    width: 100%;
}

.lienImage .imageSurvol:hover picture {
	opacity: 0;
}

.lienImage .imageSurvol:hover .survol{
	opacity: 1;
}

@media screen and (max-width: 900px) {

.article.taille4 .blocImage.gaucheavectexte.taille4,
.article.taille4 .lienImage.gaucheavectexte.taille4,
.article.taille4 .lienImageZoom.gaucheavectexte.taille4,
.article.taille4 .blocImage.droiteavectexte.taille4,
.article.taille4 .lienImage.droiteavectexte.taille4,
.article.taille4 .lienImageZoom.droiteavectexte.taille4 {
	width: 45%;
	max-width: none;
	float: none;
}

}

@media screen and (max-width: 600px) {

.blocImage,
.lienImage,
.lienImageZoom {
	font-size: 0.8em;
}

.blocImage.taille4,
.lienImage.taille4,
.lienImageZoom.taille4 {
	width: 45%;
}

.blocImage.gaucheavectexte.taille4,
.lienImage.gaucheavectexte.taille4,
.lienImageZoom.gaucheavectexte.taille4 {
	float: none;
}

.article.taille4 .blocImage.gaucheavectexte.taille4,
.article.taille4 .lienImage.gaucheavectexte.taille4,
.article.taille4 .lienImageZoom.gaucheavectexte.taille4 {
	width: 35%;
	float: left;
}

.article.taille4 .blocImage.droiteavectexte.taille4,
.article.taille4 .lienImage.droiteavectexte.taille4,
.article.taille4 .lienImageZoom.droiteavectexte.taille4 {
	width: 35%;
	float: right;
}

.lienImage.accroche {
	float: none;
	margin: 0;
}

.lienImage.accroche.taille2 {
	width: 90%;
}

.lienImage.accroche.taille3 {
	width: 60%;
}
}

.decorationImage img{
	width: 100%;
}

/* Diaporama */

.diaporama {
	display: inline-block;
	position: relative;
	padding: 0;
	width: 96%;
	margin: 10px 2%;
	vertical-align: top;
}

.colonnegauche .diaporama, .colonnedroite .diaporama {
	margin: 4px;
}

.diaporama.taille2 {
	width: 47%;
	margin-right: 1%;
	margin-left: 1%;
}

.colonnegauche .diaporama.taille2, .colonnedroite .diaporama.taille2 {
	margin: 4px;
	width: 90%;
}

.diaporama .diaporamaHTML {
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	width: 100%;
	display: block;
}

.diaporama .diaporamaHTML img {
	width : 100% !important;
}

.diaporama .diaporamaHTML .zoneimage {
	display: block;
	overflow: visible;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
}

.diaporama .diaporamaHTML .zoneimage img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.diaporama .masqueSurDiaporama {
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	position: absolute;
}


.diaporama .puces {
	position: absolute;
	bottom: 3px;
	width: 99%;
	height: 20px;
	text-align: right;
	z-index: 10;
}

.diaporama .puces .puce {
	background-color: white;
	width: 8px;
	height: 8px;
	display: inline-block;
	font-size: 8px;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.20);
}

.diaporama .puces .puce.active {
	background-color: #ffb700;
}

.diaporama .zonetexte {
	display: block;
	position: absolute;
	color: #fff;
	z-index: 2;
	width: 100%;
	background: rgba(0,0,0,0.5);
	bottom: 0;
	padding-bottom: 10px;
	padding-top: 2px;
}

.diaporama .zonetexte h3 {
	text-align: left;
	font-size: 1em;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
	color: white;
	padding: 8px 14px 0;
	margin: 0;
}

.diaporama .zonetexte h3 a {
	text-decoration: none;
	color: #fff;
	text-align: left;
}

.diaporama .zonetexte h4 {
	text-align: left;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
	color: white;
	font-style: italic;
	padding: 10px 0 0 14px;
	font-size: 0.85em;
	margin: 0;
}

.diaporama .zonetexte h4 a {
	text-decoration: none;
	color: #fff;
}

.diaporama .zonetexte p.lien {
	display: block;
	right: 0;
	bottom: 0;
	text-shadow: #000 1px 1px 2px;
	font-style: italic;
	position: absolute;
}

.diaporama .zonetexte p.lien a {
	color: #fff;
}

.diaporama .zonetexte p.lien a:hover {
	color: #cacaca;
}

.diaporama.sansmarge {
	margin: 0;
	width: 100%;
}

.diaporama.sansmarge .diaporamaHTML {
	box-shadow: none;
}

.diaporama.ombre .diaporamaHTML {
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

.diaporama.encadre .diaporamaHTML {
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
	border: 5px solid white;
	width: 99%;
}

.diaporama.arrondi .diaporamaHTML {
	border-radius: 14px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

@media screen and (max-width: 900px) {
  .article.bloc.taille2 .diaporama.taille2 {
	width: 90%;
  }
}

@media screen and (max-width: 700px) {
  .diaporama.taille2 {
    width: 92%;
  }

.diaporama .zonetexte {
	padding-bottom: 8px;
}

.diaporama .zonetexte h3 {
	font-size: 0.85em;
	padding: 7px 8px 0;
}

.diaporama .zonetexte h4 {
	font-size: 0.8em;
	padding: 5px 8px 0;
}
}

/* Galerie */

.galerie.taille2 {
	width: 47%;
	margin-right: 1%;
	margin-left: 1%;
}
.galerie a {
    display: inline-block;
	vertical-align: top;
    width: 20%;
    margin: 10px;
}
.galerie.taille2 a { 
    width: 45%;
}
.galerie img {
    width: 100%;
}

/* Liste Rubrique */
.listeRubrique {
	display: block;
	margin-right: 3%;
	margin-left: 3%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgba(233,232,234,0.5);
	padding-top: 1px;
	padding-bottom: 1px;
}
.listeRubrique ul.rubrique {
	margin: 0;
	padding: 0;
}
.listeRubrique li.rubrique_ligne {
	display: inline;
}
.listeRubrique ul.rubrique a {
	margin: 5px 1% 10px;
	padding: 5px 3%;
	display: inline-table;
	color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgba(0,0,0,0.25);
	width: 18%;
	text-align: center;
}
.listeRubrique a.lienRubrique:hover {
	color: #fd0;
	background-color: rgba(0,0,0,0.35);
}
.listeRubrique a.lienRubrique:active {
	color: #ff4b00;
}
.listeRubrique a.lienRubrique_actif { color: #ceeaf5 !important; font-weight: bold; background-image: url(images/liste_rubrique_lien_actif.png); text-decoration: underline overline; }

/* Lien apparenté */

.lienNavigationParent {
	display: block;
	text-align: left;
	background-color: transparent;
	font-size: 0.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	oo-webkit-box-shadow: 1px 1px 4px #fff;
	oo-moz-box-shadow: 1px 1px 3px #2c6731;
  	oo-box-shadow: 1px 1px 3px #2c6731;
	padding: 2px 6px;
	color: #000;
	font-style: italic;
	margin: 10px auto;
	width: 92%;
}

.lienNavigationParent a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.lienNavigationParent a:hover {
	text-decoration: underline;
}

/* @group Formulaire */

.formulaireAuto_marge {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px auto 15px;
	display: block;
}

.formulaireAuto_contenu {
	display: table;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

.formulaireAuto p {
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}

.formulaireAuto label {
	width: 200px;
	display: inline-block;
	text-align: right;
	margin-right: 3px;
}
.formulaireAuto .erreur_contenu {
	text-align: center;
	display: block;
	color: red;
}

.formulaireAuto textarea, .formulaireAuto input  {
	vertical-align: text-top;
	width: 315px;
}

.formulaireAuto #champObligatoire  {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-style: italic;
	float: left;
	display: inline;
	width: 130px;
}

.formulaireAuto p.zoneBoutonValidation {
	margin-left: 220px;
	text-align: right;
}

.formulaireAuto a.bouton {
	font-weight: bold;
	text-decoration: none;
}

/* Bouton Coche */

.formulaireAuto .formulaireCoche .groupeCoche {
	display: inline-table;
	width: 350px;
	vertical-align: top;
}

.formulaireAuto .formulaireCoche .champCheckbox {
	display: table;
	margin-bottom: 5px;
}

.formulaireAuto .formulaireCoche.horizontale .champCheckbox {
	display: inline-table;
	margin-bottom: 0;
}

.formulaireAuto .formulaireCoche .champCheckbox input  {
	width: auto;
	vertical-align: 1px;
	margin-right: 3px;
	margin-left: 0;
}

.formulaireAuto .formulaireCoche .champCheckbox .champ {
	margin-right: 20px;
}

/* Bouton Radio */

.formulaireAuto .formulaireRadio .groupeRadio {
	display: inline-table;
	width: 350px;
	vertical-align: top;
}

.formulaireAuto .formulaireRadio .champCheckbox {
	display: table;
	margin-bottom: 5px;
}

.formulaireAuto .formulaireRadio.horizontale .champCheckbox {
	display: inline-table;
	padding-bottom: 0;
}

.formulaireAuto .formulaireRadio .champCheckbox input  {
	width: auto;
	vertical-align: 1px;
	margin-right: 3px;
	margin-left: 0;
}

.formulaireAuto .formulaireRadio .champCheckbox .champ {
	margin-right: 20px;
}

/* Resulta */

.reponseFormulaire .texteDeConfirmation {
	text-align: center;
}

.reponseFormulaire .zone_form {
	display: inline;
}

.reponseFormulaire .zone_form form {
	display: inline;
}

.reponseFormulaire .zone_form .espaceurForm {
	display: inline;
}

.reponseFormulaire fieldset {
	margin-right: 10px;
	margin-left: 10px;
}

.reponseFormulaire legend {
	color: #000;
	padding: 5px;
}

.reponseFormulaire p.zoneBoutonValidation {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

@media screen and (max-width: 850px) {

.formulaireAuto textarea, .formulaireAuto input  {
	width: 280px;
}

}

@media screen and (max-width: 600px) {

.formulaireAuto label {
	display: block;
	font-size: 12px;
	text-align: left;
	margin: 0;
}

.formulaireAuto textarea, .formulaireAuto input  {
	width: 315px;
}

}


	form {
    text-align: left;
}

.formulaireAuto_contenu{
    display: block;
    width: 90%;
}

.formulaireAuto p {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    white-space: normal;
    display: inline-block;
    width: 45%;
}

.formulaireAuto textarea, .formulaireAuto input {
    vertical-align: text-top;
    width: 100%;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.formulaireCoche .champCheckbox input {
    display: inline;
    height: 23px;
    font-size: 29px;
    width: 20px;
	border: 2px solid #aaa;
}

.formulaireAuto label, label {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    color: gray;
}

input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.45;
    color: rgba(64,81,102,.8);
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.45;
    color: rgba(64,81,102,.8);
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    appearance: none;
}
.input_menu{
    position: relative;
}
.input_menu::before{
    content: "▾";
    font-size: 16pt;
    display: block;
    position: absolute;
    bottom: 8px;
    right: 16px;
}

textarea {
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.45;
    color: rgba(64,81,102,.8);
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.formulaireAuto .champObligatoire {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: italic;
    color: gray;
    font-size: 0.8em;
}

input.formdate{
    width: auto;
}


.formulaireAuto .formulaireCoche label{
    margin-top: 6px;
}

.formulaireAuto .formulaireCoche .champCheckbox input{
    display: inline-block;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    vertical-align: -8px;
    padding: 0px;
    scale: 1.5;
}


.formulaireAuto .formulaireCoche .champCheckbox .champ{
    /*display: inline-block;*/
    margin-top: 7px;
    margin-left: 8px;
    vertical-align: -3px;
}

.formulaireAuto a.bouton {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


/* @end */

/* Tableau */

.tableauDeTexte {
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 6px;
	margin-top: 5px;
	
}

.tableauDeTexte table {
	width: 100%;
	background: #fff;
	border: 1px solid #16437a;
	box-shadow: rgba(0,0,0,0.5) 0 0 5px;
}



.tableauDeTexte table tr.debut td {
	padding-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	background-color: #424242;
	border-bottom: 1px solid #fff;
	color: white;
}

.tableauDeTexte table tr.ligne1 td {
	padding-bottom: 3px;
	padding-top: 1px;
	background-color: inherit;
}

.tableauDeTexte table tr.ligne2 td {
	padding-bottom: 3px;
	padding-top: 1px;
	background-color: rgba(255,147,0,0.8);
}

.tableauDeTexte.colGauche table tr td.col0 {
	border-right: 1px solid #fff;
	font-weight: bold;
}

.tableauDeTexte.colGauche table tr.ligne1 td.col0 {
}

.tableauDeTexte.colGauche table tr.ligne2 td.col0 {
	background-color: rgba(255,255,255,0.92);
}

/* video */
.zoneVideo {
	position: relative;
	display: inline-block;
	width: 95%;
    padding:0px;
	margin: 10px 1%;
}

.zoneVideo.gauche {
	text-align: left;
	display: block;
}

.zoneVideo.droite {
	display: block;
	text-align: right;
}

.zoneVideo.gaucheavectexte {
	float: left;
	margin-top: 0;
	display: block;
    width: auto;
	margin-right: 15px;
	margin-left: 20px;
}

.zoneVideo.droiteavectexte {
	float: right;
	margin-top: 0;
	display: block;
    width: auto;
	margin-right: 20px;
	margin-left: 15px;
}

.zoneVideo.ombre video {
  	box-shadow: 1px 1px 18px rgba(0,0,0,0.2);
}
.zoneVideo.standardserre {
	margin: 0px;
	width: 100%;
}

.zoneVideo .boutonLecture {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/articles/video_bouton_lecture.png) no-repeat center center;
	cursor: pointer;
}
.zoneVideo.taille2{
	width: 46.5%;
}
.zoneVideo.taille2.standardserre{
	width: 50%;
}
.zoneVideo.taille3{
    width: 30%;
}
.zoneVideo.taille3.standardserre{
    width: 33%;
}
.zoneVideo.taille4{
	width: 22.3%;
}
.zoneVideo.taille4.standardserre{
	width: 25%;
}

/* YouTube */
.zoneYoutube{
    display: inline-block;
	width: 95%;
	margin: 10px 1%;
}
.zoneYoutube.gauche {
	text-align: left;
	display: block;
}

.zoneYoutube.droite {
	display: block;
	text-align: right;
}

.zoneYoutube.gaucheavectexte {
	float: left;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 5px;
}

.zoneYoutube.droiteavectexte {
	float: right;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
.zoneYoutube.ombre {
  	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}
.zoneYoutube.standardserre {
	margin: 0px;
	width: 100%;
}
.zoneYoutube.taille2{
	width: 46.5%;
}
.zoneYoutube.taille2.standardserre{
	width: 50%;
}
.zoneYoutube.taille3{
    width: 30%;
}
.zoneYoutube.taille3.standardserre{
    width: 33%;
}
.zoneYoutube.taille4{
	width: 22.3%;
}
.zoneYoutube.taille4.standardserre{
	width: 25%;
}

@media screen and (max-width: 600px) {

.zoneYoutube.gaucheavectexte,
.zoneYoutube.droiteavectexte {
	float: none;
	margin-left: 0;
	margin-right: 0;
}

.zoneYoutube.taille2, .zoneYoutube.taille3 {
	display: table;
	width: 95%;
	margin: 10px auto 15px;
}

.zoneYoutube.taille4 {
	width: 46.5%;
}

}


.bandeauDefilant {
  overflow: hidden;
  background-color: rgba(218,217,219,0.5);
  width: 100%;
  font-size: 1em;
}
.bandeauDefilant.cliquable:hover {
  cursor: pointer;
}
.bandeauDefilant.accroche{
  color: orange;
}
.bandeauDefilant.alerte{
  color: red;
  background-color: beige;
}
.bandeauDefilant.encadre{
  width: 95%;
  margin: 10px 2.5%;
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px;
}
.bandeauDefilant > :first-child {
  display: inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 2em;
  padding-left: 100%;
  white-space: nowrap;
  animation: bandeauDefilant 15s infinite linear;
}
@keyframes bandeauDefilant {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(-100%,0,0);
  }
}

/* @end */

/* @group Articles */

.article {
	width: 100%;
	display: table;
	position: relative;
	padding: 0;
	margin: 0;
	margin-bottom: 2.5vw;
    margin-top: 2.5vw;
	vertical-align: top;
}

.blochaut .article{
    margin-bottom: 0px;
    margin-top: 0px;
}

.article.intro {
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 5%, #FFFFFF 96%);
}

.article.intro h1 {
	text-align: center;
	margin: 8% 10% 2%;
	font-style: normal;
	font-size: 2.5em;
	font-variant: normal;
}

.article.intro h2 {
	margin-top: 2%;
}

.article.contraste {
	background-color: rgba(225,225,225,0.5);
}

.article.contraste2 {
    background-color: rgba(0,0,0,0.7);
    color: white;
}

.article.contraste2 a {
	color: white;
}

.article.bloc {
    display: table;
    vertical-align: top;
	text-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(218,217,219,0.5);
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
	width: 95%;
	margin: 10px auto;
}

.article.bloc.contraste {
	background-color: rgba(212,211,213,0.7);
}

.article.bloc p {
    padding-left: calc(var(--margeHorizontaleContenu) / 4);
    padding-right: calc(var(--margeHorizontaleContenu) / 4);
}

.article.bloc h1 {
	text-align: left;
	font-size: 1.2em;
    padding-left: calc(var(--margeHorizontaleContenu) / 4);
    padding-right: calc(var(--margeHorizontaleContenu) / 4);
}

.article.bloc h2 {
	text-shadow: none;
    padding-left: calc(var(--margeHorizontaleContenu) / 4);
    padding-right: calc(var(--margeHorizontaleContenu) / 4);
}

.article.taille2 {
    display: inline-block;
	width: 50%;
	margin: 10px 0;
}

.article.taille2 p,
.article.taille2 h2,
.article.taille2 h1,
.article.taille2 .hyperlien,
.article.taille2 .blocBouton {
    padding-left: calc(var(--margeHorizontaleContenu) / 6);
    padding-right: calc(var(--margeHorizontaleContenu) / 6);
}


.article.bloc.taille2 {
    display: inline-block;
	width: 46.2%;
	margin: 20px 1%;
}

.article.bloc.taille2 p,
.article.bloc.taille2 h2,
.article.bloc.taille2 h1,
.article.bloc.taille2 .hyperlien,
.article.bloc.taille2 .blocBouton {
    padding-left: calc(var(--margeHorizontaleContenu) / 3);
    padding-right: calc(var(--margeHorizontaleContenu) / 3);
}

.article.taille3 {
    width: 30%;
    display: inline-block;
	margin: 10px 1%;
}

.article.taille3b {
	width: 62%;
    display: inline-block;
	margin: 10px 1%;
}

.article.taille4 {
    display: inline-block;
	width: 22.3%;
	margin: 10px 1%;
}

.article.taille4 h2 {
	padding-left: 7.5%;
	padding-right: 7.5%;
}

.article.taille4 p {
	padding-left: 7.5%;
	padding-right: 7.5%;
}

.article.taille4b {
    width: 71%;
    display: inline-block;
	margin: 10px 1%;
}

@media screen and (max-width: 900px) {

.article.intro h1 {
	font-size: 1.9em;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

}

@media screen and (max-width: 600px) {

.article.taille2, .article.taille3, .article.taille3b {
	display: table;
	width: 95%;
	margin: 10px auto 15px;
}

.article.taille4, .article.taille4b {
	width: 46.5%;
}

}



/* @end */

/* @group Colonne */

.colonnegauche, .colonnedroite {
	position: relative;
	min-width: 210px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	display: table;
	width: 100%;
}

.colonnegauche .article {
	margin-right: 0;
}
.colonnedroite .article {
	margin-left: 0;
}

.colonnegauche .article.bloc, .colonnedroite .article.bloc  {
	width: 92%;
}
div.colonnegauche h1, div.colonnedroite h1, div.colonnegauche h2, div.colonnedroite h2, div.colonnegauche p, div.colonnedroite p {
	margin-right: 10px;
	margin-left: 10px;
}


.blochaut .article.hauteurmax- {
	margin-top: -100px;
}


/* @end */


.articleImageGauche{
    display: flex;
    flex-direction: row;
}

.articleImageDroite{
    display: flex;
    flex-direction: row-reverse;
}


.articleImageGauche .colImage,
.articleImageDroite .colImage{
    padding: 0;
    margin: 0;
    align-self: center;
}

.articleImageGauche .colImage.taille2,
.articleImageDroite .colImage.taille2{
    width: 50%;
}

.articleImageGauche .colImage.taille3b,
.articleImageDroite .colImage.taille3b{
    width: 66%;
}

.articleImageGauche .colImage.taille3,
.articleImageDroite .colImage.taille3{
    width: 33%;
}

.articleImageGauche .colImage.taille4,
.articleImageDroite .colImage.taille4{
    width: 25%;
}

.articleImageGauche .colContenu,
.articleImageDroite .colContenu{
    flex: 1;
    padding: 0;
    margin: 0;
    padding-bottom: 25px;
    align-self: center;
}

@media screen and (max-width: 800px) {
    
    .articleImageGauche,
    .articleImageDroite{
        display: block;
    }

    .articleImageGauche .colImage,
    .articleImageDroite .colImage{
        display: block;
    }
    
    .articleImageGauche .colImage.taille2,
    .articleImageGauche .colImage.taille3b,
    .articleImageGauche .colImage.taille3,
    .articleImageGauche .colImage.taille4,

    .articleImageDroite .colImage.taille2,
    .articleImageDroite .colImage.taille3b,
    .articleImageDroite .colImage.taille3,
    .articleImageDroite .colImage.taille4{
        width: 100%;
    }
    
    .articleImageGauche .colContenu,
    .articleImageDroite .colContenu{
        display: block;
    }
    
}
	

/* @group Zone Article */

.zoneArticle {
	display: table;
	width: 100%;
}

#contenu_col_d,#contenu_col_g,#contenu_col_gd, #main .blochaut, #main .blocbas, #contenu_seul  {
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#contenu_col_g td, #contenu_col_d td, #contenu_col_gd td {
	vertical-align: top;
}

#contenu_col_g .col_colonnegauche, #contenu_col_d .col_colonnedroite {
	width: 25%;
}

@media screen and (max-width: 900px) {
#contenu_col_gd .col_colonnedroite {
	display: none;
}
}

@media screen and (max-width: 800px) {

#contenu_col_gd .col_colonnedroite,
#contenu_col_d .col_colonnedroite,
#contenu_col_gd .col_colonnegauche, #contenu_col_g .col_colonnegauche {
	display: none;
}

}

/* @end */

/* @end */

/* @group Interface */

#najsAlertBox_window {
	background-color: #e8e8e8;
	color: black;
background-image: -o-linear-gradient(-89deg, #FFFFFF 0%, #E8E8E8 100%);
background-image: -moz-linear-gradient(-89deg, #FFFFFF 0%, #E8E8E8 100%);
background-image: -ms-linear-gradient(-89deg, #FFFFFF 0%, #E8E8E8 100%);
background-image: linear-gradient(-179deg, #FFFFFF 0%, #E8E8E8 100%);
border: 1px solid #747474;
}

/* @group Boutons Icone */

.btico  {
	position: relative;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 2px 5px;
	text-align: center;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	border: 2px solid #000;
	opacity: 0.4;
	cursor: pointer;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	background: white url(images/interface/icone_modifier.png) no-repeat center center;
	vertical-align: middle;
}

.btico.maxi {
	width: 64px;
	height: 64px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
}

.btico.v_sup {
	background-image: url(images/interface/icone_supprimer.png);
}

.btico.v_add {
	background-image: url(images/interface/icone_ajouter.png);
}

.btico b, .btico .texte {
	display: block;
	position: absolute;
	bottom: -24px;
	width: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	left: -35px;
	font: 12px Verdana;
	background-color: rgba(0,0,0,0.8);
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 4px #999;
	-moz-box-shadow: 1px 1px 4px #999;  
  	box-shadow: 1px 1px 4px #999;
	color: white;
	opacity: 0;
	
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	overflow: hidden;
	z-index: 100;
}

.btico.maxi b, .btico.maxi .texte {
	left: -15px;
}

.btico:hover {
	opacity: 1}

.btico:hover b, .btico:hover .texte {
	display: inline-block;
	opacity: 1;
	width: 100px;
}



/* @end */

/* @group Bouton (admin) */

button {
	text-decoration: none;
	display: inline-block;
	margin: 2px 5px 8px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow:    1px 1px 5px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35);
	box-shadow:         1px 1px 5px 0px rgba(0,0,0,0.35);
	height: 30px;
	background: #404040;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;

	border-style: none;
}

button .text, button .texte {
	color: #fff;
	text-shadow: none;
	display: inline-block;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.50);
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px 20px 0;
}

button .marge {
	display: inline-block;
}

button:focus {
    outline: none;
}

button:hover {
	off-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5),
						0px 0px 6px rgba(255,255,255,0.4);
	background-color: #193b7f;
	-webkit-transition: all 0.3s ease-in-out;
	cursor: pointer;
}

button:active {
	off-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.0),
						0px 0px 6px rgba(255,255,255,0.4);
	background-color: #0057d8;
	position: relative;
	-top: 1px;
	-left: 1px;
	
	-webkit-transition-property: background-color, top, left;
	-webkit-transition-duration: 0.1s, 0.0s, 0.0s;
	-webkit-transition-timing-function: ease-in-out, linear, linear;
}

button:disabled, button:disabled:active, button:disabled:hover{
	opacity: 0.5;
	cursor: default;
	
	off-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5),
						0px 0px 6px rgba(255,255,255,0.4);
	background-color: #090a0d;
	position: relative;
	top: 0px;
	left: 0px;
}



/* @end */

/* @group Champ */

.formulaireChamp input, .formulaireMenu select, .formulaireMenu input {
	margin: 4px 2px;
}

input.caseACocher {
	margin-right: 4px;
}

.zoneModifiable {
	border: 2px dashed #e3e3e3;
	padding: 8px;
	min-height: 40px;
}



/* @end */

/* @group Champ Date */

.boutonCalendier {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	background: url(images/champs/calendier.jpg) no-repeat center center;
	margin-right: 9px;
	margin-bottom: 4px;
	margin-left: 3px;
}

#najsInterfaceMenu_overlay {
	display: block;
	background-color: rgba(0,0,0,0.1);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
}

#najsInterfaceMenu {
	background-color: white;
	position: absolute;
	border: 1px solid maroon;
	-webkit-box-shadow: 2px 2px 5px rgba(112,112,112,0.70);
	-moz-box-shadow: 1px 1px 4px rgba(112,112,112,0.70);  
  	box-shadow: 2px 2px 5px rgba(112,112,112,0.70);
	color: black;
}

#najsInterfaceMenu button.precedent {
	float: left;
	width: 40px;
}

#najsInterfaceMenu button.suivant {
	float: right;
	width: 40px;
}

#najsInterfaceMenu td {
	border: 0 solid silver;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

#najsInterfaceMenu .jourTitre  {
	font-size: 12px;
}

#najsInterfaceMenu .moisTitre  {
	font-size: 12px;
	background-color: #d21415;
	color: white;
}

#najsInterfaceMenu .moisTitre td {
	border-width: 0;
}

#najsInterfaceMenu .jourTitre td {
	padding: 4px;
	background-color: #ffd8d9;
}

#najsInterfaceMenu .jourNombre td:hover {
	background-color: silver;
	cursor: pointer;
}

#najsInterfaceMenu .dimanche {
	background-color: #e5e5e5;
}

#najsInterfaceMenu .samedi {
	background-color: #f1f1f1;
}

#najsInterfaceMenu .jourActuel {
	background-color: #fec0c1;
}



/* @end */

/* @group Envoi Images */

.survoleGlisse {
	position: relative;
}

.survoleGlisse:hover {
	cursor: pointer;
}

.survoleGlisse .etat {
	opacity: 0.50;
	z-index: 100;
	display: block;
	position: absolute;
	top: 6px;
	left: 6px;
	bottom: 6px;
	right: 6px;
	border: 2px dashed rgba(255,255,255,0.8);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0,0,0,0.0) url(images/interface/upload.png) no-repeat center center;
	background-size: 0%;
}

.survoleGlisse.draghover .etat {
	opacity: 1;
	background: rgba(0,0,0,0.6) url(images/interface/upload.png) no-repeat center center;
	background-size: 50%;
}

.survoleGlisse .info {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 38px;
	padding-left: 52px;
	background-color: rgba(0,0,0,0.8);
	color: white;
	padding-top: 12px;
	text-align: left;
	opacity: 0;
	transition: opacity 0.5s;
}

.survoleGlisse:hover .info {
	opacity: 1;
}

.survoleGlisse .icone {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: transparent url(images/interface/icob_photo.png) no-repeat center center;
	background-size: 30px;
}



/* @end */

/* @group Texte Editable */

.barreOutils {
	display: table;
	width: 100%;
}

.barreOutils button {
	font-size: 11px;
	padding: 2px 3px 3px;
	min-width: 24px;
	color: white;
	margin: 0 4px 8px;
}

.barreOutils button.styleBold {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	-webkit-border-top-right-radius: 2px; 
	-moz-border-top-right-radius: 2px; 
	border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px; 
	-moz-border-bottom-right-radius: 2px; 
	border-bottom-right-radius: 2px;
	font-weight: bold;
	font-size: 15px;
	vertical-align: -1px;
	padding-top: 4px;
	height: 26px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}

.barreOutils button.styleItalic {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	font-style: italic;
	font-size: 15px;
	vertical-align: -1px;
	padding-top: 4px;
	padding-left: 1px;
	height: 26px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.barreOutils button.styleUnderline {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 8px;
	-webkit-border-top-left-radius: 2px; 
	-moz-border-top-left-radius: 2px; 
	border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px; 
	-moz-border-bottom-left-radius: 2px; 
	border-bottom-left-radius: 2px;
	margin-left: 1px;
	font-style: italic;
	font-size: 15px;
	text-decoration: underline;
	vertical-align: -1px;
	padding-top: 4px;
	padding-right: 4px;
	height: 26px;
	margin-bottom: 8px;
	margin-top: 4px;
}

.barreOutils.off button {
	opacity: 0.3;
}

.barreOutils button.annuler {
	font-weight: bold;
	margin-left: 5px;
	width: auto;
	float: right;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #004d92;
	color: white;
}

.barreOutils.off button.annuler {
	background-color: #004d92;
}

.barreOutils button.save {
	font-weight: bold;
	margin-left: 5px;
	width: auto;
	color: white;
	background-color: red;
	float: right;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.barreOutils button.save:hover {
	background-color: #c41a00;
}

.barreOutils.off button.save {
	opacity: 1;
}

.barreOutils button.save[disabled] {
	color: gray;
	opacity: 0.5;
	background-color: #d6d6d6;
}

.barreOutils.off button.save[disabled] {
	opacity: 0.5;
}

.barreOutils button.annuler[disabled] {
	color: gray;
	opacity: 0.5;
	background-color: #d6d6d6;
}

.barreOutils.off button.annuler[disabled] {
	opacity: 0.5;
}

/* @end */

/* @group Etiquettes */

.zoneModifiableEtiquette {
	border: 2px dashed #e3e3e3;
	padding: 3px;
}

.zoneModifiableEtiquette .v_add {
	width: 24px;
	height: 24px;
	background-size:100%;
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px; 
	border-radius: 16px;
}

.etiqtxt {
	background-color: #d0d0d0;
	display: inline-block;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
	padding-left: 10px;
	margin-right: 4px;
	margin-left: 4px;
	-moz-box-shadow:    1px 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
	box-shadow:         1px 1px 5px 0px rgba(0,0,0,0.2);
	height: 24px;
	padding-right: 10px;
	vertical-align: 1px;
}

.etiqtxt .v_sup {
	border-width: 0;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
	background-image: url(images/interface/icone_effacer.png);
	background-size:70%;
	margin-right: -8px;
	vertical-align: -10px;
}

.etiqtxt .txt {
	vertical-align: -3px;
	font-weight: bold;
	font-size: 0.9em;
	color: #2e2e2e;
}



/* @end */



/* @end */

/* @group FenetreDynamique */

.webpopup.stylefenetre {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
}

.webpopup.stylefenetre .popupzone {
	margin-top: 50px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	color: black;
	text-shadow: white 0 0 0;
	padding: 10px 20px;
	
		-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
	
	-webkit-box-shadow: 5px 5px 20px #000;
	-moz-box-shadow: 5px 5px 20px #000;  
  	box-shadow: 5px 5px 20px #000;
	height: 400px;
}

.webpopup.stylederoulant .popupzone {
	background-color: white;
	color: black;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.webpopup.off {
	display: none;
}

.webpopup .formulaire {
	margin-right: 80px;
	margin-left: 80px;
	text-align: left;
}

.webpopup label {
	width: 200px;
	display: inline-block;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 6px;
	margin-bottom: 0;
}

.webpopup .fauxChamp {
	margin-bottom: 6px;
	display: inline-block;
	margin-top: 6px;
}

.webpopup input {
	margin-top: 6px;
	margin-bottom: 6px;
}

.webpopup textarea {
	margin-top: 6px;
	margin-bottom: 6px;
}

.webpopup .zoneBouton {
	text-align: center;
	margin-bottom: 20px;
}

.webpopup .zoneBouton .bouton {
	margin-right: 6px;
	margin-left: 6px;
}

.webpopup .envoiFormulaire {
	padding-top: 40px;
	background: url(images/divers/loading11.gif) no-repeat center top;
	margin-top: 160px;
}

.webpopup .texteDeConfirmation {
	text-align: center;
	margin-top: 140px;
	margin-bottom: 30px;
}.webpopup textarea



/* @end */

/* @group WebSocial */

.zoneWebSocial_partager {
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	margin: 9px 0 11px 9px;
	width: 100%;
}

/*.zoneWebSocial_partager {
	margin-top: 6px;
	margin-bottom: -6px;
}*/

a.facebook_bouton {
	background-color: #ECEEF5;
	border: 1px solid #CAD4E7;
	text-shadow: none;
	color: #3B5998;
	text-decoration: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 5px 2px 2px;
	margin-left: 10px;
	margin-right: 0;
	font: normal normal 12px Arial;
}

.facebook_icon_partage {
	width: 13px;
	height: 13px;
	display: inline-block;
	background: transparent url(images/websocial/facebook.png) -2px -115px;
	padding: 0;
	vertical-align: -2px;
	margin-right: 4px;
	margin-left: 2px;
}

.facebook_info {
	background-color: white;
	border: 1px solid #CAD4E7;
	text-shadow: none;
	color: #3B5998;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 1px 5px;
	margin-left: 6px;
	-border-width: 5px 10px 5px 5px;
	position: relative;
}

.facebook_info s, .facebook_info b {
	border-right: 5px solid #CAD4E7;
	border-bottom: 5px solid transparent;
	width: 0;
	height: 0;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 3px;
	left: -5px;
	border-top: 5px solid transparent;
}

.facebook_info b {
	border-right: 5px solid white;
	left: -4px;
}

a.twitter_bouton {
	background-color: #f1f1f1;
	background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#DEDEDE));
	border: 1px solid #bfbfbf;
	text-shadow: #fff 1px 1px 1px;
	color: black;
	text-decoration: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px 3px 2px;
	margin-left: 15px;
	margin-right: 0;
	font: bold 11px Arial;
}

.twitter_icon_partage {
	width: 13px;
	height: 13px;
	display: inline-block;
	background: transparent url(images/websocial/twitter.png) -1px 1px;
	padding: 0;
	vertical-align: -2px;
	margin-right: 4px;
	margin-left: 2px;
}

.twitter_info {
	background-color: white;
	border: 1px solid #bfbfbf;
	text-shadow: none;
	color: #3B5998;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 1px 5px;
	margin-left: 6px;
	-border-width: 5px 10px 5px 5px;
	position: relative;
}

.twitter_info s, .twitter_info b {
	border-right: 5px solid #bfbfbf;
	border-bottom: 5px solid transparent;
	width: 0;
	height: 0;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 3px;
	left: -5px;
	border-top: 5px solid transparent;
}

.twitter_info b {
	border-right: 5px solid white;
	left: -4px;
}

a.googleplus_bouton {
	background-color: #f1f1f1;
	background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#DEDEDE));
	border: 1px solid #bfbfbf;
	text-shadow: #fff 1px 1px 1px;
	color: #d61814;
	text-decoration: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 5px 2px 2px;
	margin-left: 15px;
	margin-right: 0;
	font: bold 12px Arial;
}

.googleplus_icon_partage {
	width: 13px;
	height: 18px;
	display: inline-block;
	background: url(images/websocial/googleplus.png) no-repeat 0 -2px;
	padding: 0;
	vertical-align: -2px;
	margin-right: 0;
	margin-left: 2px;
	position: relative;
	left: -4px;
	top: 2px;
	margin-bottom: -1px;
}

.googleplus_info {
	background-color: white;
	border: 1px solid #bfbfbf;
	text-shadow: none;
	color: #3B5998;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px 1px 5px;
	margin-left: 6px;
	-border-width: 5px 10px 5px 5px;
	position: relative;
}

.googleplus_info s, .googleplus_info b {
	border-right: 5px solid #bfbfbf;
	border-bottom: 5px solid transparent;
	width: 0;
	height: 0;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 3px;
	left: -5px;
	border-top: 5px solid transparent;
}

.googleplus_info b {
	border-right: 5px solid white;
	left: -4px;
}



/* @end */
.cc-banniere{
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    z-index: 9998;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em 1.8em;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.cc-banniere.cc-invisible{
	opacity: 0;
}

.cc-message {
    text-align: left;
    display: block;
    flex: 1 1 auto;
    margin-right: 1em;
}

.cc-message a{
    color: white;
}

.cc-btn {
    color: white;
    display: flex;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	text-decoration: none;
}/* @group Comptes */

/* @group bouton Facebook */

a.boutonConnexionFacebook {
	display: inline-block;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	background-color: #2e70b0;
	background-image: -moz-linear-gradient(top,#2e81b0,#2e56b0);
	background-image: -ms-linear-gradient(top,#2e81b0,#2e56b0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#2e81b0),to(#2e56b0));
	background-image: -webkit-linear-gradient(top,#2e81b0,#2e56b0);
	background-image: -o-linear-gradient(top,#2e81b0,#2e56b0);
	background-image: linear-gradient(top,#2e81b0,#2e56b0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e81b0', endColorstr='#2e56b0', GradientType=0);
	border-color: #2e56b0 #2e56b0 #1e3873;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
	color: white !important;
	text-decoration: none;
	padding: 10px 15px;
	
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	font-size: 14px;
}

a.boutonConnexionFacebook:hover {
	background-color: #2d55ac;
	background-image: none;
}

a.boutonConnexionFacebook .icon-facebook {
	font-weight: bold;
	font-size: 26px;
	vertical-align: -4px;
	margin-right: 9px;
}

/* @end */

/* @group Connexion */

.loginweb_connexion {
	min-width: 600px;
}

@media screen and (max-width: 700px) {

.loginweb_connexion {
	min-width: 98%;
}

}

.zoneCompteConnexion {
	display: block;
	width: 95%;
	max-width: 900px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 8px;
	background-color: rgba(233,232,234,0.5);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 15px auto;
	color: black;
	text-align: center;
}

.zoneCompteConnexion h4 {
	margin: 10px 0;
}

.zoneCompteConnexion p {
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

.zoneCompteConnexion p.texteIntro {
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.zoneCompteConnexion .optionDeConnexionRapide {
	width: 50%;
	float: left;
	border-right: 1px solid gray;
	margin-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.zoneCompteConnexion .optionDeConnexionRapide a.info {
	font-size: 12px;
}

.zoneCompteConnexion .infoOptionLogin {
	font: italic normal 11px Verdana, sans-serif;
	color: #908f90;
	text-align: center;
	margin-top: 20px;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

.zoneCompteConnexion #infoFacebook_popup {
	height: 170px;
}

.zoneCompteConnexion .passePerdu {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin-left: 7px;
	text-align: right;
	margin-right: 20px;
}

.zoneCompteConnexion .alertPasseNonValide {
	font-size: 12px;
	width: 100%;
	text-align: center;
	color: red;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 8px;
}

.zoneCompteConnexion .formConnexionLogin {
	margin-top: 10px;
	text-align: center;
}

.zoneCompteConnexion .formConnexionLogin .champ {
	text-align: left;
	font-size: 13px;
	margin-bottom: 4px;
	margin-right: auto;
	margin-left: auto;
	display: table;
	padding-right: 7px;
}

.zoneCompteConnexion .formConnexionLogin .champ label {
	width: 120px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	text-align: right;
	margin-right: 5px;
	font-size: 11px;
}

.zoneCompteConnexion .champ .input_caseACocher {
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

/* Formulaire création compte */

.zoneCompteConnexion.inscription form {
	display: table;
	margin: 0 auto;
}

.zoneCompteConnexion.inscription form p {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.zoneCompteConnexion.inscription label {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 11px;
}

.zoneCompteConnexion.inscription .erreurFormulaire {
	color: red;
	margin-top: 0;
}

.zoneCompteConnexion.inscription .zoneBoutonValidation {
	text-align: center;
}

.zoneCompteConnexion.informations form {
	display: table;
	margin: 0 auto;
}

.zoneCompteConnexion.informations p {
	text-align: justify;
}

.zoneCompteConnexion.informations label {
	display: inline-block;
	width: 180px;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
}

.zoneCompteConnexion.informations .erreurFormulaire {
	color: red;
	text-align: center;
	font-weight: bold;
}

.zoneCompteConnexion.informations .input_champ cite {
	margin-left: 120px;
	font-size: 10px;
	font-style: italic;
}

.zoneCompteConnexion.informations .zoneBoutonValidation {
	text-align: center;
}

@media screen and (max-width: 700px) {

.zoneCompteConnexion .optionDeConnexionRapide {
	display: block;
	float: none;
	width: auto;
	border-right-width: 0;
	border-bottom: 1px solid rgba(146,146,146,0.5);
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.zoneCompteConnexion .infoOptionLogin {
	margin-top: 5px;
}

.zoneCompteConnexion h4 {
	font-size: 13px;
}

.zoneCompteConnexion p {
	font-size: 13px;
}

}



/* @end */

/* @group Interface du compte */

.zoneCompteUtilisateur {
	display: block;
	width: 95%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 12px auto;
	padding: 0;
	background-color: rgba(233,232,234,0.5);
}

.zoneCompteUtilisateur_marge {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 500px;
}

.zoneCompteUtilisateur_contenu {
	display: table-row;
	padding: 0;
	margin: 0;
}

.zoneCompteUtilisateur h1 {
	font-size: 15px;
	background-color: rgba(253,252,255,0.9);
	padding: 4px 2px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	text-align: center;
	margin: 5px;
	font-weight: bold;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);  
  	box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
	display: block;
}

.zoneCompteUtilisateur h2 {
	text-shadow: #d5d5d5 1px 1px 4px;
	font-size: 17px;
	text-align: center;
	margin: 5px;
}

.zoneCompteUtilisateur p {
	margin-right: 15px;
	margin-left: 15px;
}

.zoneCompteUtilisateur a {
}

.zoneCompteUtilisateur a:hover {
}

/*.zoneCompteUtilisateur .hr {
	width: 480px;
	background-image: none;
	background-color: silver;
	height: 2px;
	margin-bottom: 20px;
	margin-top: 20px;
}*/

.zoneCompteUtilisateur .menu {
	display: table-cell;
	width: 25%;
	background-color: rgba(0,0,0,0.08);
	margin: 2px 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	min-width: 170px;
	padding: 0;
	vertical-align: top;
}

.zoneCompteUtilisateur .menu li {
	display: block;
	text-align: right;
	padding: 8px 0 0;
	font-size: 14px;
}

.zoneCompteUtilisateur .menu li a {
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 8px;
	margin-top: 0;
	margin-bottom: 0;
}

.zoneCompteUtilisateur .menu li a:hover {
	background-color: rgba(255,255,255,0.35);
}

.zoneCompteUtilisateur .menu li a.actif {
	background-color: rgba(0,0,0,0.05);
	color: black;
}

.zoneCompteUtilisateur .contenu {
	display: table-cell;
	width: 75%;
	padding: 0;
	vertical-align: top;
	margin: 0;
}

@media screen and (max-width: 600px) {

.zoneCompteUtilisateur {
	width: auto;
	padding: 0;
	border-width: 0;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.zoneCompteUtilisateur .menu {
	display: block;
	width: auto;
	margin: 4px 4px 8px;
	padding: 0;
	background-color: transparent;
}

.zoneCompteUtilisateur .menu li {
	margin: 0;
	padding: 0;
}

.zoneCompteUtilisateur .menu li a {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-bottom: 1px solid rgba(146,146,146,0.2);
	padding-left: 10px;
	color: black;
}

.zoneCompteUtilisateur .contenu {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

}

.zoneCompteUtilisateur .zoneEnteteContenu {
	display: block;
	width: 100%;
	margin: 0;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
}

.zoneCompteUtilisateur .zoneEnteteContenu h2 {
	text-align: center;
	margin-top: 1.2vw;
	margin-bottom: 1.2vw;
}

.zoneCompteUtilisateur .zoneEnteteContenu .boutonRetour {
	float: left;
}

.zoneCompteUtilisateur .zoneEnteteContenu .boutonModifier {
	float: right;
}

.zoneCompteUtilisateur label {
	font-weight: bold;
	font-size: 14px;
}

.zoneCompteUtilisateur .zone_form p {
	padding-left: 2vw;
	padding-right: 2vw;
}

.zoneCompteUtilisateur .input_champ,
.zoneCompteUtilisateur .input_menu,
.zoneCompteUtilisateur .input_caseACocher,
.zoneCompteUtilisateur .input_passe,
.zoneCompteUtilisateur .input_champfixe
{
    width: 94%;
	margin-left: auto;
	margin-right: auto;
}


.zoneCompteUtilisateur  .input_caseACocher .caseACocher {
    display: inline;
    width: auto;
    height: auto;
}

.zoneCompteUtilisateur img.extraisFormulaire {
	max-height: 120px;
	max-width: 160px;
	vertical-align: middle;
}

.zoneCompteUtilisateur .zoneNumeroEtape {
	height: 12px;
	margin-top: 5px;
}

.zoneCompteUtilisateur .zoneNumeroEtape b {
	background-color: rgba(255,38,0,0.8);
	padding: 4px 8px;
	color: white;
	font-size: 16px;
	
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	
	float: left;
	position: relative;
	left: 0;
	
	-webkit-box-shadow: 1px 1px 4px #888;
	-moz-box-shadow: 1px 1px 4px #888;  
  	box-shadow: 1px 1px 4px #888; 

	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg); 
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	border: 2px solid white;
	text-shadow: #5b0700 1px 2px 5px;
	bottom: 0;
}

.zoneCompteUtilisateur .zoneGroupe {
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	margin: 7px;
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);  
  	box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
	padding-top: 1px;
	padding-bottom: 1px;
}

.zoneCompteUtilisateur .zoneGroupe h3 {
	font-size: 14px;
	background-color: rgba(254,255,255,0.85);
	padding: 3px;
	margin: 1px;
	text-shadow: white 0 0 1px;
	text-align: left;
	
	-webkit-border-top-left-radius: 6px; 
	-moz-border-top-left-radius: 6px; 
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px; 
	-moz-border-top-right-radius: 6px; 
	border-top-right-radius: 6px;

}

.zoneCompteUtilisateur .zoneGroupe a.titre {
	color: black;
	text-decoration: none;
	text-align: left;
}

.zoneCompteUtilisateur .zoneGroupe a.titre .info {
	font-style: italic;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne {
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #f4f4f4;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	display: table;
	width: 100%;
}

.zoneCompteUtilisateur .zoneGroupe .description {
	padding-top: 5px;
	text-align: left;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne:last-child {
	border-bottom-width: 0;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne .blocInfoMini {
	font-style: italic;
	font-size: 12px;
	margin-left: 14px;
	margin-top: -2px;
	margin-bottom: -2px;
	color: gray;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne a.nom {
	display: block;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne .vignette {
	max-height: 60px;
	max-width: 80px;
	margin: 7px;
	float: left;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne .boutonSupprimerLigne {
	float: right;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne:hover {
	background-color: rgba(253,178,0,0.1);
}

.zoneCompteUtilisateur .zoneGroupe .blocEtat {
	color: red;
	float: right;
	margin-top: 0;
	margin-right: 7px;
	text-align: right;
	font-size: 13px;
}

.zoneCompteUtilisateur .zoneGroupe .blocEtat .texte {
	margin-right: 5px;
	margin-bottom: 3px;
}

.zoneCompteUtilisateur .zoneGroupe .zoneLigne .blocEtat {
	margin-top: 5px;
}

.zoneCompteUtilisateur .zoneGroupe .blocEtat.valide {
	color: #00b000;
}

.zoneCompteUtilisateur .formulaireRadio {
}

.zoneCompteUtilisateur .formulaireRadio .groupeRadio {
	display: inline-table;
	width: 350px;
	vertical-align: top;
}

.zoneCompteUtilisateur .formulaireRadio .champCheckbox {
	display: table;
	margin-bottom: 5px;
}

.zoneCompteUtilisateur .formulaireRadio.horizontale .champCheckbox {
	display: inline-table;
	padding-bottom: 0;
}

.zoneCompteUtilisateur .formulaireRadio .champCheckbox input  {
	width: auto;
	vertical-align: 1px;
	margin-right: 3px;
	margin-left: 0;
}

.zoneCompteUtilisateur .formulaireRadio .champCheckbox .champ {
	margin-right: 20px;
}

.zoneCompteUtilisateur .zoneModifiable {
	border: 2px dashed #e3e3e3;
	padding: 8px;
	min-height: 40px;
}

/*.zoneCompteUtilisateur .zoneModifiable .aucunContenu {
	color: #909090;
	font-size: 14px;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}*/

/*.zoneCompteUtilisateur .zoneModifiable .btico {
	float: right;
}*/

.zoneCompteUtilisateur .champModifiable {
	border: 2px dashed #e3e3e3;
	padding: 4px;
	font-size: 12px;
	display: inline-block;
}

.zoneCompteUtilisateur .blocChampModifiable label {
	width: 30%;
	display: inline-block;
	text-align: right;
	margin-right: 4px;
}

.zoneCompteUtilisateur .blocChampModifiable .formulaireChamp input {
	width: 61%;
}

.zoneCompteUtilisateur .blocChampModifiable .formulaireChamp cite {
	font-size: 0.8em;
	display: block;
	margin-left: 32%;
	margin-right: 6%;
}

@media screen and (max-width: 600px) {

.zoneCompteUtilisateur .zoneGroupe {
	margin-right: 0;
	margin-left: 0;
}

.zoneCompteUtilisateur .blocChampModifiable .formulaireChamp cite {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.zoneCompteUtilisateur .blocChampModifiable .formulaireChamp label {
	display: block;
	width: 90%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.zoneCompteUtilisateur .blocChampModifiable .formulaireChamp input {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

}



/* @end */

/* @group zoneCompteBarreOutils */

.zoneCompteBarreOutils {
	display: block;
	margin-right: 4px;
	z-index: 502;
	font-size: 13px;
	margin-top: 4px;
	text-align: right;
	white-space: nowrap;
}

.zoneCompteBarreOutils p.legendeoutils {
	font-size: 12px;
	margin: 3px 0 5px;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
}

.zoneCompteBarreOutils .blocConnexion {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.zoneCompteBarreOutils .blocConnexion a.lienPageConnexion {
	display: block;
	color: white;
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	background: #FFFFFF url(images/interface/icone_compte.png) no-repeat center center;
	background-size: 50%;
	-moz-box-shadow:   0px 0px 4px 0px rgba(0,0,0,0.20);
	box-shadow:         0px 0px 4px 0px rgba(0,0,0,0.20);
	width: 47px;
	height: 32px;
	margin: 7px 7px 0 0;
}

.zoneCompteBarreOutils .blocConnexion a.lienPageConnexion span {
	display: none;
}

.zoneCompteBarreOutils .blocConnexion a.boutonSupprimer {
	display: block;
	color: white;
	padding: 10px 10px 15px;
}

.zoneCompteBarreOutils .blocConnexion:hover .zoneConnexionLogin {
	display: block;
}

.zoneCompteBarreOutils .zoneConnexionLogin {
	border-radius: 10px;
	background-image: -o-linear-gradient(-90deg, #535353 0%, #000000 100%);
	background-image: -moz-linear-gradient(-90deg, #535353 0%, #000000 100%);
	background-image: -webkit-linear-gradient(-90deg, #535353 0%, #000000 100%);
	background-image: -ms-linear-gradient(-90deg, #535353 0%, #000000 100%);
	background-image: linear-gradient(-180deg, #535353 0%, #000000 100%);
	border: 0px solid #979797;
	-moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.50);
	-webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.50);
	width: 340px;
	text-shadow: #000000 0px 0px 1px;
	position: absolute;
	top: 35px;
	right: 0;
	cursor: default;
	display: none;
	color: white;
	text-align: center;
}

.zoneCompteBarreOutils .zoneConnexionLogin p {
	text-align: center;
	font-weight: bold;
}

.zoneCompteBarreOutils .zoneConnexionLogin a {
	color: #dadada;
}

.zoneCompteBarreOutils .zoneConnexionLogin a.info {
	font-style: italic;
	font-size: 11px;
}

.zoneCompteBarreOutils .zoneConnexionLogin a:hover {
	color: white;
}

.zoneCompteBarreOutils .zoneConnexionLogin .optionDeConnexionRapide {
	padding-top: 8px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dashed #909090;
}

.zoneCompteBarreOutils .zoneConnexionLogin .optionNouveauCompte {
	padding-top: 20px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dashed #909090;
	margin-top: 10px;
	padding-bottom: 15px;
}

.zoneCompteBarreOutils .zoneConnexionLogin .infoOptionLogin {
	font-style: normal;
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
	font-weight: normal;
}

.zoneCompteBarreOutils .zoneConnexionLogin .passePerdu a {
	font-size: 10px;
	font-style: italic;
}

.zoneCompteBarreOutils .zoneConnexionLogin .champ {
	margin-top: 8px;
	text-align: right;
	margin-right: 47px;
}

.zoneCompteBarreOutils .zoneConnexionLogin label {
	margin-top: 5px;
	font-size: 10px;
}

.zoneCompteBarreOutils .zoneConnexionLogin input {
	margin-top: 3px;
	margin-bottom: 3px;
}

.zoneCompteBarreOutils .zoneConnexionLogin .input_champ input {
	width: 160px;
}

.zoneCompteBarreOutils .zoneConnexionLogin .input_passe input {
	width: 160px;
}

.zoneCompteBarreOutils .zoneConnexionLogin .bouton {
	margin-top: 7px;
}

/* Panier */

.zoneCompteBarreOutils .blocPanier {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.zoneCompteBarreOutils .blocPanier a.lienPagePanier {
	display: block;
	color: white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	background: #FFFFFF url(images/interface/icone_caddie.png) no-repeat 8px center;
	background-size: 60%;
	-moz-box-shadow:   0px 0px 4px 0px rgba(0,0,0,0.20);
	box-shadow:         0px 0px 4px 0px rgba(0,0,0,0.20);
	width: 47px;
	height: 32px;
	margin: 7px 7px 0 0;
	position: relative;
}

.zoneCompteBarreOutils .blocPanier a.lienPagePanier span {
	display: none;
}

.zoneCompteBarreOutils .blocPanier #etatContenuPanier {
	display: block;
	position: absolute;
	background-color: red;
	top: -6px;
	right: -5px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px;
	padding: 1px 6px 3px;
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.40);
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.40);
}

@media screen and (max-width: 700px) {

.zoneCompteBarreOutils p.legendeoutils {
	display: none;
}

.zoneCompteBarreOutils .produits_zoneRechercheRapide {
	display: none;
}

}

@media screen and (max-width: 600px) {

.zoneCompteBarreOutils {
	display: none;
}

.zoneCompteBarreOutils .blocConnexion:hover .zoneConnexionLogin {
	display: none;
}

}

/* @end */

/* @end */



.blocCompteClient p {
    padding-left: 0;
    padding-right: 0;
    margin: 4px;
}

.blocCompteClient #elementDeconnexion form {
    text-align: right;
}

.blocCompteClient span.bouton {
   display: inline-block;
}

.blocCompteClient a.bouton {
   border-radius: 6px;
}

.blocCompteClient a.bouton .texte {
    padding: 8px 14px;
}

.zoneConnexionLogin .espaceurForm {
    display: flex;
    align-items: center;
    width: 60%;
    margin: auto;
}

.zoneConnexionLogin .champ {
    flex-grow: 1;
}

.zoneConnexionLogin .boutonValider {
    margin-left: 1px;
    margin-top: -30px;
}
/* Vente en ligne */

.zoneValidationCommande {
	display: block;
	width: 95%;
	max-width: 900px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 12px auto;
	padding: 0;
	background-color: rgba(233,232,234,0.5);
}

.zoneValidationCommande p.etapesInfo {
	font-style: italic;
	font-size: 12px;
	color: #999;
	text-shadow: white 0px 0px 0px;
	text-align: center;
	margin: 0;
	display: block;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	padding-top: 5px;
}

.zoneValidationCommande p.etapesInfo b {
	color: black;
}

.zoneValidationCommande p.etapesInfo .symboleFleche b {
	color: #a7a7a7;
	margin-right: 10px;
	margin-left: 10px;
}

.zoneValidationCommande #zone_connexion_compte {
	margin-top: 10px;
}

.zoneValidationCommande #zone_creation_compte {
	margin-bottom: 10px;
}

.zoneValidationCommande p.texteAlerte {
	color: red;
}

.zoneValidationCommande h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.zoneValidationCommande .input_champ cite {
	font-size: 10px;
	font-style: italic;
}

.zoneValidationCommande table.tablePanier_simple {
	background-color: white;
	padding: 0;
	margin: 0 auto;
	width: 98%;
	text-align: left;
	font-size: 0.9em;
}

.zoneValidationCommande .tablePanier_simple td {
	text-align: center;
	vertical-align: middle;
}

.zoneValidationCommande .tablePanier_simple td.col_0 {
	text-align: left;
}

.zoneValidationCommande .tablePanier_simple thead td {
	background-color: rgba(0,0,0,0.5);
	color: white;
	padding: 5px;
}

.zoneValidationCommande .tablePanier_simple img.vignette  {
	width: 80px;
	display: inline;
	margin-right: 5px;
	float: left;
	margin-top: 4px;
	margin-left: 4px;
}

.zoneValidationCommande .tablePanier_simple .flecheDossierOff {
	display: none;
}

.zoneValidationCommande .listeTotalPanier {
	text-align: right;
	font-size: 1em;
	margin-left: auto;
	background-color: rgba(0,0,0,0.05);
	width: 98%;
	margin-right: auto;
	margin-top: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.zoneValidationCommande .listeTotalPanier td {
	padding: 10px 2px 2px;
	font-weight: bold;
}

.zoneValidationCommande .listeTotalPanier td.colprix {
	width: 120px;
	padding-right: 5px;
	font-weight: bold;
}

.zoneValidationCommande .listeFraisDePort {
	width: 98%;
	text-align: right;
	font-size: 1em;
	margin-left: auto;
	margin-top: 5px;
	margin-right: auto;
	background-color: rgba(0,0,0,0.05);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.zoneValidationCommande .listeFraisDePort td {
	padding: 2px;
	font-weight: bold;
}

.zoneValidationCommande .listeFraisDePort td.colprix {
	width: 120px;
	padding-right: 5px;
}

.zoneValidationCommande .listeFraisDePort .infoFraisDePortOffert {
	font-size: 13px;
	font-style: italic;
	color: gray;
}

.zoneValidationCommande .listeFraisDePort .offert {
	color: #004d92;
	font-weight: bold;
}

.zoneValidationCommande .infoUtilisationPanier {
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
	display: table;
	width: 98%;
	background-color: white;
	margin-left: auto;
	text-shadow: white 0px 0px 0px;
	margin-right: auto;
}

.zoneValidationCommande .infoUtilisationPanier p {
	text-align: left;
	width: 330px;
	float: right;
	margin: 5px;
}

.zoneValidationCommande .zoneCodePromo {
	text-align: right;
	font-weight: bold;
	margin: 10px;
}

.zoneValidationCommande .zoneCodePromo input.code_promotion {
    width: 200px;
    display: inline-block;
}

.zoneValidationCommande .zoneBoutonEtape {
	text-align: right;
	width: 99%;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
}

.zoneValidationCommande .zoneBoutonEtape .boutonContinuerAchats {
	display: inline-block;
	float: left;
}

.zoneValidationCommande .zoneBoutonEtape .boutonValider {
	display: inline-block;
}

.zoneValidationCommande .zoneBoutonValidation {
	text-align: right;
	width: 99%;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
}

.zoneValidationCommande .zoneBoutonValidation .boutonContinuerAchats {
	display: inline-block;
	float: left;
}

.zoneValidationCommande .zoneBoutonValidation .boutonValider {
	display: inline-block;
}

.zoneValidationCommande .zoneBoutonValidation span.bouton {
	float: left;
}

.zoneValidationCommande p.recapMontant {
	text-align: center;
	font-weight: bold;
}

/*  Etpae Coordonnées */

.zoneValidationCommande .zoneCompteUtilisateur_coordonnees {
    width: 90%;
    margin: auto;
}

/* Etape Livraison */

.zoneValidationCommande .zoneModeExpedition {
	margin-left: auto;
	width: 98%;
	margin-right: auto;
}

.zoneValidationCommande .zoneModeExpedition td {
	font-size: 14px;
	padding-top: 8px;
}

.zoneValidationCommande .zoneModeExpedition tr.debut {
	font-style: italic;
	font-size: 12px;
}

.zoneValidationCommande .zoneModeExpedition td.coloption {
	width: 120px;
}

.zoneValidationCommande .zoneModeExpedition td input {
	margin-right: 5px;
}

.zoneValidationCommande .zoneConditionDeVente {
	margin-left: 10px;
	margin-right: 10px;
}

.zoneValidationCommande .boutonRadio input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.zoneValidationCommande .caseACocher input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.zoneValidationCommande .etapeLivraison .zoneBoutonEtape {
	text-align: left;
}

.zoneValidationCommande .zoneValidation {
	text-align: right;
	width: 99%;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
}

.zoneValidationCommande .zoneValidation .boutonAnnulerEtape {
	display: inline-block;
	float: left;
}

.zoneValidationCommande .zoneValidation .boutonValider {
	display: inline-block;
}



/* Etape Paiement */

.etapePaiement .zoneMode  {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 80%;
	margin: 10px auto;
	background-color: rgba(254,255,255,0.85);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.etapePaiement .zoneMode .modeCBVirtuel {
	background: url(images/ventes/paiement_carte_cb.png) no-repeat;
	width: 160px;
	height: 104px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
	position: relative;
	font-weight: bold;
	font-size: 20px;
}

.etapePaiement .zoneMode .modeCBVirtuel .texte {
	display: none;
}

.etapePaiement .zoneMode .modeCBSecurite {
	background: url(images/ventes/paiement_cb_ecurise.png) no-repeat;
	width: 344px;
	height: 84px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
	position: relative;
	font-weight: bold;
	font-size: 20px;
}

.etapePaiement .zoneMode .modeCBSecurite.paiement3x {
	background: url(images/ventes/paiement_cb_3x.png) no-repeat;
	width: 184px;
	height: 84px;
	background-size: 100%;
}

.etapePaiement .zoneMode .modeCBSecurite .texte {
	display: none;
}

.etapePaiement .zoneMode.atos .modeCB {
	background: url(images/ventes/paiement_carte_cb.png) no-repeat;
	width: 160px;
	height: 104px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.atos .modeCB .texte {
	display: none;
}

.etapePaiement .zoneMode.atos .modeVISA {
	background: url(images/ventes/paiement_carte_visa.png) no-repeat;
	width: 160px;
	height: 104px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.atos .modeVISA .texte {
	display: none;
}

.etapePaiement .zoneMode.atos .modeMASTERCARD {
	background: url(images/ventes/paiement_carte_mastercard.png) no-repeat;
	width: 160px;
	height: 104px;
	display: inline-block;
	background-size: 100%;
}

.etapePaiement .zoneMode.atos .modeMASTERCARD .texte {
	display: none;
}

.etapePaiement .zoneMode.paypal .boutonChoixMode {
	background: url(images/ventes/paiement_paypal.png) no-repeat;
	width: 344px;
	height: 84px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.paypal .boutonChoixMode.simple {
	background: url(images/ventes/paiement_paypal_simple.png) no-repeat;
	background-size: 100%;
}

.etapePaiement .zoneMode.paypal .boutonChoixMode .texte {
	display: none;
}

.etapePaiement .zoneMode.paypal .infos_paypal {
	font-style: italic;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.etapePaiement .zoneMode.autre .modeCheque {
	background: url(images/ventes/paiement_autre_cheque.png) no-repeat;
	width: 160px;
	height: 78px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.autre .modeCheque .texte {
	display: none;
}

.etapePaiement .zoneMode.autre .modeVirement {
	background: url(images/ventes/paiement_autre_virement.png) no-repeat;
	width: 160px;
	height: 78px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.autre .modeVirement .texte {
	display: none;
}

.etapePaiement .zoneMode.autre .modeBulletinversement {
	background: url(images/ventes/paiement_autre_versement_suiss.png) no-repeat;
	width: 160px;
	height: 78px;
	display: inline-block;
	margin-right: 5px;
	background-size: 100%;
}

.etapePaiement .zoneMode.autre .modeBulletinversement .texte {
	display: none;
}