/* base du site : styles historiques (araimc1) + restes utiles de W3.CSS, regroupés en un seul fichier */
/* CSS Document */
body {/*background-color: #53114E;  */
	padding: 0px; 
	font-size: 15px; 
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip .tooltiptext { visibility: hidden; width: 120px;background-color: #286303;color: #fff;text-align: center;border-radius: 6px;padding: 5px; position: absolute;z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;padding: 5px;}
/* gestion des tables ************************************************** */
td {border-width:1px;margin: 0px 0px 0px 0px;}
th {font-weight: bold;}
table.offres {border-collapse:collapse;}
table.offres tr:nth-child(odd) {	background-color:#DDC6DD;}
table.offres tr:nth-child(even) {	background-color:#ffffff;}
table.offres tr td{	height:40px; text-align: center; vertical-align:middle;border: 1px solid black;}
/* les liens pour tout le site ********************************************/
a:link {color: #E40055;text-decoration: none;}
a:visited {color: #E40055;text-decoration: none;}
a:hover {color: #000;}
a:active {color: #000;}
/* *********** Titraille ************************************ */
h1 {font-size: 20pt;padding-left: 10px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Lato, Arial, Helvetica, sans-serif;}
h2 {margin-left: 25px;font: bold 18pt Lato, Arial, Helvetica, sans-serif;color: #830377;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Lato, Arial, Helvetica, sans-serif;}
h3 {margin-left: 35px;font: 14pt;color: #830377;font-weight: bold;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Lato, Arial, Helvetica, sans-serif;}
h4 {background-color: #EDCFF2; padding-left: 40px; margin-right: 20%; font-style: italic;}
h5 {margin-left: 55px;}
h6 {margin-left: 65px;}
.titre2 {font: bold 14px Lato, Arial, Helvetica, sans-serif;color: #060;}
.chapo_agenda {color: #6C2465;font-family: Gotham, "Helvetica Neue", Lato, Arial, Helvetica, sans-serif;font-size: x-large;text-align: center;}
.titre_atelier1 {font: bold 24px Lato, Arial, Helvetica, sans-serif;color: #FFF;background: #67B023;}
.titre_atelier2 {text-align: center;font: bold 24px Lato, Arial, Helvetica, sans-serif;color: #FFF;background: #CD0C45;}
.titre_atelier3 {font: bold 24px Lato, Arial, Helvetica, sans-serif;color: #FFF;background: #F79433;}
.style2 {font-size: 17px;font-weight: bold;color: #CD0B44;}
.corpsSans {font-size: 9pt;}
.boiteArrondi {width: 500px;margin: 15px;padding: 5px;border: 1px solid #000;border-radius: 3px;box-shadow: 2px 2px 2px 2px #CCC;}
.boiteLienGauche{margin-left: 5px;margin-right: auto;margin-bottom: 5px;border: 1px solid #E40055;border-radius: 5px;padding:5px;background-color:#FFFFDD;}
.carteIndex{width: 170px; margin: 15px; padding: 0px 5px 0px 5px; float: left; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'}
.bando {background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), rgb(102, 45, 120));
	color: white;padding-right: 15px;
}
.main-2col-goutt {clear: both; margin: 10px 0px 10px 0px; text-align: justify;
	-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;
	-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;
	-webkit-column-rule: 1px solid #53114E;-moz-column-rule: 1px solid #53114E;column-rule: 1px solid #53114E;
}

#scroll_to_top {
  position: fixed;
  width: 25px;
  height: 25px;
  bottom: 50px;
  right: 30px;
}

#scroll_to_top img {
  width: 25px;
}

.dog-offre {
    position: relative;
    width: calc(100%/2 - 3rem/2);
    border: 2px solid #173d64;
    margin-bottom: 3rem;
    z-index: 5000;
}

/* --- W3.CSS (extrait : remises à zéro et classes réellement utilisées) --- */
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;background-color: white;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
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}
figure{margin:1em 40px}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:bold}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [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{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px; 
	line-height:150%;}
html{overflow-x:hidden}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
img{vertical-align:middle}
a{color:inherit}
.w3-table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-bordered tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table td,.w3-table th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child{padding-left:16px}
:disabled *{pointer-events:none}
#main{transition:margin-left .4s}
.w3-panel:after,.w3-panel:before{content:"";display:table;clear:both}
.w3-round-medium{border-radius:4px}
.w3-panel{padding:0.01em 16px}
.w3-panel{margin-top:16px;margin-bottom:16px}
@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-border{border:1px solid #ccc!important}