/* cmsms stylesheet: Asshav modified: mardi 20 janvier 2026 16:43:24 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;}
@viewport {
	width: device-width; /* largeur du viewport */
	zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}
@font-face {
	font-family:'DidactGothicMedium';
	src:url('https://asshav.com//uploads/fonts/didact-gothic/DidactGothic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
body, input, label, textarea {
	font-family:'Century Gothic',Century Gothic,CenturyGothic,'URW Gothic L','DidactGothicMedium','Avant Garde',Avenir,Verdana,sans-serif;
	font-size:1em;
	line-height:1.6;}
ol, ul {
	list-style:none;}
blockquote, q {
	quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;}
/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;}
del {
	text-decoration:line-through;}
table {
	border-collapse:collapse;
	border-spacing:0;}

/* --- BASE --- */

* {
	/*transition:all 200ms ease 0s;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;}
html, body, section {
	background:#fff;}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration:none;
	cursor:pointer;}
.contenu a {
    text-decoration:underline;}
.contenu a:link, .contenu a:visited {
	text-decoration-style:dotted;}
.contenu a:hover, .contenu a:active, .contenu a:focus {
	text-decoration-style:solid;}
em, strong {
	font-weight:bold;}
i {
	font-style:italic;}
html, body, header, footer, nav, .contenu, section, aside, .cent, .gauche, .droite {
	width:100%;}
.marges {
	width:90%;}
header, .contenu, section, aside, footer, nav, .cent, .marges {
	position:relative;
	margin:0 auto;}
section {
	padding:0 0 2em;}
aside {
	padding:1em 0 2em;
	margin-top:-.4em;}
section, .gauche, .droite, #acces {
	padding-left:5%;
	padding-right:5%;}
#haut1 {
	background:#00a8e4; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8e4', endColorstr='#0066cc', GradientType=1); /* for IE */
	background:linear-gradient(to right, #00a8e4 , #0066cc); /* Standard syntax */}
#bandeau-liens, #pied, #pied-boite {
	background:#363689; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b60a1', endColorstr='#363689', GradientType=1); /* for IE */
	background:linear-gradient(to right, #6b60a1 , #363689); /* Standard syntax */}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;}
h1 {
	font-size:2.2em;
	margin:.4em 0 0 0;}
h2 {
	font-size:1.9em;
	margin:.8em 0 0 0;}
h3 {
	font-size:1.6em;
	margin:.7em 0 0 0;}
h4 {
	font-size:1.3em;
	margin:.6em 0 0 0;}
h5 {
	font-size:1.2em;
	margin:.5em 0 0 0;}
h6 {
	font-size:1.1em;
	margin:.4em 0 0 0;}
h1, h2, figcaption {
	padding:1em 0 .5em 0;
	line-height:1.2;
	position:relative;}
h1:after, h2:after {
	content:'';
	display:block;
	height:2px;
	background:#fff;
	position:absolute;
	width:10%;
	right:90%;}
h1:after {
	bottom:1.2em;}
h2:after {
	bottom:.6em;}
a.lien-mini {
	width:25px;
	height:25px;
	font-size:0;
	padding:0;}
.outils {
	position:fixed;
	top:1em;
	z-index:100;
	padding:0;
	box-shadow:1px 1px 5px #000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;}
#outils {
	left:-15px;
	background:#fff;}
#don2, #facebook2, #twitter2 {
	right:-15px;
	padding:.5em;}
#don2 {
	background:#f3ea72;}
#don2 a {
	color:#363689;}
#facebook2 {
	background:#295396;
	top:4em;}
#facebook2 a {
	color:#fff;}
#twitter2 {
	background:#1da1f2;
	top:7em;}
#twitter2 a {
	color:#fff;}
.outils a {
	display:inline-block;
	vertical-align:middle;}
#outils a {
	margin:5px 5px 5px 20px;
	background-position:left;}
#don2 a, #facebook2 a, #twitter2 a {
	margin:0 15px 0 .5em;
	font-size:0;}
#don2 a img, #facebook2 a img, #twitter2 a img {
	display:inline-block;
	vertical-align:middle;
	padding:0 .5em;}
#don2 a:hover, #don2 a:focus, #facebook2 a:hover, #facebook2 a:focus, #twitter2 a:hover, #twitter2 a:focus {
	font-size:1em;
	margin-left:0;}
#don2:hover, #don2:focus {
	background:#eee43a;}
#don2 a:hover img, #don2 a:focus img, #facebook2 a:hover img, #facebook2 a:focus img, #twitter2 a:hover img, #twitter2 a:focus img {
	padding-left:0;}
#outils a.retour-haut {
	width:25px;
	height:25px;
	font-size:0;
	padding:0;
	background-image:url("https://asshav.com//uploads/images/css/retour-haut.png");}
#outils a#txt-ptt {
	background-image:url("https://asshav.com//uploads/images/css/txt-ptt.png");}
#outils a#txt-grd {
	background-image:url("https://asshav.com//uploads/images/css/txt-grd.png");}
#outils a:hover, #outils a:focus {
	background-position:right;}
#haut1 {
	position:relative;
	z-index:80;
	height:auto;
	margin-top:-150px;
	padding-top:155px;}
a.logo, a.menu-link {
	display:inline-block;
	position:relative;}
a.logo { 
	width:80px;
	margin:10px 0;
	z-index:50;}
a.logo img { 
	width:100%;}
a.menu-link {
	color:#fff;
	font-variant:small-caps;
	font-size:1.1em;
	height:3em;
	line-height:2em;
	margin:20px 0;
	padding:.5em 3em .5em 1em;
	background:url("https://asshav.com//uploads/images/css/nav.png") no-repeat 80% center;
	border:1px solid #009ddb;
	z-index:350;
	float:right;}
a.menu-link:hover, a.menu-link:focus {
	background-color:#44b9e3;}
a.menu-link.active {
	background-image:url("https://asshav.com//uploads/images/css/nav2.png");}
	
/* reste header
============================================================ */
header #haut2 {
	margin-top:-10px;}
#bandeau-liens {
	z-index:15;
	padding:1.5em 0 .5em;
	height:auto;
	position:relative;
	top:0;}
#bandeau-liens p {
	width:99%;
	margin:0 auto;
	padding:0;
	text-align:right;
	color:#fff;}
a#don, a#facebook {
	margin:-5px 10px 5px;
	display:inline-block;
	vertical-align:middle;}
a#don {
	color:#363689;
	height:2em;
	line-height:2em;
	padding:0 2em;
	background:#f3ea72;
	border-radius:1em;}
a#don:hover, a#don:focus {
	background:#eee43a;}
a#facebook {
	background:transparent url("https://asshav.com//uploads/images/css/facebook-asshav.png") no-repeat left;}
a#facebook:hover, a#facebook:focus {
	background-position:right;}
h1 {
	color:#fff;
	display:block;
	width:100%;
	margin:-10px auto 0;
	padding:1em 3%;
	z-index:10;}
h1 img {
	display:inline-block;
	margin:-25px .2em;}
.img-header {
	display:block;
	width:100%;
	position:relative;
	margin:-10px auto 0;
	z-index:5;}

/* contenu
============================================================ */
h2 {
	margin:0 auto .8em;}
section h2 {
	margin-top:.6em;}
h2, figcaption {
	color:#fff;
	display:block;
	width:100%;
	padding:.4em;}
.contenu p, .contenu li {
	margin-top:.4em;}
.contenu p, .contenu li {
	text-align:justify;
	text-justify:inter-word;
	hyphens:auto;}
section img, section figure {
	max-width:100%;}
section img, aside img, section figure, section figure img {
	margin:.5em 0;}
figcaption {
	margin:-1.2em auto .8em;}
section ul, aside ul {
	list-style-position:inside;
	text-indent:-15px;
	margin-left:15px;}
article {
	margin:1.5em 0;
	padding:0;
	background:#fff;
	box-shadow:0px 0px 15px -10px #555;
	-moz-box-shadow:0px 0px 15px -10px #555;
	-webkit-box-shadow:0px 0px 15px -10px #555;}
article header, article .corps-article, article ul, article li {
	margin:0 2%;}
article h4, article p, article .plus, article .retour {
	margin:0;}
article h3, article time {
	margin:0;
	padding:0;
	width:96%;
	text-align:left;}
article time {
	font-size:.8em;}
article footer {
	display:inline-table;
	padding:.5em 0;
	background: rgba(150, 150, 150, 0.1);}
article time, article footer .partage {
	display:block;}
article footer .partage {
	text-align:right;
	width:100%;}
.partage a, .partage a:focus, .partage a:hover {
	color:#fff;}
article footer a, a.twitter-share-button {
	margin:0 10px;
	display:inline-block;
	vertical-align:middle;}
a.facebook {
	width:73px;
	height:20px;
	font-size:0;
	padding:0;
	background:transparent url("https://asshav.com//uploads/images/css/facebook-partager.png") no-repeat top;}
a.facebook:hover, a.facebook:focus {
	background:transparent url("https://asshav.com//uploads/images/css/facebook-partager.png") no-repeat bottom;}
a.twitter-share-button {
	height:20px;
	padding:0 10px 0 20px;
	font-size:.8em;
	color:#fff;
	text-decoration:none;
	background: #1d9bf0 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E") no-repeat 3px center/14px;}
a.twitter-share-button:hover, a.twitter-share-button:focus {
	background: #0c7abf url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E") no-repeat 3px center/14px;
	text-decoration:none;}
.pagecount {
	text-align:center;
	margin-bottom:.8em;
	font-size:.8em;
	}
.pagecount a {
	padding:.2em .5em;
	margin:0 .2em;
	font-weight:bold;
	text-decoration:none;
	}
aside {
	clear:both;}
aside h2 {
	position:relative;
	z-index:2;}
aside p, aside li {
	text-align:left;}
aside img {
	margin:-2em 0 0 .5em;
	position:relative;
	z-index:1;
	float:right;
	max-width:47%;}

aside .partenaires {
	text-align:center;}
aside .partenaires a {
	display:inline-block;
	vertical-align:middle;
	margin:5%;
	width:90px;}
aside .partenaires a img {
	margin:0 auto;
	float:none;
	max-width:90%;}
aside .partenaires a:hover img, aside .partenaires a:focus img {
	max-width:100%;}

#tabl-organigramme {
	margin:0 auto;}
#tabl-organigramme td {
	vertical-align: middle;}
#tabl-organigramme tr {
	border-bottom: 1px solid #ccccff;}
#tabl-organigramme img {
	min-width: 60px;}

/* footer
============================================================ */
#pied-boite {
	position:relative;
	bottom:15px;
	margin-bottom:-15px;
	padding-bottom:20px;
	z-index:30;
	height:auto;
	color:#fff;}
#pied-boite .contenu {
	padding-bottom:4em;}
h2#acces {
	width:90%;
	margin:1em 5% .8em;}
#pied h2:after {
	background:#363689;}
#a-propos, #contact, #licence {
	padding-top:1em;}
#a-propos ul li {
	margin:10px;}
#a-propos a img, #licence a img {
	vertical-align:middle;
	padding-right:.5em;}
#horaires, #plan {
	padding-bottom:1em;}
#pied h3, #pied a {
	color:#fff;}
#pied h3 {
	padding:0;
	margin:0;
	border-top:2px solid;
	width:100%;}
.carte-google {
	position:relative;
	width:100%;
	margin-top:.5em;
	padding-bottom:50%;}
.carte-google object {
	position:absolute;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;}
.carte-google object embed {
	width:100%;
	height:100%;}

/* contact formulaire
============================================================ */
#pied #boite-form {
	width:100%;
	margin:.5em 0;
	padding:1em;}
.form1, .form2 {
	width:100%;
	padding:0;}
label, input, textarea {
	width:100%;
	padding:0;
	margin:.5em 0;}
input, textarea {
	line-height:2.5;
	text-indent:10px;
	outline:none 0;
	background:#ccccff;
	border:none;}
textarea {
	height:auto;
	resize:vertical;
	white-space:normal;}
input:active, input:focus,
textarea:active, textarea:focus {
	background:#fff;
	box-shadow:1px 1px 5px #000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;}
input[type="submit"] {
	cursor: pointer;
	font-size:1.3em;
	font-weight:bold;
	color:#363689;
	background:#f3ea72;}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
	background:#eee43a;}
.fb_invalid {
	color:#eee43a;
	position:relative;}
.error_message {
	display:block;
	box-shadow:1px 1px 5px #000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	background:#fff;
	border-radius:.5em;
	color:#e3004f;
	padding:1em;
	margin:0 auto 1em;}

/* horaires
============================================================ */
#horaires table {
	width:100%;
	height:100%;
	margin-top:.5em;
	text-align:center;
	position:relative;
	color:#fff;}
#horaires table caption, #horaires table thead {
	height:2em;
	line-height:2em;}
#horaires table caption {
	font-weight:bold;}
#horaires tr.bg {
	background:#6b60a1;}
#horaires tbody tr td {
	padding:.5em;
	vertical-align:middle;}

/* Micro Clearfix
============================================================ */
.cf {
	clear:both;}

section {
	z-index:0;}
aside {
	z-index:2;}
aside.second {
	z-index:1;}

/* --- MENU --- */

#haut1 {
	position:fixed;
	bottom:0;
	margin-top:0;
	padding-top:5px;
	margin-bottom:-150px;
	padding-bottom:155px;}
.menu {
	font-size:1.2em;
	clear:both;
	float:none;}
.menu {
	position:relative;
	display:none;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:15px 0 5%;
	z-index:40;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;}
.menu, .menu ul, .menu ul ul, .menu ul ul ul {
	height:0;
	overflow:hidden;}
.menu.active, .menu ul.active, .menu ul ul.active, .menu ul ul ul.active {
	height:auto;}
.menu.active {
	z-index:40;
	display:block;}
.menu ul {
	display:inline;
	width:100%;}
.menu ul ul.active {
	z-index:45;}
.menu li {
	display:block;
	margin:.2em 0;}
.menu li.menudepth0, .menu li.parent {
	border:1px solid #009ddb;}
.menu li.menudepth1, .menu li.menudepth2 {
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
	margin:0;}
.menu li.menudepth1 {
	width:50%;}
.menu li a {
	color:#fff;
	display:block;
	padding:.1em;
	margin:0;
	padding-left:10px;
	text-decoration:none;
	position:relative;}
.menu li.menudepth1 a, .menu li.menudepth2 a {
	padding-left:25px;}
.menu li.parent > a:after {
	content:'+';
	position:absolute;
	display:block;
	right:10px;
	top:0;
	height:1.5em;
	line-height:1.3em;
	font-size:1.2em;
	font-weight:100;}
.menu li.parent > a.active:after {
	content: "-";}
.menu ul ul {
	display:inherit;
	position:relative;
	left:auto;
	top:auto;
	border:none;}
.menu li a:hover, .menu li a:focus {
	background-color:#44b9e3;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;}

aside, h1, h2, figcaption, #bandeau-liens, #pied-boite .contenu {
	-moz-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
	-webkit-transform:skewY(-1deg);
	transform:skewY(-1deg);}
aside > *, #bandeau-liens p, #pied-boite, #pied h2 {
	-moz-transform:skewY(1deg);
	-ms-transform:skewY(1deg);
	-webkit-transform:skewY(1deg);
	transform:skewY(1deg);}
#haut1 {
	-moz-transform:skewY(1deg);
	-ms-transform:skewY(1deg);
	-webkit-transform:skewY(1deg);
	transform:skewY(1deg);}
#haut1 .marges {
	-moz-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
	-webkit-transform:skewY(-1deg);
	transform:skewY(-1deg);}
aside h2 {
	-moz-transform:skewY(0deg);
	-ms-transform:skewY(0deg);
	-webkit-transform:skewY(0deg);
	transform:skewY(0deg);}



/* --- MEDIAQUERIES --- */

/* si largeur suffisante pour afficher menu
============================================================ */
@media only screen and (min-width:63em) {
#haut1 {
	top:0;
	bottom:auto;
	margin-top:-150px;
	padding-top:155px;
	margin-bottom:0;
	padding-bottom:5px;}
.menu {
	top:0;}

#haut1 {
	position:fixed;}
header #haut2 {
	margin-top:75px;}
a.menu-link {
	display:none;}
.menu { 
	clear:both;
	float:left;
	display:block;
	height:auto;
	overflow:visible;
	text-align:center;
	position:relative;
	margin-top:-80px;
	padding:0 100px;
	z-index:40;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;}
.menu ul { 
	padding:0;
	list-style:none;
	position:relative;
	margin:0 auto;
	display:inline-table;
	text-align:center;
	overflow:visible;}
.menu li, .menu li.menudepth0, .menu li.menudepth1, .menu li.menudepth2, .menu li.parent {
	border:none;
	display:inline-block;
	margin:0;}
.menu ul li {
	padding:0;
	position:relative;}
.menu li.menudepth0 a {
	padding:.3em;
	margin:.3em;}
.menu li.menudepth0 > a:hover, .menu li.menudepth0 > a:focus {
	background-color:transparent;
	border-bottom:2px solid #44b9e3;}
.menu li.parent a:hover, .menu li.parent a:focus {
	border:none;}
.menu ul ul, .menu ul ul ul {
	display:none;
	background-color:#009ddb;
	height:auto;
	padding:0;
	width:10em;
	text-align:center;
	position:absolute;
	overflow:visible;
	border:1px solid #44b9e3;}
.menu ul ul {
	top:2.6em;
	left:0;
	z-index:50;}
.menu ul ul ul {
	left:102%;
	top:20%;
	z-index:70;
	overflow:visible;}
.menu li.menudepth1, .menu li.menudepth2 {
	position:relative;
	z-index:60;
	width:10em;
	text-align:center;}
.menu li.menudepth2 {
	z-index:90;}
.menu li.menudepth1:nth-child(n+5):nth-child(2n+8) {
	float:right;
	margin-right:10em;
	overflow:visible;}
.menu ul ul:before, .menu ul ul:after, .menu ul ul ul:before, .menu ul ul ul:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	display:block;}
.menu ul ul:before {
	top:-7px;
	left:1em;
	z-index:55;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #009ddb;}
.menu ul ul:after {
	top:-8px;
	left:1em;
	z-index:45;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #44b9e3;}
.menu ul ul ul:before {
	left:-15px;
	top:1em;
	z-index:75;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid #009ddb;}
.menu ul ul ul:after {
	left:-16px;
	top:1em;
	z-index:65;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid #44b9e3;}
.menu li.menudepth1 a {
	margin:0;
	padding:.6em;
	height:auto;}
.menu li.parent > a:after, .menu li.parent > a.active:after {
	display:none;}
.menu li.menudepth0 li.parent > a:after {
	content:'>';
	display:block;
	top:40%;
	height:1em;
	line-height:1em;
	font-size:.9em;}
.menu li.menudepth0 li.parent:hover > a:after, .menu li.menudepth0 li.parent:focus > a:after {
	display:none;}
.menu li.parent:hover > ul, .menu li.parent:focus > ul, .menu li.parent:hover > ul.active, .menu li.parent:focus > ul.active {
	display:inline-table;}
#haut1 {
	-moz-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
	-webkit-transform:skewY(-1deg);
	transform:skewY(-1deg);}
#haut1 .marges {
	-moz-transform:skewY(1deg);
	-ms-transform:skewY(1deg);
	-webkit-transform:skewY(1deg);
	transform:skewY(1deg);}
}

@media only screen and (min-width:420px) {
section img, section figure {
	max-width:47%;
	float:left;
	margin-right:.5em;}
section img:nth-of-type(even), section ul img, section figure {
	float:right;
	margin-right:0;
	margin-left:.5em;}
section figure img {
	max-width:100%;
	margin:.1em 0;}
section figure img:last-of-type {
	margin-bottom:-.5em;}
figcaption {
	clear:both;}
}
/* si largeur suffisante pour 2 colonnes
============================================================ */
@media only screen and (min-width:700px) {
.outils {
	top:10em;}
#facebook2 {
	top:13em;}
#twitter2 {
	top:16em;}
#haut1 {
	top:0;
	bottom:auto;
	margin-top:-150px;
	padding-top:155px;
	margin-bottom:0;
	padding-bottom:5px;}
.menu {
	top:0;}

#haut1 {
	position:fixed;}
header #haut2 {
	margin-top:75px;}
#haut1 {
	-moz-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
	-webkit-transform:skewY(-1deg);
	transform:skewY(-1deg);}
#haut1 .marges {
	-moz-transform:skewY(1deg);
	-ms-transform:skewY(1deg);
	-webkit-transform:skewY(1deg);
	transform:skewY(1deg);}
section, .gauche, .droite {
	padding-left:2.5%;
	padding-right:2.5%;}
aside {
	border-left:1px solid #ccc;
	clear:none;}
section {
	padding-top:.4em;}
aside.second {
	margin-top:-3.4em;
	padding-top:.6em;}
aside.second h2 {
	margin-top:2em;}
.gauche {
	width:63%;
	float:left;
	margin-left:0;}
.droite {
	width:37%;
	margin-left:63%;}
#a-propos h2 {
	margin-top:.2em;}
h2#acces {
	clear:both;
	width:95%;
	margin:1em 2.5% .8em;}
}

@media only screen and (min-width:1000px) {
#bandeau-liens p, .img-header, .contenu, .marges {
	max-width:1000px;}
h1 {
	max-width:1100px;}
.form1, .form2 {
	width:50%;
	float:left;}
.form1 {
	padding-right:.5em;}
.form2 {
	padding-left:.5em;}
}
/* cmsms stylesheet: Asshav-vert modified: vendredi 3 décembre 2021 13:47:41 */
h1, h2, figcaption {
	background:#c9d200; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d200', endColorstr='#80a312', GradientType=1); /* for IE */
	background:linear-gradient(to right, #c9d200,  #80a312); /* Standard syntax */}
.second h2, .second figcaption {
	background:#363689; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b60a1', endColorstr='#363689', GradientType=1); /* for IE */
	background:linear-gradient(to right, #6b60a1 , #363689); /* Standard syntax */}
h3, a, article time {
	color:#80a312;}
.pagecount a {
	border:1px solid #80a312;}
article {
	border-top:3px solid #80a312;
	border-bottom:3px solid #80a312;}
aside {
	background:#ffffcc;}
aside.second {
	background:#eeeeff;}
aside:empty {
	background:#fff;}
section ul, aside ul:not(.list1) {
	list-style-image:url("https://asshav.com//uploads/images/css/list-vert.png");}
.second ul {
	list-style-image:url("https://asshav.com//uploads/images/css/list-mauve.png");}
.second h3, .second a {
	color:#363689;}
.second .pagecount a {
	border:1px solid #9b91c0;}
.second article {
	border-top:3px solid #363689;
	border-bottom:3px solid #363689;}
.second article time, .second .pagecount a {
	color:#9b91c0;}
a#don, #pied h2 {
    color:#363689;}
#pied h3, #pied a, .menu ul ul > li a:hover, .menu ul ul > li a:focus, a.menu-link, a.menu-link:hover, a.menu-link:focus, .pagecount a:hover, .pagecount a:focus {
    color:#fff;}
#pied h2 {
	background:#fff;}
.pagecount a:hover, .pagecount a:focus {
	background:#80a312;
	border:1px solid #fff;}
.second .pagecount a:hover, .second .pagecount a:focus {
	background:#363689;
	border:1px solid #fff;}
.partage a, .partage a:focus, .partage a:hover {
	color:#fff;}