/* V 1.2 : Fusion style.css */

/* -------------------- FONT --------------------*/
@font-face {
  font-family: 'Century Gothic';
  src: url('centurygothic.ttf') format('truetype');
}

/* -------------------- COLOR DEFINITION --------------------*/
:root {
    --brun:#21190f;
    --brun-clair:#5e4238;
    --couleur-theme:#b48a7c;
    --gris-clair:#555;
    --gris-clair-clair:#888888;
    --gris:#3d3d3d;
    --ecriture:#2d2d2d;
    --gris-fonce-fonce:#1d1d1d;
    --blanc:#FFF; 
    --noir:#000;
    --couleur_lien:#0007d1;
}


/* -------------------- MAIN DEFINITION --------------------*/
html
{ min-height: 100%;
  position: relative;
}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: #FFF;
  color: #555;}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;
  text-align: justify;
  text-justify: inter-word;}


img
{ border: 0;   }




h1, h2, h3, h4, h5, h6 
{ padding: 0 0 15px 0;
}
h4, h5, h6 
{ padding: 0 0 10px 0;
}

h1, h2, h3
{ font: normal 170% 'century gothic', arial, sans-serif;
}

h1
{ font-size: 170%;
 } 
h2
{ font-size: 160%;
  color: var(--couleur-theme);}

h3
{ font-size: 140%;
  color: var(--noir);
}

h4, h6
{ color: var(--couleur-theme);
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: var(--gris-clair-clair);
  font: normal 95% arial;
  letter-spacing: normal;
}


a, a:hover
{ outline: none;
  }
a{color: #000}
a:hover{ color: #B48A7C;}

#deplacement a
  {text-decoration: underline;}

ul
{ margin: 0px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}





.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}






#main, #logo, #menubar, #site_content, #full_page #footer
{ margin-left: auto; 
  margin-right: auto;}


/* -------------------- LOGO --------------------*/
#header
{ background: var(--noir);
  border-bottom: 1px solid var(--gris-fonce-fonce);
  height: 186px;}

#logo
{ width: 920px;
  position: relative;
  height: 140px;
  background: var(--gris-fonce-fonce);
  text-align:right;}

/*  Private  */
#logo a
{ margin: 0 10px 0 0;
  color:var(--gris-fonce);
  text-align:right;
}

#logo_text 
{ position: absolute; 
  margin: 0 0 0 30px;
  text-align:left;}
  
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ font: normal 170% 'Century Gothic', 'Arial', sans-serif;
  padding: 10px 0 0 0;
  letter-spacing: 0.1em;
  text-decoration : None;
}

#logo_text h1 a .logo_colour
{ color: var(--couleur-theme);}
#logo_text a:hover .logo_colour
{ color: #5E4238;}

#logo_text h2
{ font: normal 120% 'Arial', sans-serif;
  padding: 6px 0 0 0;
  color: #FFF;
}
#logo_text p
{ margin: 10px 0 0 0;
}
#logo_text img
{
  margin: 0 0 0 7px;
  width:20px;
}



/* -------------------- MENUBAR --------------------*/
#menubar
{ width: 912px; 
  height: 45px;
  padding-right: 8px;
  background: #2D2D2D;
  border-top: 1px solid #3D3D3D;} 

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 8px 4px 0 4px;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  line-height: 20px;
  padding: 6px 20px 5px 20px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #5E4238;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 20px 5px 11px;}

ul#menu li.selected
{ margin: 8px 4px 0 13px;
  background: #B48A7C;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #B48A7C;
  color: #FFF;}

ul#menu li a:hover
{ color: #B48A7C;}







#site_content
{ width: 880px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 0 0 180px 0;} 



#full_page
{ width: 750px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 0 0 180px 0;} 






#sidebar_container
{ float: left;
  width: 224px;}

.sidebar_top
{ width: 250px;
  height: 14px;
  background: transparent url(/style/side_top.png) no-repeat;}

.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(/style/side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ background: url(/style/side_back.png) repeat-y;
  padding: 0 15px;
  width: 192px;}

.sidebar li.selected a
{ color: #B48A7C;} 

.sidebar ul
{ margin: 0;} 


.sidebar ul ul
{ margin-left:25px;} 

.sidebar ul li
{  list-style:none;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left:0;
  padding: 0 0 4px 10px;
  line-height: 1.5em;}

.sidebar ul li a{
  text-decoration: none;
}

.sidebar ul ul li {
  list-style-type: none;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left: 1em;
  padding: 0 0 6px 5px;
  line-height: 1.2em;}







#content, #PDF
{ text-align: left;
  width: 620px;
  padding: 0 0 0 25px;
  float: right;}
  
#content ul, #PDF ul
{ margin: 2px 0 22px 0px;}

#content ul li
{  list-style-type: disc;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left: 2em;
  padding: 0 0 4px 10px;
  line-height: 1.5em;}

#content_ss_sidebar
{ text-align: left;
  width: 620px;
  padding: 0 0 0 25px;
  float: right;}

#content_ss_sidebar ul
{ margin: 2px 0 22px 0px;}

#content_ss_sidebar ul li
{  list-style-type: disc;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left: 2em;
  padding: 0 0 4px 10px;
  line-height: 1.5em;}
  
  
  
#normal
{ text-align: left;
  width: 620px;
  padding: 0 0 0 25px;
  float: right;}
  
#normal ol
{ margin: 2px 0 22px 0px;}


#normal ol li {
  list-style-type: none;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left: 2em;
  padding: 0 0 6px 30px;
  line-height: 1.2em;}
  
#normal ul li a{  
    text-decoration: none;}
    
#PDF ul li {
  list-style-type: none;
  background: url(/style/Logo_PDF.png) no-repeat;
  margin: 0 0 0 0; 
  margin-top:0em;
  margin-left: 2em;
  padding: 0 0 6px 30px;
  line-height: 2em;}








#enm{
position:absolute;
margin-left:-40em;
}

#MF{
position:absolute;
margin-left:25em;

}


.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 200px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}
  
  
  
  
  
  
table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: center;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;}
  
table tr td
{ background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

pre {
   font-family: "courier new", courier, monospace;
   font-size: 14px;
}



code {
 display: block;
 color:#0007d1;

}

#Noir code 
{background:black;
  padding: 5px;
color:white;}

#Gris code 
{border-color:black;
border-radius: 30px;
margin-left:50px;
padding: 10px 30px 10px 30px;

background:#f5f5f5;
width:75%;
color:black;
text-align: left;
}


tt{
   font-family: "courier new", courier, monospace;
   font-size: 14px;

}






/* -------------------- PUBLI --------------------*/
.tabs {
  font-family: normal .80em 'trebuchet ms', arial, sans-serif;
}

[role="tablist"] {
  min-width: 110%;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
  display: inline-block;
  position: relative;
  z-index: 2;
  top: 2px;
  margin: 0;
  margin-top: 4px;
  padding: 3px 3px 4px;
  border: 1px solid hsl(219deg 1% 72%);
  border-bottom: 2px solid hsl(219deg 1% 72%);
  border-radius: 10px 10px 0 0;
  background: hsl(220deg 20% 94%);
  outline: none;
  max-width: 80%;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
}

[role="tab"][aria-selected="true"] {
  padding: 2px 2px 4px;
  margin-top: 0;
  border-width: 2px;
  border-bottom-color: hsl(220deg 43% 99%);
  background: hsl(220deg 43% 99%);
}

[role="tab"][aria-selected="false"] {
  border-bottom: 1px solid hsl(219deg 1% 72%);
}

[role="tab"] span.focus {
  display: inline-block;
  margin: 2px;
  padding: 4px 6px;
}

[role="tab"]:hover span.focus,
[role="tab"]:focus span.focus,
[role="tab"]:active span.focus {
  text-decoration: none;
}

[role="tabpanel"] {
  padding: 20px;
  border: 2px solid hsl(219deg 1% 72%);
  border-radius: 0 10px 10px;
  background: hsl(220deg 43% 99%);
  min-height: 10em;
  width:94%;
  /*overflow: auto;*/
}

[role="tabpanel"].is-hidden {
  display: none;
}

[role="tabpanel"] p {
  margin: 0;
}






/* -------------------- CONTACT --------------------*/

#contact .form_settings
{ margin: 15px 0 0 50px;}

#contact .form_settings p
{ padding: 0 0 4px 0;}

#contact .form_settings span
{ float: left; 
  width: 100%; 
  text-align: left;}

#contact .form_settings textarea
{ width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  font: 100% arial; 
  background: #f1f1f1;}
  
  
#contact textarea:focus { 
  background: #ddd;
  outline: none;
    }
    
#contact input[type=text], #contact input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}


#contact input[type=text]:focus, #contact input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}


#contact .registerbtn {
  background-color: #5E4238;
  color: white;
  padding: 12px 5px;
  margin: 8px 50;
  border: none;
  float: right;
  cursor: pointer;
  width: 25%;
  opacity: 1;
}

#contact .registerbtn:hover {
  background-color: #B48A7C;
}




#tableau_ID {
    display: flex;
    justify-content: center;
    align-items: center;
}

#tableau_ID table {
  border-collapse: collapse;
  width: 70%;
  margin: 0px;
}

#tableau_ID table tr th, #tableau_ID table tr td, #tableau_ID table tr tbody 
{ background: var(--blanc);
  color: var(--ecriture);
  padding: 7px 0px;
  text-align: center !important;
  vertical-align: middle;
  }


#tableau_Adress {
    display: flex;
    justify-content: left;
    align-items: left;
}

#tableau_Adress table {
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
}

#tableau_Adress table tr th, #tableau_Adress table tr td, #tableau_Adress table tr tbody, #tableau_Adress table tr thead
{ background: var(--blanc);
  color: var(--ecriture);
  padding: 7px 0px;
  text-align: left !important;
  vertical-align: top;
  font-weight: normal
  }
#tableau_Adress table tr td
{ vertical-align: middle;  }










/* -------------------- PARTNER --------------------*/

#logo_partner{
    align-content:center;
}
#logo_partner img
{
  margin: 0 0 0 90px;
  height:55px !important;
}





/* -------------------- FOOTER --------------------*/

#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 115px;
  padding: 28px 0 0px 0;
  background: var(--noir);
  color: var(--gris-clair);
  position: absolute;  
  bottom: 0; 
}

#footer p
{ line-height: 1.7em;
  text-align: center; 
  padding: 0 0 10px 0;}

#footer a
{ color: var(--gris-clair-clair);
  text-decoration: none;}

#footer a:hover
{ color: var(--couleur-theme);
text-decoration: none;}