@font-face {font-family: 'ITC';
    src: url('polices/ITC.eot'); /* IE9*/
    src: url('polices/ITC.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('polices/ITC.woff2') format('woff2'), /* chrome、firefox */
         url('polices/ITC.woff') format('woff'), /* chrome、firefox */
         url('polices/ITC.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('polices/ITC.svg#ITC') format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Almaq';
    src: url('polices/Almaq Rough.eot'); /* IE9*/
    src: url('polices/Almaq Rough.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('polices/Almaq Rough.woff2') format('woff2'), /* chrome、firefox */
         url('polices/Almaq Rough.woff') format('woff'), /* chrome、firefox */
         url('polices/Almaq Rough.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('polices/Almaq Rough.svg#Almaq Rough') format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;	
}

/* Général */
html 				{ background: #FFF url(img/fond.jpg) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
form 				{ padding-bottom: 0px;}
h1,h1 a 			{ font-weight:normal; color: #FFF; font-family: ITC; font-size: 15pt;}
h2,h2 a 			{ font-weight:normal; color: #000; font-family: ITC; font-size: 14pt;}
h3,h3 a 			{ font-weight:normal; color: #94be0d; font-family: Almaq; font-size: 14pt; }
h4, h4 a 			{ font-weight:normal; color: #000; font-family: Almaq; font-size: 14pt;}
q:before,q:after 	{ content:'';}
abbr,acronym 		{ border:0;}
fieldset 			{ border: 1px solid #000; display: block; margin-inline-start: 2px; margin-inline-end: 2px; padding-block-start: 0.35em; padding-inline-start: 0.75em; padding-inline-end: 0.75em; padding-block-end: 0.625em; min-inline-size: min-content;}
body,button,input,select,textarea{ color:#333; font-size:10pt;}
body    	     	{ font-size: small; font-family:lucida_sans_unicoderegular;}
a 					{ color:#232323; cursor:pointer; outline:none; position:relative; text-decoration:none; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out;}
a:hover 			{ color:#232323; text-decoration:none;}
info, info a 		{ font-weight:normal; color: #000; font-family: lucida_sans_unicoderegular; font-size: 10pt; text-decoration: none;}
slash1  			{ font-weight:normal; color: #94be0d; font-family: Almaq; font-size: 18pt; text-decoration: none;}

/* Contenu */
.content            { width: 100%; min-height: 100px; margin-left: auto; margin-right: auto;}
.header             { width: 100%; height: 100px; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
.logo		     	{ width: 415px; height: 100px; background-size: contain !important; margin: auto; background: url(img/header-pull.png) no-repeat left top;}
.accueil	     	{ width: 900px; height: auto; padding: 15px; background:#00000030; margin-right: auto; margin-left: auto; backdrop-filter: blur(7px);}
.page	     		{ width: 900px; height: 1750px; padding: 15px; background:#FFF; margin-right: auto; margin-left: auto;}
.bouton		     	{ width: 200px; text-align: center; padding: 10px; font-family: ITC; background:#94be0d; display: inline-block; font-size:10pt; box-shadow: 0 1px 3px #000; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); transform: scale(0.98); transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.bouton:hover       { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: none; -webkit-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.bouton-menu		     	{ width: 200px; text-align: center; padding: 10px; font-family: ITC; background:#FFF; display: inline-block; font-size:10pt; box-shadow: 0 1px 3px #000; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); transform: scale(0.98); transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.bouton-menu:hover       { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: none; -webkit-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.titre 				{ font-weight:normal; color: #FFF; font-family: Qualy; font-size: 30pt;margin-bottom: 50px;}
.menu				{ margin-bottom: 30px;}


@media screen and (max-width: 1040px) {
body                { width: auto; margin: 0; padding: 0; font-size: 90%; }
textarea,table,td,th,code,pre,samp  { word-break:  break-all;}
titre,titre a 		{ font-size: 20pt;}
h1,h1 a 			{ font-size: 20pt;}
code,pre,samp       { white-space: pre-wrap; }

tbody td 			{ border-collapse:collapse; border-spacing:0; width: auto !important; }
img,iframe,object,video,embed       { max-width: 100% !important; height: fit-content!important; }
table p img 		{ max-width: 250px !important;}
table div img 		{ max-width: 250px !important;}
img 				{float: none !important; text-align: left !important;}
p 					{ text-align: justify !important; }
html 				{ background: #fff url(img/fond.jpg); background-color: #fff;}
.content 			{ width: 100%; min-height: 100px; margin-left: auto; margin-right: auto; zoom: 190%;}
.bouton 			{ width: 235px; margin-top: 15px; height: 25px; display: inline-block; font-size:15pt; text-align:center; box-shadow: 0 1px 3px #000; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); transform: scale(0.98); transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.bouton:hover 		{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: none; -webkit-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.accueil 			{ width: 100%; padding: 15px; height: 2000px; margin-right: auto; margin-left: auto;}
.page 				{ width: 900px; height: 4440px; padding: 15px; background:#FFF; margin-right: auto; margin-left: auto;}
.header 			{ height: 135px;}
.logo 				{ width: 100%; height: 230px;}
}