/*------------------*/
/* Couleur utilise  */
/*------------------*/
/* Pour infos quelques codes couleurs
  ====================================
   0381BC = Bleu de ZE (Menu déroulant et autres)
   AFD8D4 = Vert déduit du A de Acoze
   FFFFFF = Blanc
   FE8207 = Orange
   AA003A = Rouge
   14264A = Bleu foncé (Menu déroulant)
   EEEEC0 = Jaune (citation)
/* 
/*---------------------------------------------*/
/* Couleurs et arrière-plans commun common.css */
/*---------------------------------------------*/

html, body {
	/* Image d'arrière-plan */
	/* Cameleon - modification */
	background: transparent url("./images/background.jpg") repeat fixed;
}

/*
/*----------------------------------------------------*/
/* Couleurs et arrière-plans pour les liens links.css */
/*----------------------------------------------------*/
/* Couleur des liens */
/* Altea91 - modification */
a                               { color: #1C3270; }
a:hover                         { color: #BC2A4D; text-decoration: underline; }
a:visited                       { color: #1C3270; }
a:visited:hover                 { color: #BC2A4D; text-decoration: underline; }

/* Altea91 - Couleurs des liens [url=] */
.postlink                       { color: #0000FF; background:transparent; text-decoration: underline; border-bottom: 0px solid transparent; }
.postlink:hover                 { color: #BC2A4D; background:transparent; text-decoration: underline; border-bottom: 0px solid transparent; }
.postlink:visited               { color: #660099; background:transparent; text-decoration: underline; border-bottom: 0px solid transparent; }
.postlink:visited:hover         { color: #BC2A4D; background:transparent; text-decoration: underline; border-bottom: 0px solid transparent; }

/*------------------------------------------*/
/* Boîtes à coins arrondis et arrière-plans */
/*------------------------------------------*/
.navbar {
	/* Couleur de l'arrière plan */
	/* Cameleon - modification */
	background-image: url("./images/bg_menu.jpg");
}

.bg2 {
	/* Couleur d'arrière-plan des messages impairs d'un sujet*/
	/* Altea91 - modification */
	background-color: #AED7F2;
}

/* Altea91 - Couleur de fond des notifications non lues dans dans le menu déroulant des notifications */
.bg2 .notification-block {
	background-color: #1F3B68;
}

.site_logo {
	/*Image du logo */
	/* Cameleon - modification */
	background-image: url("./images/Logo_arthrodese-lombaire_90x106.png");
	width: 90px;
	height: 106px;
	margin-top:-4px;
	margin-bottom:4px;
}

/*--------------------------------*/
/* Menu de saut de forum (jumbox = Aller à) */
/*--------------------------------*/
.jumpbox .dropdown li {
	/* Trait de séparation */
	/* Cameleon - modification */
	border-top-color: #0381BC;
}

.jumpbox-cat-link {
	/* Cameleon - modification */
	background-color: #14264A;
	border-top-color: #0381BC;
}

.jumpbox-cat-link:hover {
	/* Cameleon - modification */
	background-color: #14264A;
	border-top-color: #12A3EB;
}

.jumpbox-forum-link {
	/* Cameleon - modification */
	background-color: #14264A;
}

.jumpbox-forum-link:hover {
	/* Cameleon - modification */
	background-color: #14264A;
}

.jumpbox .dropdown .pointer-inner {
	/* Cameleon - modification */
	border-color: #14264A transparent;
}

.jumpbox-sub-link {
	/* Cameleon - modification */
	background-color: #14264A;
}

.jumpbox-sub-link:hover {
	/* Cameleon - modification */
	background-color: #14264A;
}

/*----------------*/
/* BB Code styles */
/*----------------*/
/* Bloc cité */
blockquote {
	/* Couleur du premier bloc cité */
	/* Altea91 - modification */
	background-color: #EEEEC0;
	border: 1px solid #254170;
}

blockquote blockquote blockquote {
	/* Couleur du troisième bloc cité dans le deuxième*/
	/* Citation imbriqué */
	/* Altea91 - modification */
	background-color: #AFD8D4;
}

/*-------------------------*/
/* jQuery menus déroulants */
/*-------------------------*/

.dropdown .pointer {
	/* Contour de la flêche menu déroulant */
	/* Cameleon - modification */
	border-color: #0381BC transparent;
}

.dropdown .pointer-inner {
	/* Couleur de remplissage de la flêche du menu */
	/* Cameleon - modification */
	border-color: #0381BC transparent;
}

.dropdown .dropdown-contents {
	/* Menu déroulant vers le BAS */
	/* Cameleon - modification */
	background: #14264A  ;
	border-color: #0381BC;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 1);
}

/* Altea91 - Ajout */
/* De ".dropdown a" et ".dropdown a:hover" pour modifier le menu clé plate du haut (à côté de Répondre) pour qu'il ait les mêmes caractéristiques que celui du pseudo. */
.dropdown a {
	/* Police de caractère */
	color: #cccaca;
	transition: all 0.5s ease 0s;
}
.dropdown a:hover {
	/* Surbrillance quand la souris passe dessus */
   text-decoration: none;
   color: #fff;
   text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}

/* Altea91 - Ajout */
/* De ".dropdown label" pour que le menu tri du bas (à côté de la clé plate) ait des textes en blanc plus lisible */
.dropdown label {
	/* Police de caractère */
	color: #cccaca;
	transition: all 0.5s ease 0s;
}
.dropdown-up .dropdown-contents {
	/* Menu déroulant vers le HAUT */
	/*Cameleon - modification */
	box-shadow: 1px 0 5px rgba(0, 0, 0, 1);
}

.dropdown li, .dropdown li li {
	/* Séparateur secondaire des menus déroulants */
	/*Cameleon - modification */
	border-color: #FFFFFF;
}

.dropdown li.separator {
	/* Séparateur principal des menus déroulants */
	/*Cameleon - modification */
	border-color: #0381BC;
}

/* Altea91 - A laisser absoluement même sans changement a cause des redéfinitions des a du dbut du css */
.navbar a {
	color: #cccaca;
	transition: all 0.5s ease 0s;
}

/* Altea91 - A laisser absoluement même sans changement a cause des redéfinitions des a du dbut du css */
.navbar a:hover {
	text-decoration: none;
	color: #fff;
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}

/*----------------------------*/
/* Menu-Haut option des liens */
/*----------------------------*/
.menu-link li { 
	/* format de la liste */
	display: inline-block; /* Enlève les puces */
	padding: 0 15px; 
}

/* Altea91 - A laisser absoluement même sans changement a cause des redéfinitions des a du dbut du css */
.menu-link a {
	/*Caractéristiques du texte*/
	color: #cccaca;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	display: inline;
}  

/* Altea91 - A laisser absoluement même sans changement a cause des redéfinitions des a du dbut du css */
.menu-link a:hover {
	/*Surbrillance du text et surlignage*/
	color: #fff;
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff; /*Texte lumineux blanc*/
	border-bottom: 4px solid #fe8207; /*Surlignage orange*/
	padding: 13px 0; /*Distance entre le texte et le surlignage*/
}
.iconlist
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/*Icones menu*/
li.ml-li1
{
	background-image: url("./images/blog.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto 22px;
	padding: 5px 25px 3px 30px; /* haut, gauche, bas, droit */
}

/*--------------------------------------------------------*/
/* css additionnels pour Pro-Sub-Blue-Arthrodese-Lombaire */
/*--------------------------------------------------------*/
/* Altea91 - Ajout
   Section-viewtopic pour modifier taille de la police sous l'avatar dans les messages (10 par défaut) */
.section-viewtopic [class*="username"] {
	font-size: 11px;
}

/* Altea91 - Ajout - 
   Uniquement sur écran dont la largeur est > 1024, on met 90% et on voit les nuages, pour les tablettes
   et smartphone, on laisse par défaut */
@media screen and (min-width: 1024px){
	/* Permet de mettre la largeur du forum à 90%. */
	.wrap {
		max-width: 90%;
    }
}

/*------------------------------------------------------------*/
/* Altea91 - css additionnels Status en ligne          */
/* Décale le bandeau "en ligne" lorsque l'utilisateur n'a pas */
/* d'avatar défini                                            */
/*------------------------------------------------------------*/
.post.online .no-avatar .avatar-container {
	margin-top: 40px;
	}


/*------------------------------------------------------------*/
/* Altea91 - Gestion des onglets                              */
/*                                                            */
/*    SimpleTabs: default style - Start                       */
/*    Code based off :                                        */
/*      http://pirex.com.br/wordpress-plugins/post-tabs/      */
/*      http://labs.komrade.gr/simpletabs/                    */
/*------------------------------------------------------------*/
/*div.simpleTabs {
	padding: 10px;
}

div.simpleTabsContent.currentTab {
	display: block;
}

div.simpleTabsContent {
	display: none;
	border: 1px solid #cccccc;
	margin-top: 0 !important;
	padding: 1em !important;
	background-color: #ffffff;
	color: #333333;
}

div.simpleTabsContent .simpleTabsTitles {
	display: none;
}

ul.simpleTabsNavigation {
	margin: 5px 2px 3px 1.5em !important;
	font-size: 1.0em;
	list-style-type: none !important;
	line-height: normal;
	text-align: left;
	display: block !important;
	background: none;
	color: #ff0000;
}

ul.simpleTabsNavigation li {
	list-style: none;
	display: inline !important;
	font-weight: bold;
	line-height: normal;
	background: none;
	padding: 0;
	margin: 0;
}

ul.simpleTabsNavigation li:before {
	content: none;
}

ul.simpleTabsNavigation li a {
	padding: 0.2em 0.5em !important;
	cursor: pointer;
	text-decoration: none;
	color: #777777;
	border: 1px solid #cccccc;
	background-image: url("./images/bg/tab-inactive.png");
}

ul.simpleTabsNavigation li a:hover, ul.simpleTabsNavigation li a:focus {
	color: #666666;
	outline: 0;
	background: #ffffff none !important;
}

ul.simpleTabsNavigation li a.current {
	color: #000000 !important;
	border-bottom: 1px solid #ffffff;
	background: #ffffff url("./images/bg/tab-active.png");
}
*/

.tabs input[type=radio] {
          position: absolute;
          top: -99999px;
          left: -99999px;
      }
      .tabs {
        width: auto; /* Taille de la boite à onglet */
        height:auto;
        float: none;
        list-style: none;
        position: relative;
        padding: 6px 0px 0px 5px;
      }
      .tabs li{
        float: left;
      }
      .tabs label {
          display: block;
          padding: 10px 20px;
          border-radius: 2px 2px 0 0;
          color: #777777;
          font-size: 24px;
          font-weight: normal;
          background: rgba(100,100,100,0.2);
          cursor: pointer;
          position: relative;
          top: 3px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
      }
      .tabs label:hover {
        background: rgba(255,255,255,0.5);
        top: 0;
      }

      [id^=tab]:checked + label {
        background: #FFFFFF; /* <-- Background color tab */
        color: black;
        top: 0;
      }
       
      [id^=tab]:checked ~ [id^=tab-content] {
          display: block;
      }
      .tab-content{
        z-index: 2;
        display: none;
        text-align: left;
        width: auto;
        min-width: 400px;
        font-size: 20px;
        line-height: 140%;
        padding-top: 10px;
        background: #FFFFFF; /* <-- Background color tab */
        padding: 15px;
        color: #333333;
        position: absolute;
        top: 53px;
        left: 0;
        box-sizing: border-box;
        -webkit-animation-duration: 0.5s;
        -o-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        animation-duration: 0.5s;
      }



/*

.tabs {
  position: relative;   
  min-height: 10px; /* This part sucks  
  clear: both;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 50px 10px;
}
.tab {
  float: left;
}

.tab label {
  background: #eee; 
  padding: 10px 10px 1px 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
*/
/* SimpleTabs: default style - End */