* {margin: 0; padding: 0;}
body {background-color:#E4E4E4;}
p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px;}
h1,h2,h3,h4,h5 {font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight: 600;}
a {text-decoration:none;}


/**************************************************************** GLOBAL ******************************************************************************************/

.btn {
  background-image: url("../images/btn.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    margin-top:2px;
    width: 12px;
    display: inline-block;
}

/*************************************************************** HEADER ******************************************************************************************/

/*** GLOBAL ***/

.content-gris-fonce {
  width: 100%;
  background-color:#333333;
}

#header {
  background-color:#333333;
  height: 298px;
    width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
}

/*** LOGO & SLOGAN ***/

#logo {
  background-color: #333333;
    float: left;
    height: 73px;
    margin-right: 80px;
    margin-top: -10px;
    width: 535px;
}


#logo img {
  background-color:#333333;
  width: 500px;
  height:auto;
  margin-top: 5px;
  margin-bottom:16px;
}

#logo h1 {
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight: 100;
  letter-spacing: 0.2px;
  margin-left: 10px;
}

/*** ADHERENT ***/

#adherent {
  float: left;
  background-color: #98D146;
  padding: 25px 20px;
  text-align: center;
  margin-bottom: 48px;
}

#adherent h2 ,#espace-personnel h2{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 28px;
  text-transform: uppercase;
  font-weight: lighter;
}

#adherent p {
  display: inline-block;
  color: #fff;
  width: 90px;
}

#btn-adherent {
  background-color: #519E36;
  padding: 9px 14px;

}

/*** ESPACE PERSONNEL ***/

#espace-personnel {
  background-color: #56BEC7;
  float: right;
  margin-left: 10px;
  padding: 25px 20px 19px 40px;
  text-align: center;
  width: 360px;
}

#espace-personnel h2 {
  text-transform: uppercase;
  color: #fff;
  /*font-size: 18px;*/
  margin-bottom: 25px;
}

#espace-personnel-titre {
  float: left;
  margin-right: 40px;
}

#espace-personnel-titre a {
  color:#fff;
  font-size: 14px;
  letter-spacing: 1px;
}


input {
  border:none;
  height: 30px;
  margin-bottom: 5px;
  padding-left: 9px;
}

#mdp {
  width: 171px;
  margin: 0;
}


#form-espace-pro {
    float: left;
    padding: 0;
  width:213px;
}

#pseudo {
  margin-top: 8px;
}

#btn-connexion, #btn-forgot {
  background-image: url("../images/btn.png");
  background-position: 90% 56%;
  background-color: #333333;
    background-repeat: no-repeat;
    background-size: 8%;
    color: #fff;
    height: 38px;
    font-size: 14px;
    margin-top: 5px;
  padding: 10px 25px;
    width: 184px;
    text-align: left;
}
#btn-forgot {
  background-image: none;
  float: none;
  height: 32px;
  left: -106px;
  margin: 0;
  padding: 4px 10px;
  position: relative;
  text-align: center;
  width: auto;
  top: 24px;
}
.bloc-forget {
  position: relative;
  top: -14px;
}
#espace-personnel .bloc-forget  h2 {
  margin-bottom: 12px;
}
.bloc-forget #form-espace-pro {
  width: 184px;
}
.bloc-forget #form-espace-pro label{
  display: inline;
  position: relative;
  top: -5px;
}
.bloc-forget #form-espace-pro select {
  float: left;
  border: medium none;
  height: 30px;
  padding-left: 9px;
  width: 184px;
}
.bloc-loggedIn #espace-personnel-titre h2 {
  float: none;
  margin-right: 0;
  margin-bottom: 2px;
}
.bloc-loggedIn #espace-personnel-titre {
  float: none;
  margin-right: 0px;
}
.bloc-loggedIn .myaccount,
.bloc-loggedIn  .disconnect{
  top: 8px;
  position: relative;
}
.bloc-loggedIn .myaccount {
  margin-left: 44px;
}
.titre-mdp {
  background-color: #7f8685;
    color: #ffffff;
    float: right;
    font-family: Trebuchet MS;
    font-size: 15px;
    height: 62px;
    margin-left: 13px;
    margin-top: 8px;
    padding: 13px;
    text-align: center;
    width: 52px;
}

.titre-mdp a {
  color:#FFFFFF;
  text-decoration:none;
}

#table-tarifs {
  border: solid thin;
  border-collapse: collapse;
  margin: 38px auto -73px;
  border-color: #55bec6;
  color: #4d4d4d;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 200;
  line-height: 20px;
}
#table-tarifs caption {
  padding-bottom: 0.5em;
}
#table-tarifs th,
#table-tarifs td {
  border: solid thin;
  padding: 0.5rem 2rem;
  border-color: #55bec6;
}
#table-tarifs td {
  white-space: nowrap;
}
#table-tarifs th {
  font-weight: normal;
}
#table-tarifs td {
  border-style: none solid;
  vertical-align: top;
}
#table-tarifs th {
  padding: 0.2em;
  vertical-align: middle;
  text-align: center;
}

#table-tarifs tbody td:first-child::after {
  content: leader(". "); '
}
#table-tarifs .titre-bloc-form-bloc-adhesion {
  height: 45px;
  margin-bottom: 20px;
  padding: 6px 85px;
}
#type-declaration #franchi {
  visibility: hidden;
}
/*************************************************************** Fin HEADER ******************************************************************************************/



/*************************************************************** MENU HORIZONTAL ******************************************************************************************/  

#menu 
{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    position: relative;
    z-index: 10000;
    clear: both;
}

#menu, #menu ul    
{
    padding : 0;
    margin : 0; 
    list-style : none; 
    line-height: 38px;
    text-align : center; 
}
    
#menu a
{
    color: #fff;
    display: block;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 0;
    text-decoration: none;
  text-transform:uppercase; 
  letter-spacing: 1px;
}    

#menu .page47 a {
  text-transform: none;
}

    
#menu .page53, #menu .page69, #menu .page93, #menu .page51, #menu .page47, #menu .page106{
  background-color:#000000;
    float : left;
    width: 16.66%;
}

#menu .page53 a:hover, #menu .page69 a:hover, #menu .lien1 a:hover, #menu .act.page53 > a, #menu .act.page69 > a, #menu .act.page53 .act > a, #menu .act.page69 .act > a {
  background-color: #98D146;
}

#menu .page93 a:hover, #menu .page51 a:hover,
#menu .page47 a:hover, #menu .page106 a:hover, #menu .lien2 a:hover,
#menu .act.page93 > a, #menu .act.page51 > a, #menu .act.page47 > a, #menu .act.page106 > a,
#menu .act.page93 .act > a, #menu .act.page51 .act > a, #menu .act.page47 .act > a, #menu .act.page106 .act > a{
  background-color: #56BEC7;
}


#menu ul li>li {
  margin: 0px !important;
}
    
    
#menu li ul 
{ 
    position: absolute; 
    width: 16.66%; 
    left: -999em;
    background-color: #000; 
}

#menu .page51 ul, #menu .page93 ul, #menu .page69 ul
{ 
    position: absolute; 
    width: 28%; 
    left: -999em;
    background-color: #000; 
}
#menu .page51 ul, #menu .page93 ul, #menu .page47 ul {
  background-color: #000;
  left: -999em;
  position: absolute;
  width: 28%;
}
    
    
#menu li ul li 
{
    border-top: 1px solid #8f939c;
}

/**** ADDED BY ETIZEZ ****/
.colLeft {
  float: left;
  width: 825px;
}
.colRight {
  float: left;
  width: 400px;
}
.clear {
  clear: left;
  width: 100%;
}
.no_sidebar .colRight {
  display: none;
}
.no_sidebar .colLeft {
  width: 100%;
}
.no_sidebar .contenu-texte {
  float: none;
  margin: 0 auto;
  width: 95%;
}
.no_sidebar .contenu-int-general {
  padding: 0;
  width: 100%;
}
.no_sidebar .pathway {
  float: none;
  text-align: right;
  padding-right:5px;
  margin-bottom: 20px;
}
.no_sidebar #menuCompte {
  display: block;
  float: left;
  margin-bottom: 30px;
  width: 1225px;
}
.no_sidebar .content {
  width: 95%;
}
/**** Show/Hide table tarifs ***/
#c822 {
  display: none;
}
.show-table #c822 {
  display: block;
}
/**** Formulaire adhesion ****/
.container-adhesion {
  width: 1225px;
}



#forgot-password-result {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;}

#forgot-password-result ul li {
  bottom: -104px;
  color: #a41224;
  font-style: italic;
  font-weight: bold;
  list-style: outside none none;
  position: absolute;
  text-align: center;
  width: 100%;
}
.erreur-login {
  float: left;
  font-family: Trebuchet MS;
  font-size: 13px;
  font-style: italic;
  text-align: left;
  margin-top: 2px;
}

.erreur-login ul {list-style:none;}
/** Slider ***/

/***************************SLIDER***************************************/
#slider {
  height: 392px;
}
.da-slider {
  background: url("../images/waves.gif") repeat scroll 0 0 transparent;
  height: 392px;
  min-width: 685px;
  overflow: hidden;
  position: relative;
  transition: background-position 1s ease-out 0.3s;
  width: 685px;
}
.da-slide {
  font-family: "BebasNeueRegular","Arial Narrow",Arial,sans-serif;
  height: 392px;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 685px;
}
.da-slide-current {
  z-index: 1000;
}
.da-slider-fb .da-slide {
  left: 100%;
}
.da-slider-fb .da-slide.da-slide-current {
  left: 0;
}
.titre-slider span {
  background-color: #000;
}
.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img {
  left: 110%;
  opacity: 0;
  position: absolute;
}
.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link {
  left: 10%;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img {
  left: 60%;
  opacity: 1;
}
.da-slide h2 {
  color: #fff;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 85px;
  font-weight: lighter;
  text-align: center;
  top: 149px;
  white-space: nowrap;
  width: 73%;
  z-index: 10;
}
.da-slide p {
  background-color: #fff;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  height: 23px;
  line-height: 26px;
  overflow: hidden;
  padding-left: 19px;
  top: 267px;
  width: 32%;
}
.da-slide p span.prix {
  color: #b2d74d;
  font-size: 24px;
}
.da-slide p span.mois {
  color: #b2d74d;
  font-size: 14px;
}
.da-slide p span.small {
  color: #666;
  font-family: "Open Sans",sans-serif;
  font-size: 10px;
}
.da-slide .da-img {
  height: 325px;
  left: 0;
  line-height: 320px;
  text-align: center;
  top: 0;
  width: 30%;
}
.da-slide .da-link {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
  border: 8px solid rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 2px 20px 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  top: 270px;
  width: 80px;
}
.da-slide .da-link:hover {
}
.da-dots {
  -moz-user-select: none;
  bottom: 4px;
  position: absolute;
  right: 10px;
  text-align: right;
  width: 100%;
  z-index: 2000;
}
.da-dots span {
  background: none repeat scroll 0 0 rgb(148, 148, 148);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin: 3px;
  position: relative;
  width: 12px;
}
.da-dots span.da-dots-current:after {
  background: -moz-linear-gradient(center top , rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  height: 8px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 8px;
}
.da-arrows {
  -moz-user-select: none;
}
.da-arrows span {
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  cursor: pointer;
  height: 30px;
  opacity: 0;
  position: absolute;
  top: 167px;
  width: 30px;
  z-index: 2000;
}
.da-slider:hover .da-arrows span {
  opacity: 1;
}
.da-arrows span:after {
  background: url("../images/arrows.png") no-repeat scroll left top transparent;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.da-arrows span:hover:after {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.da-arrows span:active:after {
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
.da-arrows span.da-arrows-next:after {
  background-position: right top;
  height: 20px;
  right: 0;
  width: 20px;
}
span.da-arrows-prev {
  left: 12px;
}
.da-arrows span.da-arrows-next {
  right: 12px;
}
.da-arrows-next {
  height: 20px;
  width: 20px;
}
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
  left: 10%;
  opacity: 1;
}
.da-slide-current .da-img {
  left: 0;
  opacity: 1;
}
.da-slide-fromright h2 {
  animation: 0.6s ease-in-out 0.8s normal both 1 running fromRightAnim1;
}
.da-slide-fromright p {
  animation: 0.6s ease-in-out 0.8s normal both 1 running fromRightAnim2;
}
.da-slide-fromright .da-link {
  animation: 0.4s ease-in-out 1.2s normal both 1 running fromRightAnim3;
}
.da-slide-fromright .da-img {
  animation: 0.6s ease-in-out 0.8s normal both 1 running fromRightAnim4;
}
@keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fromRightAnim1 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim2 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim3 {
  0% {
    left: 110%;
    opacity: 0;
  }
  1% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromRightAnim4 {
  0% {
    left: 110%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.da-slide-fromleft h2 {
  animation: 0.6s ease-in-out 0.6s normal both 1 running fromLeftAnim1;
}
.da-slide-fromleft p {
  animation: 0.6s ease-in-out 0.6s normal both 1 running fromLeftAnim2;
}
.da-slide-fromleft .da-link {
  animation: 0.4s ease-in-out 1.2s normal both 1 running fromLeftAnim3;
}
.da-slide-fromleft .da-img {
  animation: 0.6s ease-in-out 0.6s normal both 1 running fromLeftAnim4;
}
@keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fromLeftAnim1 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim2 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim3 {
  0% {
    left: -110%;
    opacity: 0;
  }
  1% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 10%;
    opacity: 1;
  }
}
@keyframes fromLeftAnim4 {
  0% {
    left: -110%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.da-slide-toright h2 {
  animation: 0.6s ease-in-out 0.6s normal both 1 running toRightAnim1;
}
.da-slide-toright p {
  animation: 0.6s ease-in-out 0.3s normal both 1 running toRightAnim2;
}
.da-slide-toright .da-link {
  animation: 0.4s ease-in-out 0s normal both 1 running toRightAnim3;
}
.da-slide-toright .da-img {
  animation: 0.6s ease-in-out 0s normal both 1 running toRightAnim4;
}
@keyframes toRightAnim1 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim2 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim3 {
  0% {
    left: 10%;
    opacity: 1;
  }
  99% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim1 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim2 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim3 {
  0% {
    left: 10%;
    opacity: 1;
  }
  99% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes toRightAnim4 {
  0% {
    left: 60%;
    opacity: 1;
  }
  30% {
    left: 55%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.da-slide-toleft h2 {
  animation: 0.6s ease-in-out 0s normal both 1 running toLeftAnim1;
}
.da-slide-toleft p {
  animation: 0.6s ease-in-out 0.3s normal both 1 running toLeftAnim2;
}
.da-slide-toleft .da-link {
  animation: 0.6s ease-in-out 0.6s normal both 1 running toLeftAnim3;
}
.da-slide-toleft .da-img {
  animation: 0.6s ease-in-out 0.5s normal both 1 running toLeftAnim4;
}
@keyframes toLeftAnim1 {
  0% {
    left: 10%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim2 {
  0% {
    left: 10%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim3 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim4 {
  0% {
    left: 0;
    opacity: 1;
  }
  70% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim1 {
  0% {
    left: 10%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim2 {
  0% {
    left: 10%;
    opacity: 1;
  }
  30% {
    left: 15%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim3 {
  0% {
    left: 10%;
    opacity: 1;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
@keyframes toLeftAnim4 {
  0% {
    left: 0;
    opacity: 1;
  }
  70% {
    left: 10%;
    opacity: 0;
  }
  100% {
    left: -50%;
    opacity: 0;
  }
}
.da-slide h2 span {
  color: #fff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 40px;
  font-weight: normal;
  top: 221px;
  white-space: nowrap;
  width: 37%;
  z-index: 10;
}


.inside h1 {
  color: #000;
  display: block;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 102px;
  opacity: 0.72;
  position: absolute;
  text-align: center;
  top: 131px;
  width: 825px;
  z-index: 2000;

}

.inside p {
  color: #000;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  letter-spacing: 1px;
  line-height: 22px;
  margin-right: auto;
  padding: 0 118px;
  position: absolute;
  text-align: center;
  top: 140px;
  width: 454px;
  z-index: 2000;

}


/***************************Fin SLIDER***************************************/

/**** Content ******/

article p {
  color: #4c4c4c;
  display: block;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 16px;
  padding-top: 11px;
  text-align: center;
}
.nos-formations, .devenez-adherent {
  color: #ffffff;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 19px;
  margin-left: 74px;
  padding-top: 7px;
  width: 153px;
}
.btn-formation, .btn-adherent {
  background-image: url("../images/btn-pub.png");
  background-repeat: no-repeat;
  float: left;
  height: 18px;
  margin-top: 13px;
  width: 64px;

}
.devenez-adherent {
  width: 171px;
}
.contenu-texte {
  background-color: #ffffff;
  min-height: 440px;
  padding-right: 10px;
  padding-top: 18px;
  width: 100%;
}
.contenu-texte-template-general {
  background-color: #ffffff;
  border-bottom: 0px solid #d1d1d1;
  float: left;
  min-height: 440px;
  width: 1015px;
}


/*

.contenu-texte-conseil {
  background-color: #ffffff;
  float: left;
  padding-right: 10px;
  padding-top: 18px;
  width: 1005px;
}*/
.contenu-int, .contenu-int-general, .contenu-int-adherent {
  background-color: #fff;
  margin-bottom: 0;
  min-height: 466px;
  /*padding: 63px 40px 60px;*/
  width: 722px;
}
.contenu-int .csc-default, .contenu-int-conseil .csc-default, .contenu-int-crea .csc-default, .contenu-int-general .csc-default, contenu-int-adherent .csc-default {
  margin-bottom: 0px;
}
.contenu-int h2, .contenu-int h3, .contenu-int h4, .contenu-int-conseil h2, .contenu-int-conseil h4, .contenu-int-general h2, .contenu-int-general h3, .contenu-int-general h4 {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 16px;
  margin-top: 40px;
  text-transform:uppercase;
}

.contenu-int h1, .contenu-int-general h1 {
  color: #707070;;
  font-size: 25px;
  font-weight: 600 !important;
  margin-bottom: 16px;
  text-transform: uppercase;
}


#page_134 .content h1, page_134 .content h3, #page_72 .content h1, #page_73 .content h1,  #page_74 .content h1,  #page_75 .content h1,  #page_76 .content h1, #page_71 .content h1 {
  color: #e6de60;
  font-size: 18px;
  font-weight: 600 !important;
  margin-bottom: 16px;
  margin-top: 40px;
  text-decoration: underline;
  text-transform: uppercase;
}

#page_73 .contenu-int-general h2, #page_74 .contenu-int-general h2, #page_75 .contenu-int-general h2, #page_76 .contenu-int-general h2 {color:#e6de60;text-decoration:underline;font-size:18px;}

#page_74 h3 {color: #55bec6; margin-bottom: 5px;}
#page_74 p, #page_75 p  {margin-bottom:0px;}

.contenu-int-crea h1, .contenu-int-crea h2, .contenu-int-crea h3, .contenu-int-crea h4 {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 40px;
  text-decoration: underline;
  text-transform: uppercase;

}

.contenu-int-adherent h1, .contenu-int-adherent h2, .contenu-int-adherent h3, .contenu-int-adherent h4 {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 25px;
  text-decoration: underline;
  text-transform: uppercase;
}


.contenu-int h3, .contenu-int-conseil h3, .contenu-int-crea h3, .contenu-int-general h3, .contenu-int-adherent h3 {
  font-size: 14px;
  color: #99C24C;
}

.contenu-int-conseil h1, .contenu-int-conseil h2 {
  font-size:16px;
  color: #000;
  padding-top: 15px;
}

.contenu-int a, .contenu-int-conseil a, .contenu-int-crea a, .contenu-int-general a, .contenu-int-adherent a { color: #000;}

#page_51 .contenu-int-adherent .internal-link:hover{color: #A41224 !important;}



.contenu-int p, .contenu-int-conseil p, .contenu-int-crea p, .contenu-int-general p, .contenu-int-adherent p, .contenu-int ul, .contenu-int-conseil ul, .contenu-int-crea ul, .contenu-int-general ul, .contenu-int-adherent ul {
  color: #000;
  font-size: 13px;
  font-weight: 200;
  margin-bottom: 21px;
  text-align: justify;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.contenu-int ul, .contenu-int-conseil ul, .contenu-int-crea ul, .contenu-int-general ul, .contenu-int-adherent ul  {
  list-style:square;
  color: #000;
  margin-left:20px;
}

/*.contenu-texte-template-general iframe {border:0 none;height:800px;width:1000px;margin-left:-34px;}*/


#espace-pro-template-int #c318 p {
  font-size:14px;
}



.contenu-int-crea {
  background-color: #cc5757;
  float: left;
  height: 476px;
  padding: 22px;
  width: 781px;
}
.contenu-int-conseil {
  background-color: #e6de60;
  float: left;
  height: 476px;
  margin-bottom: 18px;
  padding: 22px;
  width: 781px;
  padding-top:20px !important;
}

.contenu-int-adherent {
  background-color: #b8d172;
  height: 457px;
  margin-bottom: 18px;
  padding: 22px 52px 32px;
  width: 722px;
}
.tt_news-adherent .news-list-item a {
  color: #7eb75d !important;
}

.tt_news-int .news-list-item a {
  color: #7eb75d !important;
}

.tt_news-createur .news-list-item a {
  color: #a51325 !important;
}
.paragraphe1 {
  font-size: 14px;
  font-weight: 200;
  padding: 22px;
  text-align: justify;
}
.paragraphe1 h2 {
  color: #000;
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 5px;
}
.paragraphe1 h3 {
  color: #ffffff;
  font-weight: 200;
}
.paragraphe1 p {
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 8px;
}
.tt_news, .tt_news-adherent, .tt_news-createur {
  background-color: #efefef;
  float: left;
  height: 824px;
  margin-bottom: 15px;
  margin-left: 14px;
  width: 386px;
}

.contenu-texte-template-general .tt_news{
  margin-top:15px;
}

.contenu-texte-template-general .tt_news-adherent {
  margin-top:15px;
}

.tt_news-int {
  background-color: #efefef;
  float: left;
  height: 520px;
  margin-left: 14px;
  margin-top: 18px !important;
  width: 302px;
}

.contenu-int-general {
  min-height: 570px;
  padding: 0 52px 32px;
  width: 722px;

}

.contenu-texte-conseil .tt_news-titre h2 {
  background-color: #e6de60;
  height: 37px;

}

.tt_news-createur .tt_news-titre h2 {
  background-color: #cc5757;
  height: 37px;
}

.tt_news-titre {
  background-color: #b8d172;
  height: 48px;
}
.tt_news-conseil-titre {
  background-color: #e6de60;
  height: 48px;
}
.tt_news-titre-crea {
  background-color: #cc5757;
  height: 48px;
}
.tt_news-titre h2, .tt_news-conseil-titre h2, .tt_news-titre-crea h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 200;
  padding-top: 11px;
  text-align: center;
}
.tt_news-texte, .tt_news-texte-crea {
  padding: 18px;
}
.tt_news-conseil-texte {
  padding: 18px;
}
.tt_news-texte h2 {
  color: #98d146;
  font-size: 14px;
}
.tt_news-texte-crea h2 {
  color: #a51325;
}
.tt_news-conseil-texte h2 {
  color: #7f8685;
  font-size: 14px;
}
.tt_news-texte .date {
  color: #9e9e9e;
  font-size: 11px;
  margin-bottom: 5px;
}
.tt_news-conseil-texte .date {
  color: #9e9e9e;
  font-size: 11px;
  margin-bottom: 5px;
}
.tt_news-texte p {
  color: #7f8685;
  font-size: 12px;
  text-align: justify;
}
.tt_news-conseil-texte p {
  color: #7f8685;
  font-size: 12px;
  text-align: justify;
}
.tt_news-texte-crea p {
  color: #7f8685;
  font-size: 12px;
  text-align: justify;
}
.btn-tt-news {
  background-image: url("../images/btn-pub.png");
  background-repeat: no-repeat;
  float: right;
  height: 18px;
  margin-top: 0;
  width: 64px;
}
.news-list-item span {
  font-family: Trebuchet MS;
  font-size: 11px;
}
.trois-blocs {
  background-color: #ffffff;
  float: left;
  min-height: 191px;
  padding-top: 17px;
  width: 1015px;
}
.bloc-adherent, .bloc-conseil, .bloc-createur {
  background-color: #efefef;
  float: left;
  height: 172px;
  margin-left: 30px;
  width: 304px;
}
.titre-bloc1 {
  background-color: #98d146;
  color: #ffffff;
  display: block;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 22px;
  height: 38px;
  padding-top: 10px;
  text-align: center;
  width: 255px;
}
.titre-bloc2 {
  background-color: #ffe500;
  color: #ffffff;
  display: block;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 22px;
  height: 38px;
  padding-top: 10px;
  text-align: center;
  width: 255px;
}
.titre-bloc3 {
  background-color: #a51325;
  color: #ffffff;
  display: block;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 22px;
  height: 38px;
  padding-top: 10px;
  text-align: center;
  width: 255px;
}

.titre-bloc1 a, .titre-bloc2 a, .titre-bloc3 a {
  color:#ffffff !important;
}

.commande a {
  color:#000;
}

.en-savoir-plus {
  background-color: #61757a;
  color: #ffffff;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 44px;
  padding: 2px 2px 2px 8px;
  width: 39px;
}
.en-savoir-plus a {
  color: #ffffff;
  line-height: 14px;
  text-decoration: none;
}
.texte-bloc-adherent, .texte-bloc-conseil, .texte-bloc-createur {
  color: #6d6863;
  display: block;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 21px;
  font-weight: lighter;
  height: 125px;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
  width: 303px;
}
.infos {
  background-color: #ffffff;
  float: left;
  height: 196px;
  padding-left: 30px;
  padding-top: 17px;
  width: 985px;
  padding-bottom: 40px;
}
.widget {
  float: left;
  height: 78px;
  margin-left: 31px;
  width: 303px !important;
}
.widget iframe {
  height: 154px !important;
}
.timeline-footer {
  display: none !important;
}
.bloc-contact, .bureau {
  border: 1px solid #b1b1b1;
  float: left;
  height: 178px;
  width: 303px;
  padding-top: 20px;
}
.bloc-contact a {
  color: #000;
}
.bureau {
  margin-left: 27px;
}
.bloc-contact p, .bureau p {
  color: #6d6863;
  display: block;
  font-size: 14px;
  text-align: center;
}
.bloc-contact h4, .bureau h4 {
  display: block;
  margin-top: 15px;
  text-align: center;
}
.lundi {
  margin-top: 19px;
}
.numero {
  color: #000;
  font-size: 19px;
}
.mail   {
  color: #000;
  text-decoration: none;
}
.horaires {
  font-size: 12px;
}
.vendredi {
  margin-top: 5px;
}
/**** FIN ***/
.btn-fleche {
  background: #56bec7 url("../images/fleche.png") no-repeat scroll right center / 25px auto;
  color: white;
  padding: 12px 46px 12px 17px;
  width: auto;
  display: inline-block;
}
#reseaux-sociaux a img {
  margin: 0 8px;
}
/** RTE ***/
.align-center {
  text-align: center;
}
#arapl-grand-sud .align-center p,
#documentations .align-center p{
  text-align: center;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
    border-top: 1px solid #8f939c;
    }
    
    
#menu li ul ul 
{
    margin    : -22px 0 0 144px ; /      
    }
    
    
/* IE ne reconnaissant pas le sélecteur ">"*/
html>body #menu li ul ul                
{
    border-left     : 1px solid transparent ; 
    }
    



#menu li:hover ul ul, #menu li.sfhover ul ul 
{
    left: -999em; 
  }
  
  
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  

{
    left: auto; 
    min-height: 0; /* Corrige un bug sous IE */
  }
  
  
.lien-qualite a {
  
  background:url(../images/ligne.png) center right no-repeat;
  height:23px;
  
  
}

/************************************************************** Fin MENU HORIZONTAL *****************************************************************************/

/************************************************************** PAGE D'ACCUEIL **********************************************************************************/

/*** GLOBAL ***/

.content {
  width: 1225px;
  margin: 0 auto;
  padding: 32px 0px;
}

/*********** PREMIERE SECTION : GRISE ***********/

.content-gris {
  background-color: #F9F9F9;
}

/*** Newsletter ***/

#newsletter {
  background-color: #56BEC7;
  width: 18%;
  float: left;
  color: #fff;
  text-align: center;
  padding: 37px 0px;
}

#newsletter h3 {
  font-weight: 100;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 25px;
}

#newsletter img {
  width: 32%;
  margin: 15px auto;
  display: block;
}

#newsletter p {
  margin-top: 25px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
}

#newsletter a {
    color: #fff;
}

#newsletter .btn {
  display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    margin-bottom: -2px;
}

/*** Actualite ***/

#actualite {
  display: inline-block;
  height: 275px;
  padding: 0 22px;
  position: relative;
  width: 48%;
}

#actualite img {
  height: 275px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#actualite p {
  display: inline-block;
  color: #fff;
  width: 94px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

#btn-actualite {
  background-color: #56BEC7;
    padding: 12px 25px;
    position: absolute;
    top: 200px;
  left: 36%;
  /*display:none;*/
}

/*** Fil d'actu Twitter ***/

#twitter {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

#twitter h3 {
  text-align: center;
  color: #6D6863;
  font-weight: 100;
  line-height:25px;
}

#twitter h3 span {
  color: #000;
  font-weight: 600;
}

#twitter h3 a {
  color: #000;
  font-weight: 600;
}

/*********** DEUXIEME SECTION : BLANCHE ***********/

.content-blanc {
  background-color: #FFF;
}

.content-left {
  width: 49%;
  float: left;
  margin-right: 10px;
}

.content-right {
  width: 49%;
  display: inline-block;
  margin-left: 10px;
}

/*** Description AraPl ***/

#description-arapl {
    width: 48%;
    float: left;
    text-align: justify;
    color: #6D6863;
    font-size: 14px;
    line-height: 20px;  
    margin-right: 20px;
    margin-top: 55px;
}

#description-arapl span {
  font-weight: 600;
}

#description-arapl a {
  color: #6D6863;
}

/*** Avantage Fiscaux ***/

#avantages-fiscaux {
  width: 47%;
  display: inline-block;
  text-align: center;
  background-color: #98D146;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  padding: 25px 0px;
  height:259px;
}

#avantages-fiscaux h3 {
  color: #fff;
  font-weight: 100;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;

}

#avantages-fiscaux a {
  color: #fff;
}

#avantages-fiscaux p {
    font-size: 28px;
    color: #fff;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 15px;
}

#avantages-fiscaux .exposant {
  font-size: 12px;
  letter-spacing: 0px;
  position: absolute;
  letter-spacing: 1px;
}

#avantages-fiscaux .exposant span {
  font-size: 16px;
}

#avantages-fiscaux .indice {
  margin-left: 30px;
  letter-spacing: 0px;
  font-size: 16px;
  letter-spacing: 1px;
  /*word-spacing: -5px;*/
}

#avantages-fiscaux .indice span {
  font-size: 25px;
}

#avantages-fiscaux #ou {
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  margin: 5px 0; 
} 

#avantages-fiscaux #micro {
  display: block;
  color: #000;
  font-size: 14px;
  margin: 5px 0; 
  letter-spacing: 0px;
} 

#avantages-fiscaux .label-button, #avantages-fiscaux .label-button a {
  margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    color: #fff;
}

/*** Accompagnement à la création ***/

#accompagnement {
  background-color: #56BEC7;
  padding: 25px;
  height: 260px;
}

#accompagnement h3 {
  color: #fff;
  font-weight: 100;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
    text-align: center;

}

#accompagnement #guide {
  width: 48%;
  float: left;
  margin-right: 10px;
  text-align: center;
}

#accompagnement #atelier {
  width: 48%;
  float: left;
  margin-left: 10px;
  text-align: center;
}

#accompagnement #atelier p {
  word-spacing: 7px;
}

#accompagnement h4 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}

#accompagnement p {
  text-align: justify;
}

#accompagnement .label-button, #accompagnement .label-button a {
  margin-top: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
}


/*********** TROISIEME SECTION : GRISE ***********/

/*** Global ***/

#btn-documentations .label-button, #btn-documentations .label-button a, #btn-arapl-grand-sud .label-button, #btn-arapl-grand-sud .label-button a {
  margin-top: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
}

/*** AraPL Grand Sud ***/

#arapl-grand-sud {
  width: 48.5%;
  float: left;
  margin-right: 10px;
  background-color: #EFEFEF;
  border: 1px solid #D4D4D4;
  text-align: center;
  padding: 40px 0px;
}

#arapl-grand-sud h2 {
  font-size: 20px;
  margin-bottom: 10px;
}


#arapl-grand-sud p {
  text-align: justify;
  display: block;
  margin: 0 auto;
  width: 65%;
}

#btn-arapl-grand-sud {
  background-color: #56BEC7;
    padding: 3px 18px 12px 25px;
    width: 28%;
    margin: 20px auto 0 auto;
}


/*** Documentations ***/

#documentations {
  width: 49%;
  display: inline-block;
  margin-left: 10px;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  text-align: center;
  padding: 40px 0px;
}

#documentations h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

#documentations p {
  text-align: justify;
  display: block;
  margin: 0 auto;
  width: 66%;
}

#btn-documentations {
  background-color: #56BEC7;
    padding: 3px 18px 12px 25px;
    width: 28%;
    margin: 36px auto 0 auto;
}

/*********** QUATRIEME SECTION : BLANCHE ***********/

/*** Contact ***/

#contact {
  text-align: center;
  width: 50%;
  float: left;
}

#contact h3 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 40px;
}

#contact p, #contact a {
  line-height: 25px;
  color: #000;
}

#reseaux-sociaux h3 {
  margin-top: 15px;
  display: inline-block;
  margin-right: 10px;
}

#reseaux-sociaux #facebook-logo {
  width: 4%;
  margin: 0px 10px;
}

#reseaux-sociaux #twitter-logo {
  width: 5%;
}


/************************************************************** FOOTER ******************************************************************************************/

#footer {
  padding: 60px 0px;
}

#footer h5,
#footer h5 a{
  font-size:15px;
  text-transform:uppercase;
  color: #fff;
  letter-spacing: 1px;
  line-height: 30px;
}

#footer a {
  color:#8f939c;
}

#footer ul li { 
  color: #8f939c;
    font-size: 14px;
    line-height: 20px;
    list-style: outside none none;
    margin-top: 2px;
}

.bloc-footer {
  width: 18%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #8f939c;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-left: 50px;
  height: 275px;
}

.bloc5-footer {
  width: 18%;
  display: inline-block;
  vertical-align: top;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-left: 50px;
  border-right: 0;
}

.bloc1-footer img {
  float:left;
  margin-right: 38px;
  width: 5%;
  margin-top: 10px;
}

.sous-bloc-bloc2-footer {
  margin-top:23px;
}

.sous-bloc-bloc3-footer {
  margin-top: 20px;
}

.sous-bloc-bloc3-footer h5 {
  text-transform: none!important;
}

.sous-bloc-bloc4-footer {
  margin-top: 37px;
}

.sous-bloc-bloc4-footer img {
  float: left;
    margin-top: 2px;
  margin-left: 2px; 
}



.bloc5-footer p, #footer .bloc5-footer a { 
  color: #fff;
    font-size: 14px;
    line-height: 17px;
    margin-top: 2px;
    text-transform: none;
  font-weight: 100;
  letter-spacing: 1px;
}

.bloc5-footer img { 
  /*float: left;
    margin-top: 55px;*/
}

.bloc5-footer .certification {
  float: left;
    font-size: 10px;
    height: 46px;
    line-height: 12px;
    margin-top: 60px;
    text-transform: none;
  
}
#footer  .bloc5-footer .certification p a {
  font-size: 10px;
  line-height: 12px;

}
.bas-footer {
  color: #8f939c;
  margin-top: 80px;

}

.bas-footer #credit p{
  float: left;
  font-size: 12px;
}

.bas-footer #totem p{
  float: right;
  font-size: 12px;
}

/************************************************************** Fin FOOTER ******************************************************************************************/
/*** ToolTip ****/
/*TOOLTIP*/

/* Hover tooltips */
.field-tip {
  position:relative;
  cursor:help;
  text-align: center;
  color: #A51325;
}
.field-tip p{
  font-size: 18px;
  margin-top: 22px;
}
p.tip-content{
  margin-top: 0;
  font-size: inherit;
}
.field-tip .tip-content {
  position:absolute;
  bottom:-70px; /* - top padding */
  right:9999px;
  width:98%;
  margin-right:25px; /* width + left/right padding */
  padding:10px;
  color:#fff;
  background:#333;
  -webkit-box-shadow:2px 2px 5px #aaa;
  -moz-box-shadow:2px 2px 5px #aaa;
  box-shadow:2px 2px 5px #aaa;
  opacity:0;
  -webkit-transition:opacity 250ms ease-out;
  -moz-transition:opacity 250ms ease-out;
  -ms-transition:opacity 250ms ease-out;
  -o-transition:opacity 250ms ease-out;
  transition:opacity 250ms ease-out;
  z-index: 9999;
}
/* <http://css-tricks.com/snippets/css/css-triangle/> */
.field-tip .tip-content:before {
  content:' '; /* Must have content to display */
  position:absolute;
  top:0;
  left:50%; /* 2 x border width */
  width:0;
  height:0;
  margin-top:-17px; /* - border width */
  border:8px solid transparent;
  border-bottom-color:#333;
}
.field-tip:hover .tip-content {
  right:-20px;
  opacity:1;
}
/*****$ Version Mobile Image accueil ****/
#c829 img {
  width:100%;
  height:auto;
}
/**** Page Pub appli mobile ***/
.app_mobile .content h2 i {
  background:#519E36;
  color: white;
  padding: 15px;
  border-radius: 25px;
  font-size: 20px;
  margin-bottom: 10px;
  display: inline-block;
  font-style: normal;
}
.app_mobile .content h2 b  {
  font-size: 20px;
}


.app_mobile .content-blanc .content p{
  color: #000;
  font-size: 13px;
  font-weight: 200;
  margin-bottom: 21px;
  text-align: justify;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
.app_mobile .content-blanc .content li{
  color: #000;
  font-size: 13px;
  font-weight: 200;
  text-align: justify;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom: 8px;

}
.app_mobile .content ul {
  list-style: square;
  color: #000;
  margin-left: 20px;
}
/*.app_mobile .content .app_content {
  width: 80%;
  margin: 0 auto;
  background: #D6E0E1;
  padding: 30px;

}*/
.app_mobile .app_content li b, .app_mobile .app_content p b, .app_mobile .app_content a {
  color: #519E36;
  font-weight: bold;
}
.app_mobile .content-blanc  .content .csc-default {
  width: 80%;
  margin: 0 auto;
  padding: 0px 30px 0 30px;
}
#c1609 .csc-textpic-imagewrap.csc-textpic-single-image img,
#c1609 .csc-textpic-imagewrap.csc-textpic-single-image {
  width: 100% !important;
  height: auto;
}
.app-icons-mobile b {
  color: #519E36;
  font-weight: bolder;
}
.app-icons-mobile b.googlestore {
  background: url("../images/google.png") no-repeat scroll left top transparent;
  background-size: 100% auto;
  width: 124px;
  height:43px;
  color: transparent;
  display: inline-block;
}
.app-icons-mobile b.appstore {
  background: url("../images/apple.png") no-repeat scroll left top transparent;
  color: transparent;
  width: 124px;
  height: 43px;
  background-size: 100% auto;
  display: inline-block;
}
.app_mobile .content .app-icons-mobile p {
  font-size: 26px;
  text-align: center;
  padding-bottom: 10px;
}
.app-icons-mobile {
  background-color: #D8DFE2;
  padding: 10px 11px 0px;
  margin-top: -20px;
}
.app_mobile b {
  font-weight: bold;
}
.app_mobile b a{
  color: inherit;
}
#menu .app-link a{
  background: url("../images/bouton_application_mobile_arapl.jpg") no-repeat scroll left top transparent;
  color: transparent;
  width: 155px;
  display: inline-block;
}

.app-link {
  text-align: right;
  height: 30px;
  top: -25px;
  position: relative;
}
/*Overload*/
#header {
    background-color: white !important;
    height: 139px !important;
}
#logo div, #logo img, #logo h1{
  display: none;
}

#logo{
  background-image: url(https://arapl.devtotem.com/fileadmin/Template/CSS/img/logo-araple-header-page-int.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 84px;
  height: 95px;
  background-color: white;
  margin-top: 19px;
}
.content-gris-fonce {
    background-color: #ffffff !important;
}
body{
  background: white;
}
#menu{
  display: none;
}
#adherent{
  display: none;
}
.content-gris{
  display: none;
}
#footer{
  display: none;
}
.content {
    padding: 0;
}
/*.container-adhesion {
    background-color: white;
}*/
.no_sidebar .pathway{
  display: none;
}
#description-arapl, #avantages-fiscaux, #accompagnement, #contact, #map, #reseaux-sociaux{
  display: none;
}
#espace-personnel{
  background: white;
}

#espace-personnel #espace-personnel-titre, #espace-personnel p, #espace-personnel #form-espace-pro, #c381{
  display: none;
}
#espace-personnel .disconnect{
  float : left;
}

#espace-personnel .disconnect , #espace-personnel .myaccount{
  display: block;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 13px !important;
  height: 30px;
  line-height: 29px;
  margin-top: 10px;
  text-align: center;
  width: 120px;
  cursor: pointer;
  float: left;
  margin-left: 9px;
  background: #FFE300;
  font-weight: bold;
  color: black;
}
#menuCompte #contact {
  display : block !important;
}

#menuCompte .niveau1  {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 21px;
    text-align: center;
    width: 1054px !important;
}

/* modifications reponsive espace perso */

#DON, #CLI, #BAL, #DIA, #SEL, #BDU, #OUT, #SER, #formation, #servicesplus, #stats, #SUP{
  display: none;
}
.no_sidebar #menuCompte{
  margin-top: -135px;
  width: auto;
}
#page_126 #cotisation, #page_126 .lienFrame{
  background: none repeat scroll 0 0 #34495e !important;
}
#rdv{
  display: inherit;
  margin-top: 10px;
}
#rdv .lienFrame{
  background: none !important;
}
#rdv a{
  padding: 7px;
  color: #34495e !important;
}
.rdv-vac{
  vertical-align: middle;
}
#menuCompte li#rdv a,#page_126 #cotisation {
  width: auto;
}
#page_126 #cotisation{
  padding: 15px 15px;
  border: 1px solid;
  border-radius: 20px;
  font-size: 17px;
}
#cotisation img{
  vertical-align: middle;
}
#menuCompte li{
  margin-left: 9px;
}
#logo{
  display: none;
}

/* media queries */
@media (max-width: 1100px) {
  #header{
    width: 100% !important;
    height: 70px !important;
    padding-top: 15px;
  }
  .contenu-texte{
    padding-top: 0 !important;
  }
  .content-blanc, .content, .colLeft, .no_sidebar .contenu-texte, .no_sidebar .contenu-int-general, #menuCompte .niveau1{
    width: 100% !important;
  }
  #espace-personnel{
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none;
    width: auto !important;
    margin: 0 !important;
  }
  .no_sidebar #menuCompte{
    margin-top: 20px;
    width: 100%;
  }
  #menuCompte .niveau1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #compteCotisation > p, .messageSepa p {
    width: 90% !important;
    margin: 20px !important;
  }
  .mandat-table{
    overflow-x:auto !important;
  }
  .contenu-texte-template-general iframe{
    width: 100% !important;
    margin: 0 !important;
  }
}
/* fin media queries */
/* PACKS CSS */
th, td {
  padding: 5px 15px;
}
th, td, p, h1, h2 ,h3, h4 ,h5 ,h6{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.pack-prices{
  text-transform: uppercase;
}
.micro-price p, .reel-price p, .ecf-price p, .club-price p{
  font-size: 18px !important;
  text-decoration: none !important;
  width: 157px;
}
.micro-price p{
  color: #007CB7;
  font-weight: 700;
}
.reel-price p{
  color: #712D7C;
  font-weight: 700;
}
.ecf-price p{
  color: #F04130;
  font-weight: 700;
}
.club-price p{
  color: #FCB113;
  font-weight: 700;
}
.pack-pay-button{
  background-color: #a41224;
  border: medium none;
  color: #ffffff;
  font-size: 15px;
  font-weight: lighter;
  height: 37px;
  text-transform: uppercase;
  width: 120px;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  cursor: pointer;
}
.button-pay{
  text-align:center;
}
td p{
  text-align: center !important;
}
a{
  text-decoration: none;
}
.table_micro_reel p, .table_ecf_club p{
  margin: 9px !important;
}
.pack-prices td{
  padding-top: 25px;
}
.pack-prices th,
.pack-prices td {
  border: none;
}
.pack-prices input {
  float: initial;
}
.pack-asterisk td {
  border: none;
  text-align: left;
  font-style: italic;
}
.intro-packs{
  padding-bottom: 40px;
  color: #707070;
}
.pack-pay-button{
  background-color: #a41224;
  border: medium none;
  font-size: 15px;
  font-weight: lighter;
  height: 37px;
  text-transform: uppercase;
  width: 120px;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  text-align: center;
}
.pack-pay-button a{
  color: #ffffff !important;
}
th{
  text-align: left;
}
td{
  text-align: center;
}
@media (min-width: 992px) {
  .table_ecf_club{
    display: flex;
    justify-content: space-around;
  }

  .ecf-club-packs{
    width: 45% !important;
  }
}
.ecf-club-packs{
  width: 90%;
  margin: 30px auto;
}
.pay-button{
  margin: 50px;
  text-align: center;
}
.close-icon{
  display: flex;
  justify-content: flex-end;
  margin-right: 60px;
  cursor: pointer;
}
.no-border{
  border-top-style: hidden;
  border-bottom-style: hidden;
}
#compteCotisation .legend{
  font-size: 15px !important;
}
.empty-cell{
  border-top-style: hidden !important;
  border-bottom-style: hidden !important;
}
.validation-prevelementauto{
  padding: 50px 0;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.validation-prevelementauto label, .validation-prevelementauto p {
  font-size: 18px;
}
.validation-prevelementauto input{
  width: auto !important;
  margin-right: 7px;
  margin-top: 4px;
}
#compteCotisation th {
  background-color: #2faf96;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
#compteCotisation td, #compteCotisation th {
  padding: 0.75em 1.5em;
  text-align: left;
  font-size: 13px;
}
.actuel-pack-color-micro{
  color: #007CB7 !important;
}
.actuel-pack-color-reel{
  color: #712D7C !important;
}
.current-pack h2{
  color: #707070;
}
#RecapPacks{
  width: 90%;
  margin: auto;
  padding-top: 40px;
}
#RecapPacks #compteCotisation tbody tr.invoice-row:nth-child(2n-1) {
  background-color: #f5f5f5;
  transition: all .125s ease-in-out;
}
.presentation-packs{
  font-size: 16px !important;
}
.recap-presentation{
  padding-top: 40px;
  text-align: center;
}