/*
 * definition des couleurs
 */

:root {
  --main-color1:#155F00; /*#1B75BC;*/
  --light-color1:#1A7800; /*#80A0D3;*/
  --dark-color1:#0F4500; /*#155D97;*/
  --main-color2:#FFB902; /*#FAA61A;*/
  --light-color2:#FFD41C; /*#FDC578;*/
  --dark-color2:#E6A602; /*#C48312;*/
  --main-color3:#4D4C8A; /*#5C2D91;*/
  --light-color3:#5B5AA3; /*#826AAF;*/
  --dark-color3:#3F3E70; /*#491D74;*/
  --main-color4:#1B75BC;
  --light-color4:#80A0D3;
  --dark-color4:#155D97;
}
/*
 * layout
 */
 
html {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#FFFFFF;
overflow-y:none;
}

body {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
color:var(--main-color3);
font-size:13pt;
overflow-y:none;
}

#left {
position:absolute;
top:0;
left:0;
width:15%;
height:100%;
background-color:var(--main-color1);
}

#right {
position:absolute;
top:0;
left:15%;
width:85%;
height:100%;
}

#title {
position:absolute;
top:0;
left:0;
margin:0;
border:0;
padding:0;
display:table;
width:100%;
height:5rem;
color:#FFFFFF;
background-color:var(--main-color1);
background-image:-moz-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-o-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color1)),color-stop(1,var(--light-color1)));
z-index:2;
}

#menu {
position:absolute;
top:5rem;
left:0;
margin:0;
padding:0;
border:0;
width:100%;
height:2.4rem;
background-color:var(--main-color3);
background-image:-moz-linear-gradient(90deg,var(--dark-color3),var(--light-color3));
background-image:-o-linear-gradient(90deg,var(--dark-color3),var(--light-color3));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color3)),color-stop(1,var(--light-color3)));
overflow:none;
z-index:2;
}

#sidemenu {
margin:0;
padding:0;
border:0;
width:100%;
vertical-align:top;
}

#content {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
background-color:#FFFFFF;
vertical-align:top;
overflow-y:auto;
z-index:1;
}

#main {
position:absolute;
top:0;
left:0;
width:100%;
padding-top:8rem;
padding-bottom:2rem;
}

#connect_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
opacity:0.6;
}

#connect {
position:absolute;
top:0;
left:0;
width:100%;
padding-top:8rem;
background:none;
z-index:20;
}

#connect_info {
position:absolute;
top:8rem;
right:1rem;
background:none;
z-index:10;
font-size:10pt;
color:var(--main-color4);
}

#main_annonces {
width:100%;
height:85%;
margin:0;
padding:0;
border:0;
background-color:#FFFFFF;
overflow-y:auto;
}

#menu_annonces {
width:100%;
height:5%;
margin:0;
padding:0;
border:0;
}

/* 
 * style
 */

#logo {
width:100%;
border:0;
margin:0;
padding:0;
text-align:center;
background-color: var(--main-color1);
}

#logo img {
width:99%;
margin:0;
padding:0;
background-color:#FFFFFF;
}

#title h1 {
display:table-cell;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
font-variant:small-caps;
font-size:30pt;
}

#menu ul {
list-style:none;
padding:0;
margin:0;
border:0;
background-color:var(--main-color3);
background-image:-moz-linear-gradient(90deg,var(--dark-color3),var(--light-color3));
background-image:-o-linear-gradient(90deg,var(--dark-color3),var(--light-color3));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color3)),color-stop(1,var(--light-color3)));
}

#menu ul:before,
#menu ul:after {
content:" ";
display:table;
}

#menu ul:after {
clear:both;
}

#menu ul li {
display:block;
position:relative;
float:left;
border:0;
margin:0;
padding:0;
}

#menu ul li.floatright {
display:block;
position:relative;
float:right;
}

#menu a, #menu li.nobutton {
display:block;
padding:0.6rem 1rem;
margin:0;
border:0;
text-decoration:none;
white-space:no-wrap;
color:#FFFFFF;
}

#menu ul li.nobutton {
padding:0.6rem 1rem;
text-decoration:none;
white-space:no-wrap;
color:#FFFFFF;
}

#menu a {
cursor:pointer;
}

#menu > ul > li > a {
border-left:1px solid var(--light-color3);
border-right:1px solid var(--dark-color3);
}

#menu ul ul {
background-color:#FFFFFF;
box-shadow: 0 0.25rem 0.5rem 0 var(--light-color4);
}

#menu ul ul a {
background-color:var(--main-color4);
background-image:-moz-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-o-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color4)),color-stop(1,var(--light-color4)));
border-top:1px solid var(--light-color4);
border-bottom:1px solid var(--dark-color4);
}

#menu ul ul li.nobutton {
background-color:var(--main-color1);
background-image:-moz-linear-gradient(90deg,var(--dark-color4),var(--light-color1));
background-image:-o-linear-gradient(90deg,var(--dark-color4),var(--light-color1));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color1)),color-stop(1,var(--light-color1)));
border-top:1px solid var(--light-color1);
border-bottom:1px solid var(--dark-color1);
}

#menu ul ul ul a {
background-color:var(--main-color1);
background-image:-moz-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-o-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color1)),color-stop(1,var(--light-color1)));
border-top:1px solid var(--light-color1);
border-bottom:1px solid var(--dark-color1);
}

#menu ul ul ul li.nobutton {
background-color:var(--main-color4);
background-image:-moz-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-o-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color4)),color-stop(1,var(--light-color4)));
border-top:1px solid var(--light-color4);
border-bottom:1px solid var(--dark-color4);
}

#menu a:hover, #menu > ul > li.nobutton:hover {
color:#000000;
background-color:var(--main-color2);
background-image:-moz-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-o-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color2)),color-stop(1,var(--light-color2)));
}

#menu > ul > li > a:hover {
border-left:1px solid var(--light-color2);
border-right:1px solid var(--dark-color2);
}

#menu ul ul a:hover {
border-top:1px solid var(--light-color2);
border-bottom:1px solid var(--dark-color2);
}

#menu li ul {
display:none;
z-index:30;
}

#menu li:hover > ul {
display:block;
position:absolute;
}

#menu ul#sections_submenu {
width:19.5rem;
}

#menu ul#billetterie_submenu {
width:10rem;
}

#menu ul#annonces_submenu {
width:12.5rem;
}

#menu ul#connect_submenu {
right:1rem;
}

#menu ul#connect_submenu li {
background-color:#DDEEFF;
width:12rem;
}

#menu ul#connect_submenu li.blank {
padding:1em 2ex;
width:17rem;
}

#menu ul#connect_submenu li.blank p {
margin-top:0;
margin-bottom:0.5rem;
text-align:left;
}

#menu ul#connect_submenu li.blank a {
width:8.5rem;
margin:0 auto;
text-align:center;
}

#menu li:hover li {
float:none;
}

#menu li ul li {
border-top:0;
}

#menu ul ul ul {
left:100%;
top:0;
box-shadow: 0 0.25rem 0.5rem 0 var(--light-color1);
}

#sidemenu ul {
margin:0;
padding:0;
border:0;
width:100%;
list-style-type:none;
}

#sidemenu ul#links {
margin-top:2rem;
}

#sidemenu li {
display:table;
margin:0;
padding:0;
border:0;
width:100%;
text-align:center;
background-color:var(--main-color1);
color:#FFFFFF;
background-image:-moz-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-o-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color1)),color-stop(1,var(--light-color1)));
}

#sidemenu li.nobutton {
background-image:none;
padding:0.5rem 1rem;
text-align:left;
}

#sidemenu li a {
display:table-cell;
padding:0.5rem 0;
margin:0;
border:0;
width:100%;
height:100%;
}

#sidemenu li a:hover {
text-decoration:none;
color:#330000;
background-color:var(--main-color2);
background-image:-moz-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-o-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color2)),color-stop(1,var(--light-color2)));
}

.bloc_markdown, .list_sections, .list_billetterie, .list_bureau, .plans, .sections_waiting_infos, .sections_extra_infos, .events, .plaquette, div.upload {
margin:0;
padding:0 1rem;
border:0;
}

/* .connect {
display:table;
float:left;
width:20%;
padding:0.2em 0;
padding-left:4ex;
}

#footer ul {
list-style-type:none;
display:table;
font-size:10pt;
margin:0;
padding:0.2em 3ex;
border:0;
float:right;
}

#footer li {
display:table-cell;
padding:0 0.5ex;
margin:0;
border:0;
}

#footer img {
width:3ex;
vertical-align:middle;
} */

.plan {
margin:0 20%;
width:60%;
}

.section_title {
margin:0;
padding:0 1.5rem;
border:0;
vertical-align:top;
}

.section_logo {
height:10rem;
padding:0 1.5rem;
float:left;
}

.section_logo img {
height:100%;
}

.section_infos {
background-color:var(--light-color1);
color:#FFFFFF;
width:30%;
margin-left:1.5rem;
margin-bottom:2rem;
padding:0.5rem;
border:3px ridge var(--dark-color1);
float:left;
}

.section_image {
clear:right;
height:10rem;
}

.section_image img {
padding-left:5rem;
height:100%;
}

.section_description {
margin:0;
padding:0 1.5rem;
border:0;
clear:both;
}

.section_tarifs {
margin:0;
padding:0 1.5rem;
border:0;
clear:both;
}

.annonces_tab {
margin:0;
padding:0;
border:0;	
border-collapse:collapse;
width:100%;
}

.annonces_tab td.annonces_photo, .annonces_tab td.annonces_description, .annonces_tab td.annonces_delete {
border-top:2px ridge var(--main-color3);
border-bottom:2px ridge var(--main-color3);
padding:0.5em;
vertical-align:top;
}

.annonces_tab td.annonces_photo {
width:2.5rem;
}

.annonces_tab td.annonces_delete {
width:1rem;
}

.annonces_tab .annonces_title {
font-weight:bold;
}

.annonces_tab .annonces_text p {
padding:0.5rem 0;
margin:0;
}

.addaccount, .addadhesion, .addsection, .addmain, .addevents, .addannonces {
width:100%;
}

.addaccount, .addadhesion {
padding:1rem 0.5rem;
}

.addadhesion > table, .addsection > table, .addevents > table, .addmain > table, .addannonces > table {
width:90%;
border:0;
padding:0;
margin:0 auto;
border-spacing:0;
}

.addaccount table {
width:90%;
border:0;
padding:0;
margin:0 auto;
}

.addaccount td,.addadhesion td, .addsection > table td, .addannonces > table td {
vertical-align:top;
text-align:left;
padding:0;
padding-right:1%;
}

.addaccount input.account_submit, .addadhesion .buttons input, input.button {
font-size:inherit;
margin:1rem 1rem;
padding: 0.5rem 1rem;
border:0;
color:#FFFFFF;
background-color: var(--light-color1);
background-image:-moz-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-o-linear-gradient(90deg,var(--dark-color1),var(--light-color1));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color1)),color-stop(1,var(--light-color1)));
text-decoration: none;
cursor:pointer;
}

.addaccount input.account_submit:hover, .addadhesion .buttons input:hover {
color:#330000;
background-color:var(--main-color2);
background-image:-moz-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-o-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color2)),color-stop(1,var(--light-color2)));
}

h2.infoadhesion_titre {
width:95%;
margin:0.5rem 0;
padding-bottom:0.5rem;
border-bottom:1px solid var(--main-color1);
}

h3.infoadhesion_soustitre {
margin:0;
margin-bottom:0.5rem;
}

h4.infoadhesion_soussoustitre {
margin:0;
margin-bottom:0.5rem;
}

.addadhesion > table > td > table {
width:100%;
}

/*#typeadh .infoadhesion_label {
width:25%;
}

#typeadh .infoadhesion_data {
width:25%;
}

#sectionsadh .infoadhesion_label {
width:30%;
}

#sectionsadh .infoadhesion_data {
width:20%;
}*/

/* .addadhesion td.infoadhesion_ast {
width:4ex;
text-align:right;
} */

.addaccount td.infoadhesion_label {
width:22ex;
}

/* .addaccount td.infoadhesion_data {
width:30%;
} */

/* .addadhesion td.infoadhesion_label {
width:25%;
} */

.addaccount td.border {
background-color:var(--main-color1);
padding:0;
margin:0;
width:2px;
}
.addadhesion td.infoadhesion_data {
width:29%;
text-align:left;
}

.infosection_titre {
width:70%;
}

.infosection_label {
width:12%;
}

.infosection_data {
width:62%;
}

.infoevents_titre {
width:70%;
}

.infoevents_label {
width:70%;
}

.infoevents_data {
width:30%;
}

.infomain_titre {
width:70%;
}

.infomain_label {
width:15%;
}

.infomain_data {
width:15%;
}

.infoannonces_titre {
width:70%;
}

.infoannonces_titre h3 {
margin:0.5rem 0;
padding:0;
border:0;
}

.infoannonces_id {
width:30%;
}

.infoannonces_id h3 {
font-size:inherit;
font-weight:normal;
margin:0.5rem 0;
padding:0;
border:0;
}

.infoannonces_label {
width:12rem;
padding:0.5rem 1rem;
}

.infoannonces_data {
width:25rem;
padding:0.5rem 1rem;
}

.infoannonces_comment {
width:50%;
font-style:italic;
}

.list_sections table {
border:0;
margin:0;
margin-bottom:1rem;
padding:0;
border-collapse:collapse;
}

.list_sections tr, .list_sections td {
border:0;
margin:0;
padding:0.1rem 0.5rem;
}

.list_sections a, .sections_waiting_infos a {
font-variant:small-caps;
font-weight:bold;
font-style:italic;
color:var(--main-color3);
}

.list_sections tr:hover {
background-color:#AEC5E7;
}

.list_sections tr.section_add:hover {
background-color:inherit;
}

.list_billetterie table {
border:0;
margin:0;
margin-bottom:1rem;
padding:0;
border-collapse:collapse;
}

.list_billetterie tr, .list_billetterie td {
border:1px solid #000000;
margin:0;
padding:0.5rem 0.5rem;
}

.list_billetterie tbody tr:hover {
background-color:#AEC5E7;
}

.list_billetterie thead td {
background-color:var(--main-color3);
color:#FFFFFF;
border:1px solid var(--dark-color3);
font-style:oblique;
font-weight:normal;
text-align:center;
}

.list_billetterie tbody td {
text-align:center;
}

.list_billetterie tbody td:first-child {
text-align:left;
font-weight:bold;
}

ul#partenaires {
margin:0;
margin-top:2rem;
padding:0;
border:0;
width:15rem;
vertical-align:top;
list-style-type:none;
}

#partenaires li {
display:table;
margin:0;
padding:0;
border:0;
width:100%;
text-align:center;
background-color:var(--main-color2);
color:#000000;
background-image:-moz-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-o-linear-gradient(90deg,var(--dark-color2),var(--light-color2));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color2)),color-stop(1,var(--light-color2)));
}

#partenaires li.nobutton {
background-image:none;
padding:0.5rem 1rem;
text-align:left;
}

#partenaires li a {
display:table-cell;
padding:0.5rem 0;
margin:0;
border:0;
width:100%;
height:100%;
font-weight:normal;
color:inherit;
}

#partenaires li a:hover {
text-decoration:none;
color:#FFFFFF;
background-color:var(--main-color4);
background-image:-moz-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-o-linear-gradient(90deg,var(--dark-color4),var(--light-color4));
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,var(--dark-color4)),color-stop(1,var(--light-color4)));
}

.upload table {
border:0;
padding:0;
margin:0;
border-spacing:0;
}

.upload th, .upload td {
padding:0 1rem;
text-align:left;
}

.upload th {
background-color:#FFCC99;
}

.upload .odd td {
background-color:#EEFFFF;
}

.upload .even td {
background-color:#77CCCC;
}

a {
font-style:italic;
text-decoration:none;
color:inherit;
}

#main a {
color:var(--dark-color2);
font-weight:bold;
font-style:italic;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

dt {
padding:0 0.5rem;
color:var(--main-color3);
font-weight:bold;
font-style:italic;
}

dt.grey {
color:#666666;
}

dd {
color:var(--main-color1);
}

dd.grey {
color:#AAAAAA;
}

img {
border:0;
margin:0;
padding:0;
}

.sc {
font-variant:small-caps;
}

.bf {
font-weight:bold;
}

.ul {
text-decoration:underline;
}

.tt {
font-family:monospace;
}

.it {
font-style:italic;
}

.em {
color:var(--dark-color2);
font-weight:bold;
font-style:italic;
}

.center {
text-align:center;
}

.white {
color:#FFFFFF;
}

.alert {
color:#990000;
}

.ok {
color:#009900;
}

.neutral {
color:#999999;
}

.alertbig, .infobig, .warnbig, .flash_msg, .flash_err {
display:table;
-moz-box-shadow:2px 2px 0.5rem #330000;
-webkit-box-shadow:2px 2px 0.5rem #330000;
box-shadow:2px 2px 0.5rem #330000;
padding:0.5rem;
max-width:90%;
margin:0 auto;
margin-top:0.5rem;
-moz-border-radius: 0.35rem;
-webkit-border-radius: 0.35rem;
border-radius: 0.35rem;
}

.alertbig {
background-color:#CC6666;
color:#FFFFFF;
}

.infobig {
background-color:#AAFFAA;
color:#006600;
}

.warnbig {
background-color:#6666FF;
color:#FFFFFF;
}

.flash_msg {
background-color:#AAFFAA;
color:#006600;
}

.flash_err {
background-color:#CC6666;
color:#FFFFFF;
}

/* Style spécifiques pour l'impression
 * La classe suivante doit être ajouté aux feuilles de styles standard
 */
.ifprint {
display:none;
width:0;
height:0;
}