:root {
--body-color : #2a2227;	
--purple: #922169;
--deep-purple: #72104e;
--deep-dark-purple: #2f193a;
--cassiopeia-color-primary : #411c41;
--cassiopeia-color-hover : #691049;
--cyan: #89d1e0;
--bleu-mars: #62c0e5;
--blue: #05235e;
--fushia: #fd0066;
--link-color : #3b59a6;

--btn-color: #f8f6f3;
--btn-bg: #493154;
--btn-border-color: #493154;
--btn-hover-color: #fff;
--btn-hover-bg: #4e0232;
--btn-hover-border-color: #4e0232;
--btn-active-color: #fff;
--btn-active-bg: #2271aa;
--btn-active-border-color: #2271aa;
--btn-disabled-color: #f8f6f3;
--btn-disabled-bg: #448344;
--btn-disabled-border-color: #448344;

--body-font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--fa-style-family: "Font Awesome 6 Free";
--body-font-size : 1.3rem;	
--body-line-height : 1.4;


body.contentpane { padding: 2% 5% 5% 5% ; }
body.contentpane p , body.contentpane ul, body.contentpane div {font-weight: 400;}
body {background-image: url('../images/header_bg_tile.png');}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family : var(--body-font-family); margin-top: 2rem;}
a, main a , main  a:not([class]){ text-decoration: none; border-bottom: 1px dotted var(--link-color); color:#3b59a6;}
a:hover, main a:hover , main  a:not([class]):hover{ border-bottom: 1px solid var(--link-color);}
a:has(img), a:has(img):hover, .nav a, .nav a:hover,  footer a, footer a:hover { text-decoration: none; border-bottom: none;}
.table-tarifs {margin-bottom: 20px; }
.table-tarifs th, .table-tarifs td{   border: 1px solid #B1AAAE; padding: 10px; vertical-align: text-top; }

}