@charset "UTF-8";
/* CSS Document */

/* ----------------------

        STRUCTURE

------------------------- */

.container {
    width:1140px;
    display:block;
    margin-right:auto;
    margin-left: auto;
    clear: both;
    float: none;
}
.bloc-flex {
    display:flex;
    flex-direction: row;
}
.bloc-flex-inverse {
    display:flex;
    flex-direction: row-reverse;
}
.bloc-alignL-justify {
    justify-content:space-between;
}

.bloc-alignH-center {
    align-items: center;
}
.bloc-alignH-top {
    align-items: flex-start;
}
.bloc20 {
    width:20%;
}
.bloc25 {
    width:25%;
}
.bloc30 {
    width:30%;
}
.bloc40 {
    width:40%;
}
.bloc45 {
    width:45%;
}
.bloc50 {
    width:50%;
}
.bloc60 {
    width:60%;
}
.bloc65 {
    width:65%;
}
.bloc70 {
    width:70%;
}
.bloc80 {
    width:80%;
}
.bloc100 {
    width:100%;
}

/* ----------------------

        HEADER

------------------------- */

/* Bandeau */

#bandeau {
    width:100%;
    background-color:#a7ac16;
    margin: 0;
    padding-top:30px;
    padding-bottom:30px;
}
.languages #bandeau, .newslist #bandeau, .about #bandeau, .joinus #bandeau {
    background-color:#4a6fdb;
}
#logo-sdl {
    width:320px; 
}
.accueil #logo-sdl {
     width:440px; 
}
#bandeau-accueil {
    width:100%;
    background-color:#a7ac16;
    margin: 0;
    padding-top:80px;
    padding-bottom:30px;
}
#bandeau-accueil h1 {
    margin:0 !important;
    font-size:90px;
    color:#fff;
    text-align: center;
}
#bandeau-accueil h1 span {
    color:#4a6fdb;
}
.home-down img{
    display:block;
    margin:40px auto 0px auto;
}

/* Menus de navigation FROID = menu1 */
/* Menus de navigation CHAUD = menu3 */
/* Menus de navigation MOBILE = menu2 */

.menu1-sdl {
    text-align: right;
}
.menu1-sdl ul {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu1-sdl ul li {
    display:inline-block;
    margin: 0;
    padding: 0 10px;
    list-style: none;
}
.menu1-sdl a, .menu1-sdl a:visited {
    font-size:19px;
    font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color:#fff;
    text-decoration: none;
    padding: 5px 15px;
    background-color: #4a6fdb;
}
.menu1-sdl a:hover, .menu1-sdl a:focus, .menu1-sdl a:active {
    background-color: #acbdee !important;
    color:#fff !important;
}

.menu3-sdl, .accueil .menu2-sdl {
    display:none;
}
.languages .menu1-sdl a, .newslist .menu1-sdl a, .about .menu1-sdl a, .joinus .menu1-sdl a, .languages .menu1-sdl a:visited, .newslist .menu1-sdl a:visited, .about .menu1-sdl a:visited, .joinus .menu1-sdl a:visited {
    color:#4a6fdb !important;
    background-color:#fff !important;
}
.languages .menu1-sdl a:focus, .newslist .menu1-sdl a:focus, .about .menu1-sdl a:focus, .joinus .menu1-sdl a:focus, .languages .menu1-sdl a:active, .newslist .menu1-sdl a:active, .about .menu1-sdl a:active, .joinus .menu1-sdl a:active {
    color:#ffffff !important;
    background-color:#acbdee !important;
}
.menu2-sdl {
    width:100%;
    padding-top:30px;
    display: block;
}
.languages .menu2-sdl, .newslist .menu2-sdl, .about .menu2-sdl, .joinus .menu2-sdl {
    text-align: right !important;
    width:60%;
}
.languages .titre-menu1, .newslist .titre-menu1, .about .titre-menu1, .joinus .titre-menu1 {
    width:40%;
    position:relative;
}
.languages .titre-menu1::before {
    content:"Languages";
    font-size:60px;
    font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color:#fff;
    position:absolute;
    left:0px;
    bottom:-16px;
}
.newslist .titre-menu1::before {
    content:"Newslist";
    font-size:60px;
    font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color:#fff;
    position:absolute;
    left:0px;
    bottom:-16px;
}
.about .titre-menu1::before {
    content:"About";
    font-size:60px;
    font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color:#fff;
    position:absolute;
    left:0px;
    bottom:-16px;
}
.joinus .titre-menu1::before {
    content:"Join-us";
    font-size:60px;
    font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color:#fff;
    position:absolute;
    left:0px;
    bottom:-16px;
}
.menu2-sdl ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu2-sdl ul li {
    display:inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu2-sdl a, .menu2-sdl a:focus, .menu2-sdl a:active, .menu2-sdl a:visited {
    font-size:22px;
    line-height: 1em !important;
    font-family: 'Anton', sans-serif;
    color:#fff;
    text-decoration: none;
    padding: 0 0 0 35px;
    margin:0 18px 0 0;
    display:block;
    letter-spacing: 0.2;
}
.languages .menu2-sdl a, .newslist .menu2-sdl a, .about .menu2-sdl a, .joinus .menu2-sdl a  {
    font-size:0px;
    text-decoration: none;
    padding: 0;
    margin:0 12px;
    display:block;
    width:30px;
    height:30px
}
.menu2-sdl li:first-child a{
    margin-left:0 !important;
}
.menu2-sdl li:last-child a {
    margin-right:0 !important;
}
.menu2-sdl a:hover {
      color:#fff;
}
a.item-menu-events {
    background-image: url("/https/sdl-forum.org/img/picto-menu-events.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;  
}
a.item-menu-publications {
    background-image: url("/https/sdl-forum.org/img/picto-menu-publications.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;  
}
a.item-menu-tools {
    background-image: url("/https/sdl-forum.org/img/picto-menu-tools.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;  
}
a.item-menu-members {
    background-image: url("/https/sdl-forum.org/img/picto-menu-members.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain; 
}
.publications a.item-menu-publications, .events a.item-menu-events, .tools a.item-menu-tools, .members a.item-menu-members {
    font-size:70px !important;
    padding: 0 0 0 95px;
} 


/* MENU MOBILE */

.burger-sdl:active, .burger-sdl:focus, .burger-sdl:visited {
    color:#fff !important;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  
background-color:#a7ac16;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
    -webkit-box-shadow: 5px 5px 12px -4px rgba(0,0,0,0.53); 
box-shadow: 5px 5px 12px -4px rgba(0,0,0,0.53);
}
.sidenav ul {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
}
.sidenav ul.froid {
    background-color:#4a6fdb;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
}
.sidenav ul li {
    display:block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidenav ul.froid li {
    background-color:#4a6fdb;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #fff !important;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover, .sidenav a:focus, .sidenav a:visited, .sidenav a:active {
  color: #fff !important;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* FIL D'ARIANNE */

#breadcrumb-sdl {
    padding: 30px 0px 30px 45px;
    background-image: url("/https/sdl-forum.org/img/picto-home.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto; 
}
#breadcrumb-sdl a {
    color:#000;
    text-decoration: none;
    display: inline-block;
}
#breadcrumb-sdl a::after {
    content:" >";
    padding:0 15px 0 5px;
}
#breadcrumb-sdl a:last-child::after {
    content:" ";
    padding:0 15px 0 5px;
}

/* SOUS MENU DE NAVIGATION INTERNE À UNE PAGE */

.submenu-sdl {
    display:block; 
    padding-bottom:20px;
}
.submenu-sdl ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.submenu-sdl ul li {
    display:inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.submenu-sdl a, .submenu-sdl a:active, .submenu-sdl a:visited {
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 0px;
    display:block;
    letter-spacing: 0.2;
    color:#000 !important;
    font-weight: 300;
}
.submenu-sdl a:hover  {
    text-decoration: none !important;
}
.submenu-sdl b, .submenu-sdl strong  {
    font-weight:700;

}
.submenu-sdl a::after {
    content:"|";
    padding:0 15px 0 15px;
}
.submenu-sdl li:first-child a{
    padding-left:0 !important;
}
.submenu-sdl li:last-child a {
    padding-right:0 !important;
}


/* ----------------------

        FOOTER

------------------------- */
#footer-sdl {
    width:100%;
    background-color:#4a6fdb;
    margin: 80px 0 0 0;
    padding-top:70px;
    padding-bottom:60px;
}
#logofooter-sdl {
    width:211px;
}
.mentions-footer {
    color:#fff;
    text-align: right;
}
.mentions-footer a {
    color:#fff;
	font-weight:bold;
	text-decoration: none;
}
.mentions-footer a:visited {
    color:#fff;
	font-weight:bold;
	text-decoration: none;
}


/* ----------------------

        GABARITS

------------------------- */

/* ACCUEIL */

.blocs-home {
    padding:80px 50px 60px 50px ;
}
#content-home { 
    line-height: 1.5;
}
#push-home { 
     line-height: 1.2;
}
#push-home img { 
    display: block;
    margin-right:auto !important;
    margin-left: auto!important;
}
#content-home p, #push-home p {
    margin:0;
}
#content-home a, #push-home a {
    color:#000;
    text-decoration: none;
}
#content-home a:hover, #push-home a:hover {
    text-decoration: underline;
}
.titre-members, .titre-publications, .titre-tools, .titre-events {
    font-size:34px;
    margin: 0px 0px 20px 0px;
    padding: 3px 0px 3px 50px;
    color: #4a6fdb;
}
.titre-members a, .titre-publications a, .titre-tools a, .titre-events a, .titre-members a:visited, .titre-publications a:visited, .titre-tools a:visited, .titre-events a:visited, .titre-members a:active, .titre-publications a:active, .titre-tools a:active, .titre-events a:active {
    color: #4a6fdb !important;
    text-decoration: none;
}
.titre-events {
    background-image: url("/https/sdl-forum.org/img/picto-titre-events.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto; 
}
.titre-publications {
    background-image: url("/https/sdl-forum.org/img/picto-titre-publications.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto; 
}
.titre-tools {
    background-image: url("/https/sdl-forum.org/img/picto-titre-tools.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto; 
}
.titre-members {
    background-image: url("/https/sdl-forum.org/img/picto-titre-members.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto; 
}


/* PAGES INTERNES */

.blocs-page {
    padding:0px 0px 20px 0px ;
}
#content-page { 
    line-height: 1.4;
    padding-right: 50px;
}
#push-page { 
     line-height: 1.2;
    padding-top:60px;
}
#push-page a {
    color:#000;
    text-decoration: none;
}
#push-page img { 
    display: block;
    margin-right:auto !important;
    margin-left: auto !important;
}
#content-page a {
    text-decoration: underline;
    font-weight: 400;
}

#push-page a:hover {
    text-decoration: underline;
}
#content-page a:hover {
    color:#000;
    text-decoration: underline;
}