/* Normalize */ aside,main,article,section,nav,figure,figcaption {display: block;} em {font-style:normal;} h1,h2,h3,h4,h5,h6,div,p,span,em,figure,picture,section {margin:0;padding:0;} hr {box-sizing: content-box;height: 0;overflow: visible;} pre {font-family: monospace, monospace;font-size: 1em;} a {background-color: transparent;} abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;} b,strong {font-weight: bolder;} code,kbd,samp {font-family: monospace, monospace;font-size: 1em;} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}  sub {bottom: -0.25em;}  sup {top: -0.5em;}  img {border-style: none;} button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;} button,input {overflow: visible;} button,select {text-transform: none;} button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {box-sizing: border-box; /* 1 */color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;} progress {vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield;outline-offset: -2px;} [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;} details {display: block;} summary {display: list-item;} template {display: none;} [hidden] {display: none;} ul, ol, li {list-style-type:none;margin:0;padding:0;}

	html {line-height: 1.15;-webkit-text-size-adjust: 100%;background:#fff;height:100.2%;background:#F7F7F7;}
	body {-webkit-text-size-adjust:none;margin: 0;padding:0;font-size:1rem;font-family: 'Fira Sans', sans-serif;color:#173C77;font-weight:300}
	*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	a {text-decoration:none;transition: .2s;color:#173C77}
	img {border:0;max-width:100%;height:auto;vertical-align: bottom;}
	.bold {font-weight:500;}
	.clearboth {clear:both;float:none;margin:0;padding:0;width:0;height:0;}
	.wrapperMarge {max-width:1450px;margin:0 auto;padding:0 20px;}

/*** HEADER ***/
	header .goBackAuzou {background:#2DA997;height:39px;}
	header .goBackAuzou p {position:relative;}
	header .goBackAuzou p a {position:absolute;color:#fff;font-size:0.850rem;padding-top:12px;}	
	header .goBackAuzou p a:hover {border-bottom:1px dotted #ffffff;}	
	header nav ul {margin:20px 0;box-sizing :border-box}
	header nav ul li {display:inline;width:50%;float:left;}
	header nav ul li.alignright {text-align:right;}
	header nav ul li.alignright p {margin-top:21px;}
	header nav ul li.alignright a {cursor:pointer;border-radius:5px;padding:10px 20px;font-size:0.950rem;transition:0.2s;color:#173C77;border:1px dotted #173C77;background:inherit}
	header nav ul li.alignright a:hover {background:#173C77;color:#fff;}
	header nav ul li.alignright a:first-child {margin-right:20px;}
	.sousHeader {background:#FAC600;color:#ffffff;padding:15px 0;text-align:center;font-weight:500;}
	.titre {text-align:center;margin:50px 0;}
	.titre h1 {font-family: 'Grandstander', cursive;font-weight:bold;font-size:2rem;text-transform:capitalize;}
	.titre h1 span {color:#ccc}
	.titre h1 a {border-bottom:2px dotted #173C77;text-decoration:none;}
	.titre h1 a:hover {color:#2FB5D2;border-bottom:2px dotted #2FB5D2}

/*** FOOTER ***/
	footer {background:#ffffff;border-top:1px solid #e1e1e1;margin:50px 0;padding:70px 0}
	footer ul li {float:left;width:33.3333%;}
	footer ul li p {font-family: 'Grandstander', cursive;font-size:1.150rem;margin-bottom:10px;}	
	footer ul li a.rs img {margin-right:20px;width:35px;height:35px;}	
	footer ul li a.boutique {display:block;margin:0 0 10px 10px;color:#777;font-size:0.950rem;}	
	footer ul li a.boutique:hover {color:#2FB5D2}	
	footer ul li span {display:block;color:#999;font-size:0.850rem;margin-top:15px;}	
	footer .auzoueditions {margin-top:20px;color:#999;font-size:0.850rem;}
/*** PANIER ***/
	table.panier {width:100%;}
	table.panier td {padding:10px;text-align:left;border-bottom:1px solid #EFEFEF}
	table.panier td img {height:80px;}
	table.panier tr.titre {font-weight:500;}

/*** FORMULAIRE ET BOUTTONS ***/
	input[type=checkbox] {position: relative;cursor: pointer;}
	input[type=checkbox]:before {content: "";display: block;width: 16px;height: 16px;border: 2px solid #173C77;border-radius: 2px;background-color: white;}
	input[type=checkbox]:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #173C77;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
	input, input[type=email],input[type=text], input[type=tel], input[type=submit], input[type=password], input[type=date], select, button{font-family: 'Fira Sans', sans-serif;-webkit-appearance: none;outline:none;}
	input:focus, select:focus, textarea:focus, button:focus, select:focus {outline: none;outline-style: none;-webkit-appearance: none; appearance: none;}
	textarea {resize: none;}
	select {-webkit-appearance:none;cursor:pointer;}
	.btn_submit {letter-spacing:0.05rem;cursor:pointer;border-radius:5px;padding:12px 30px;font-size:1.150rem;transition:0.2s;background:#173C77;color:#fff;border:none;font-weight:500;}
	.btn_submit:hover {box-shadow:0 0 0 1px #112C57;color:#fff}
	.input, .select {border-radius:5px;padding:10px 5px;font-size:0.90rem;transition:0.2s;background:#ffffff;color:#3c3c3b;border:1px solid #c8c8c8;width:100%;margin-bottom:15px;display:block;font-weight:300;}
	.input:hover, .input:focus, select:hover, select:focus  {box-shadow:0 0 0 1px #2FB5D2}
	label {background:transparent;font-size:0.90rem;color:#9E9E9E;display:block;margin-bottom:5px;margin-left:15px;position:relative;}	
	label a {position:absolute;font-size:0.650rem;right:0;margin:3px 10px 0 0;color:#9E9E9E}	
	@keyframes fadein { from { opacity:0;} to {opacity:1;}}
	@-moz-keyframes fadein {/* Firefox */from {opacity:0;} to {opacity:1;}}
	@-webkit-keyframes fadein {/* Safari and Chrome */from {opacity:0;}to {opacity:1;}}
	@-o-keyframes fadein {/* Opera */from {opacity:0;} to {opacity: 1;}}
/*** INFO BULLE ***/
	.tooltip {position: relative;display: inline-block;cursor:pointer;}
	.tooltip .tooltiptext {display:none;width: 200px;background-color:#3c3c3b;color: #fff;text-align: left;border-radius: 5px;padding:8px;position: absolute;z-index: 1;font-size:0.750rem;top:-20px;left:-205px;transition:0.2s;font-style:normal;}
	.tooltip:hover .tooltiptext {display:block;}
/*** CATALOGUE ***/
	ul.catalogue {box-sizing:border-box;}	
	ul.catalogue li {float:left;width:25%;}
	ul.catalogue li div {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;text-align:center;margin:0 20px 20px 0}
	ul.catalogue li h2 {font-size:1rem;margin-bottom:10px;font-weight:500;text-transform:uppercase;min-height:50px;}
	ul.catalogue li div p {margin:20px 0;font-size:0.950rem;color:#999;min-height:70px;overflow:hidden;}	
	ul.catalogue li	.btn {border-radius:5px;padding:10px;font-size:0.950rem;transition:0.2s;background:#173C77;color:#fff;border:none;display:block;max-width:200px;text-align:center;margin:0 auto;position:relative;border:none;font-weight:500;}
	ul.catalogue li	.btn:hover {box-shadow:0 0 0 1px #112C57;color:#fff}
	ul.catalogue li	.btn:after {content:">";float:right;}
	ul.catalogue li em.img {max-width: 100%;width: 250px;height: 250px;display: flex;text-align:center;margin:0 auto;}
	ul.catalogue li em.img img {max-width: 100%;max-height: 100%;margin: auto;}	
/*** FILARIANNE ***/
	.filariane {border-bottom:1px solid #E3E8EA;width:100%; overflow: auto;white-space: nowrap;}
	.filariane ul {padding:12px 0;font-size:0.850rem;color:#999;}
	.filariane ul li {display:inline;}
	.filariane ul li a {color:#999}
	.filariane ul li a:hover {color:#2FB5D2}
	.filariane ul li:after {content:"\003e";margin:0 10px}
	.filariane ul li:last-child:after {content:"";margin:0}
/*** ARTICLE ***/
	.article_box {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;}
	.article_box .img {float:left;width:40%;text-align:left;padding-right:20px;}
	.article_box .img img {max-width: 100%;height: auto;}
	.article_box .resa {float:left;width:60%;}
	.article_box .resa h2 {text-transform:capitalize;}
	.article_box .resa .sstitre {margin:15px 0;}
	.article_box .descriptif {line-height:1.50rem;border-top:1px solid #e1e1e1;margin:20px 50px 0 50px;padding-top:20px;}
	.article_box .descriptif p {display:block;font-weight:500;margin-bottom:10px;}
	.article_box .valider {text-align:center;padding:20px 0;border:none;}
	.article_box ul.validation li {display:block;margin-bottom:20px;}
	
/***********************************************************************************/
/*** ADMIN ***/
/***********************************************************************************/
	.ad_menu {float:left;width:16%;position:fixed;top:0;background:#0D2142;height:100%}
	ul.ad_menu_txt li.logo {text-align:center;padding:15px 0}
	ul.ad_menu_txt li.logo a {padding:0;margin:0;border:none;}
	ul.ad_menu_txt li.logo a:before {content:"";margin:0;}
	ul.ad_menu_txt li p {padding:5px 10px;background:#2FB5D2;border-radius:5px;margin:10px;color:#fff;font-weight:500;font-size:0.90rem;}
	ul.ad_menu_txt li a {display:block;color:#ccc;font-size:0.90rem;padding:5px;margin:0 10px 0 20px}
	ul.ad_menu_txt li a:hover {color:#E73841;}
	ul.ad_menu_txt li a:before {content:">";margin-right:3px;}
	ul.ad_menu_txt li a.deconnexion {color:#E73841;margin-top:10px;}
	ul.ad_menu_txt li a.selected {color:#E73841;font-weight:500;}
	.ad {padding:20px 20px 50px 20px;width:84%;margin-left:16%;float:right;}
	.ad_txt {border:1px solid #e1e1e1;background:#fff;border-radius:5px;padding:20px;}
	.ad_txt h1 {font-weight:500;font-size:1.50rem;border-bottom:1px solid #e1e1e1;padding-bottom:20px;margin:20px 0 20px 0;}
	.ad_txt h2 {font-weight:500;font-size:1.50rem;border-bottom:1px solid #e1e1e1;padding-bottom:5px;margin:20px 0 5px 0;}
	.ad_txt h1 sup {font-weight:300;font-size:0.90rem;}
	.ad_txt h1 span {color:#2FB5D2}
	.ad_txt h1 a {float:right;padding:7px 15px;font-size:0.90rem;color:#fff;font-weight:500;border-radius:5px;}
	.ad_txt h1 a.vert {background:#28A745;}
	.ad_txt h1 a.vert:hover {box-shadow:0 0 0 1px #28A745;}
	.ad_txt h1 a.rouge {background:#E73841;}
	.ad_txt h1 a.rouge:hover {box-shadow:0 0 0 1px #E73841;}
	.ad_txt table {width:100%;border-collapse: collapse;}
	.ad_txt table td {padding:10px;text-align:left;font-size:0.90rem;position:relative;}
	.ad_txt table td.action {text-align:right;}
	.ad_txt table td.action a{margin:0 5px;}		
	.ad_txt table td em.pwd {position:absolute;right:5px;top:10px;color:#999;font-size:0.750rem;margin:12px 15px 0 0;cursor:pointer;font-weight:500}
	.ad_txt table td.img {max-width: 100%;width: 100px;height: 100px;display: flex;text-align:left;}
	.ad_txt table td.img img {max-width: 100%;max-height: 100%;margin: auto;}	
	.ad_txt table tr:nth-child(odd) {background:#E4EDFA}
	.ad_txt table tr:nth-child(even) {background: #fff}	
	.ad_txt table tr.titre {font-weight:500;background:#f4f4f4;position:relative;}
	.ad_txt table tr.titre a {font-weight:300;text-decoration:underline;font-size:0.750rem;margin-left:10px;}
	.ad_txt table tr td .span {font-weight:300;color:#999;font-size:0.80rem;margin-right:10px;display:block;margin-top:3px;}	
	.ad_valider {text-align:right;margin-top:20px;}	
	.ad_last_update {float:left;font-size:0.80rem;color:#999;font-style:italic}
	.message {text-align:center;position:fixed;width:100%;z-index:10;padding:20px;font-weight:500;z-index:10}
	.invalid {background:#FFEEEE;color:#DC3545;}
	.valid {background:#DFFFBF;color:#567300;}
	.disabled {cursor:not-allowed;background:#f9f9f9;}
	.caracteres {position:absolute;color:#f18800;right:0;margin:5px 20px 0 0;font-weight:500}
	.user {position:absolute;bottom:0;padding:20px;color:#E73841}
	.user a {font-size:0.850rem;color:#E73841}
	.user a span {display:block;margin-left:20px;}
	.apercu {}
	.apercu-txt {margin:0 auto;max-width:400px;}
	.ad_txt table td label {background:transparent;display:block;margin-bottom:5px;margin-left:10px;position:relative;font-weight:500;color:#173C77}	
	.ad_txt table td label span {font-weight:300;color:#999;font-size:0.80rem;margin-right:10px;}	
	.txtrouge {color:#E73841}
	.txtvert {color:#28A745}
	.txtorange {color:#FF9E3E}
	ul.facture {font-size:0.90rem;}
	ul.facture li {border-bottom: 1px dotted #E1E1E1;padding:8px 5px;}
	ul.facture li.intitule {font-weight:500;text-align:center;background:#f4f4f4;text-transform:uppercase}
	ul.facture li.art p {float:left;width:33.3333%}
	ul.facture li em {color:#999;font-style:italic;}
	ul.facture li span {float:right;text-align:right;font-weight:300;}
	.confirmcmd a {padding:7px 15px;font-size:0.90rem;color:#fff;font-weight:500;}
	.confirmcmd a.vert {background:#28A745;border-radius:5px;}
	.confirmcmd a.vert:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge {background:#E73841;border-radius:5px;}
	.confirmcmd a.rouge:hover {box-shadow:0 0 0 1px #E73841;}
	.confirmcmd a.vert2 {background:#28A745;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.confirmcmd a.vert2:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge2 {background:#E73841;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.confirmcmd a.rouge2:hover {box-shadow:0 0 0 1px #E73841;}
	.confirmcmd a.vert3 {background:#28A745;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.confirmcmd a.vert3:hover {box-shadow:0 0 0 1px #28A745;}
	.confirmcmd a.rouge3 {background:#E73841;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.confirmcmd a.rouge3:hover {box-shadow:0 0 0 1px #E73841;}	
	table.numcolis {width:100%}
	table.numcolis td {width:50%;text-align:center;}	
	table.numcolis td input[type=submit]{border:none;outline:none;text-decoration:underline;background:none;font-weight:300;cursor:pointer;margin-bottom:0;vertical-align: baseline;}	
	table.numcolis td label {display:inline;font-weight:300;cursor:pointer}	
/* PAGINATION */
	.pagination {padding:50px 0;text-align:center;font-size:1rem;width:100%;}
	.pagination span {padding:2px 6px 4px 6px;border-radius:5px;background:#173C77;color:#fff;margin: 0 3px;}
	.pagination a {padding:2px 6px 4px 6px;border-radius:5px;background:#e1e1e1;margin: 0 3px;}
	.pagination a:hover {background:#173C77;color:#fff;}
	.pagination a.suiv:before {content:"Suivant >";padding:2px 8px 4px 8px;}
	.pagination a.prec:before {content:"< Précédent";padding:2px 8px 4px 8px;}
	
@media all and (max-width: 1280px) {
	ul.catalogue li {width:33.3333%;}
}
@media all and (max-width: 768px) {
	ul.catalogue li {width:50%;}
	.titre h1 {font-size:1.750rem;}
	.article_box .img, .article_box .resa {float:none;width:100%;text-align:center;}
	.article_box .img {padding-right:0;}
	.article_box .img img {height:300px;margin-bottom:25px;}
	.article_box .descriptif {margin:20px}
	footer ul li {width:100%;margin-bottom:50px;text-align:center;}
	footer .auzoueditions {text-align:center;}
}
@media all and (max-width: 550px) {
	header nav ul li {display:block;width:100%;float:none;}
	header nav ul li, header nav ul li.alignright {text-align:center;}
	header nav ul li.alignright p {margin:40px 0}	
	header nav ul li.alignright a:first-child {margin-right:50px;}
	ul.catalogue li {width:100%;}
	ul.catalogue li div {margin:0 0 20px 0}
	ul.catalogue li div p {min-height:auto;}	
	.titre h1 {font-size:1.50rem;}
}
	