@import 'Abstract-A4.css';

/* Nouveau vert : #31bcbb */

body{font-family: "Century Gothic", Arial, sans-serif; font-size:16px;background-color: #FFF}
#contenu {max-width: 1200px;}
.homepage #contenu { max-width:100%; }
.menu_top_container, .homepage .CONTENT_BLOCK .ContentBlockInner, .bottom_content .fullSize { max-width:1200px; }
.homepage .Content14979 { background-color:#ccdee2; }

/*Banner*/
.tdEnteteRegistrationTopInner {background-image: url();height:0;}
.tdEnteteRegistrationTop {display:none; }
.tdEnteteRegistrationLogo {display:none; }

/*Menu*/
.menu_top ul li:hover a, .menu_top ul li.actif a{background-image:none;}
#ctl00_TblRwMenu_Home,#ctl00_TblRwMenu_Home.selected, #ctl00_TblRwMenu_Home:hover 
{ background-size:200px auto; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/logoAPlib.jpg); }
#ctl00_Home { width:200px; height:150px; color:rgba(0, 0, 0, 0); background-image:none;}
#ctl00_TblRwMenu_MTOP8882, #ctl00_TblRwMenu_MTOP8883, #ctl00_TblRwMenu_MTOP8732 {margin-top:0;}
.menu_top ul li a {padding-top: 80px; padding-bottom:11px; padding-left:8px; padding-right:8px; font-weight:normal; color:/*#29a9c3*/ #31bcbb; font-size: 14px;}
.CellMenu {height: 180px;padding-left: 1em;}

/* Social Icons */
.socialIcons{position: absolute; top:75px; right: 20px; height:30px; width:150px;}
.FB{background-size:100%; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/FB.png);}
.TW{background-size:100%; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/TW.png);}
.IN{background-size:100%; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/IN.png);}
.YT{background-size:100%; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/YT.png);}
.dpcIcon{position: absolute; top:75px; right: 180px; height:30px; width:120px;}


/*BLOCS*/
.tableRegistration {width: 100%;}
.topDiv{background-image:url(../images/client/1221/images/imageAPlib.png); background-repeat:no-repeat; background-size: 100% 100%; height:24em; font-size:1.4em;}
.calendrier{background-color: #08a9af;color: #FFF; padding-top: 1.2em; padding-bottom: 1.2em; height:50em;}
.contact{padding-top: 1.2em; padding-bottom: 1.2em;height:30em;}


/*topDiv*/
.left{width:50%; float:left; height:30%; text-align:right; margin-bottom:2%}
.right{width:50%; float:left;height:30%; margin-bottom:2%;}
.edition{float: right; padding: 1em; padding-top: 3em;}

.leftBlue{  width:50%; float:left;  height:45% ;background-color:/*#29a9c3*/ #31bcbb; text-align:right; margin-bottom:2%; opacity: 0.7;}
.rightBlue{ width:50%; float:left;  height:25%; margin-bottom:2%;}
.cabinet{background-color:transparent; color:#FFF; float:right; padding:1em; text-align: justify;text-justify: inter-word; opacity: 1;}

.leftDossier{height:20%; width:50%;}
.rightDossier{height:20%; float:left; width:50%;}
.dossier{background-color:/*#187d9d*/ #31bcbb; color:#FFF; float:right; border-radius:30px; padding:1.3em; margin-top:0; font-size:0.7em; text-align:center;}
.dossier a{color: #FFF !important;text-decoration:none; padding:1.5em;}
.dossierBis{background-color:#187d9d; color:#FFF; border-radius:30px; padding:0.5em; font-size:1em; text-align:center; margin:auto; width:20%;}
.dossierBis a{color: #FFF !important;text-decoration:none; padding:0.5em;}
/*Nouveaux Boutons*/
.centreDiv{ width:12%; float:left;  height:10%; margin-bottom:2%; font-size: 18px;}
.dossierInscr, .dossierTer{background-color: #31bcbb/*#187d9d*/;color: #FFF;float: left;border-radius: 30px;padding: 1em;margin-top: -3em;font-size: 0.7em;text-align: center;margin-left: 3em; width: 100px;}
.dossierTer a{color: #FFF !important;text-decoration:none;}
.dossierInscr a{color: #FFF !important;text-decoration:none;}
.dossierTerPurpleMiddle{background-color: #808AFF;color: #FFF;border-radius: 30px;padding: 1em;font-size: 0.7em;text-align: center;margin:auto; width: 150px; }
.dossierTerPurpleMiddle a{color: #FFF !important;text-decoration:none;}
.dossierTerPurple{background-color: #808AFF;color: #FFF;float: left; border-radius: 30px; padding:1em; margin-top: -3em; font-size: 0.7em; text-align: center; margin-left: 3em; width: 100px;}
.dossierTerPurple a{color: #FFF !important;text-decoration:none;}
.centerPlus .dossierTer{width:150px;}

/*.logo{ background-size:auto 100%; background-repeat:no-repeat; background-position:center center; background-image:url(../images/client/992/images/logoAPlib.jpg); width:100%; height: 200px; display:none;}*/
.bigFont{font-size:1.3em; /*opacity: 1;*/}

/*Inscription*/
.registration {max-width: 1000px; background-color: #ffffff;/* padding:2em;*/box-sizing:border-box;}
.CssTextBox {border: 0px;border-bottom: 1px inset #C0C0C0;}
.TblTckt {margin-bottom: 1em;}
.DrpDwn select {border:0; border-bottom: 1px inset #C0C0C0; font-family:  "Century Gothic", Arial;}
.TitreRubriqueBo {color: #31bcbb; font-weight:bold; font-size: 1.4em;}
.ItemKCivilite, .ItemKTitre, .ItemKAdressedefacturationdifferente{width:20%;}
input.CssTextBox {max-width: 100%; font-family: "Century Gothic", Arial, sans-serif;}
.ConfirmBtns{margin-top:70px;}
#ctl00_Main_TcktFront_BtnSave{margin-left:10%;}

/*BOUTONS*/
.mobile .CssButton {margin-bottom: 1em;}
a.CssButton{padding:0.6em !important; font-size: 1em !important; padding-top:0}
.CssButton {
  background-color:transparent;
  color:/*#29a9c3*/ #31bcbb!important;
  background-image:none;
  cursor:pointer;
  text-decoration: none;
  border-radius:30px;
  padding:7px;
  font-weight:normal;
  border-color:/*#29a9c3*/ #31bcbb;
    border:1px  solid #31bcbb;
}
.CssButton:hover{
background-image:none;
  text-decoration: none;
  background-color:/*#29a9c3*/ #31bcbb;
  color:#FFF !important;}
  
.dpcIcon{display:none}

/*Specifiques*/
.SocialTopLinks { width:100% !important; }
.tdEnteteRegistrationLogo { display:none; }
#ctl00_Main_TcktFront_cell_IT_69704, #ctl00_Main_TcktFront_cell_IT_69705{width:200px;}
#ctl00_Main_LayoutCell_1_6866 p a {color:#363B29; text-decoration:none; color: #363B29; font-weight:bold;}
#ctl00_Main_LayoutCell_1_6866 p a:hover {color: #33BBBB;}
#ctl00_Main_LayoutCell_1_6888 p a{color:#363B29; text-decoration:none; color: #363B29; font-weight:bold;}
#ctl00_Main_LayoutCell_1_6888 p a:hover {color: #33BBBB;}

/*Calendrier*/
.topCalendrier{width:70%;  padding-top:2em; padding-bottom:2em; color:#000;margin-top:1em; margin-bottom:1em; text-align:center; margin-left:15%;}
.j1{width:70%; margin-left:15%; padding:1em; background-color:#FFF; color:#009cbc ; margin-top:1em; margin-bottom:1em;}
.j2{width:70%; margin-left:15%; padding:1em; background-color:#FFF; color:#009a98 ; margin-top:1em; margin-bottom:1em;}
.j3{width:70%; margin-left:15%; padding:1em;background-color:#FFF; color:#009a98 ; margin-top:1em; margin-bottom:1em;}
.blue{width:70%; margin-left:15%; padding:1em; background-color:#009cbc; color:#FFF; margin-bottom:1em;}
.vert{width:70%; margin-left:15%; padding:1em; background-color:#009a98; color:#FFF; margin-bottom:1em;}
.vertPale{width:70%; margin-left:15%; padding:1em; background-color:#65c2c2; color:#FFF; margin-bottom:1em;}
.bottomCalendrier{width:70%; padding:1em; margin-left:15%; padding-left:0;font-size:1.2em;}

/*BOTTOM*/
.bottom_content{background-color:/*#29a9c3*/ #31bcbb; color:#FFFFFF; padding:5em; padding-top:2em; padding-bottom:1em;}
.bottom_content p a{color: #FFF !important;text-decoration: none;}

/*Programme*/
#ctl00_Main_PnlDownloadPDF{display:none;}

/*Groupe*/
.GroupRegistration{padding:1em;}
.GroupAuthPanel{padding:1em;}

/*Pavés Exposants*/
.PaveOrange, .PaveOrangeExpo {
  background-color:#08a9af;
  padding:20px;
  color:White;
  /*margin-left:20px;*/
  cursor:default;
}
.PaveNoir {
  background-color:#08A9AF;
  padding:20px;
  color:White;
}
.PaveBlanc { margin-left:20px; }
.PaveBleu {
  background-color:#187d9d;
  padding:20px;
  color:White;
  /*margin-left:20px;*/
}
.PaveOrangeExpo, .PaveBleu, .PaveNoir { min-height:345px; cursor:default; }
.PaveOrangeLeft {
  background-color:#08a9af;
  padding:20px;
  color:White;
  margin-right:20px;
  cursor:default;
}

.PaveOrange{margin-right:0 !important;}

.BlocBleuFonce {
  background-color:#126e8b;
  padding:20px;
  color:White;
  margin-left:0px;
  cursor:default;
}
.BlocBleuClair {
  background-color:#82c2e8;
  padding:20px;
  color:White;
  margin-left:20px;
  cursor:default;
}

#contenu .PaveOrange a, #contenu .PaveOrangeExpo a, #contenu .PaveOrangeLeft a, #contenu .PaveBleu a, #contenu .PaveNoir a, #contenu .BlocBleuClair a
{
cursor:pointer;
margin-top:20px;
color:White;
border:solid 1px White;
padding:10px;
display:block;
text-transform:uppercase;
background-color:Transparent;
text-decoration:none;
}
#contenu .PaveOrange a:hover, #contenu .PaveOrangeExpo a:hover, #contenu .PaveOrangeLeft a:hover
{
text-decoration:none;
color:#f8a351;
background-color:White;
}
#contenu .PaveNoir a:hover
{
text-decoration:none;
color:#000000;
background-color:White;
}
#contenu .PaveBleu a:hover, #contenu .BlocBleuClair a:hover
{
text-decoration:none;
color:#003b4c;
background-color:White;
}

/*----------------toggle------------------------*/

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: 14px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: center;
  padding: 1rem;
  color: #FFF;
  background: #31bcbb;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle:hover {
  color: #1D7F9E;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 200px;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 350px;
}
.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*RESPONSIVE*/

.prev{width: 100%;display: block;padding-left: 10%;}
.next{width: 100%;display: block;padding-left: 10%;}
#footer {background-image:none; border-top: 0;}
#header {background-image:none;color: #31bcbb ;}
#scroller{width:100%;}
.mobile input.CssTextBox {max-width: 100%; font-family: "Century Gothic", Arial, sans-serif;}


@media (min-width: 1151px)and (max-width: 1500px)
{
.dpcIcon{top: 20px;}
.socialIcons {top: 20px;}
#contenuContainer{padding: 1em;}
}


@media (min-width: 1001px)and (max-width: 1150px)
{
.dpcIcon{top: 20px;}
.socialIcons {top: 20px;}
.topDiv{height:21.5em;}
.leftBlue {height:46%; margin-bottom: 1%;}
.cabinet{font-size:1em; padding: 0.5em}
.edition {padding-top: 2em;}
.dossier{font-size:0.6em; margin-top:0.7em;}
.dossierBis{width:30%;}
.menu_top ul li a {padding-top: 80px; padding-bottom:11px; padding-left:4px; padding-right4px; font-size: 12px;}
.dossierInscr, .dossierTer, .dossierTerPurple{margin-top: -2.5em;font-size: 0.6em;}
.dossierTerPurple{}
.centreDiv{ width:14%;}
#contenuContainer{padding: 1em;}
.centerPlus .dossierTer{width:100%;}
}


@media (min-width: 861px)and (max-width: 1000px)
{
.dpcIcon{top: 20px;}
.socialIcons {top: 20px;}
.topDiv{height:18.6em;}
.leftBlue {height:48%; margin-bottom: 0.3%;}
.cabinet{font-size:0.9em; padding: 0.5em;}
.edition {padding-top: 1.5em;}
.dossier{font-size:0.5em; margin-top:0.6em; font-size: 0.6em;}
.dossierBis{width:30%;}
.menu_top ul li a {padding-top: 80px; padding-bottom:11px; padding-left:2px; padding-right:2px; font-size: 10px;}
.dossierInscr, .dossierTer, .dossierTerPurple{margin-top: -2.5em;font-size: 0.5em;}
.dossierTerPurple{}
.centreDiv{ width:14%;}
#contenuContainer{padding: 1em;}
.centerPlus .dossierTer{width:100%;}
}

@media (min-width: 481px)and (max-width: 860px) {
body{font-family: "Century Gothic", Arial, sans-serif; font-size:14px;}
.dpcIcon{top: 20px;}
.dpcIcon{top: 22px; right: 65%; width: 90px; height:30px;}
.socialIcons {top: 20px;}
.CellMenu {padding-left: 0.8em;}
.left{width:100%; text-align:center;}
.right{display:none;}
.edition{width:100%; padding-top:0;}
.cabinet{width:100%; text-align:center;}
.leftBlue{  width:100%; text-align:center;}
.rightBlue{display:none;}
.leftDossier{ width:100%;}
.dossier{margin-top: 3em; width:60%; margin-right:20%}
.rightDossier{display:none;}
.topDiv{background-image:none;}
#ctl00_TblRwMenu_MTOP8882, #ctl00_TblRwMenu_MTOP8883, #ctl00_TblRwMenu_MTOP8732 {margin-top:0;}
.left {margin-bottom: 0;height: 20%;} 
.dossierBis{width:50%;}
.CellMenu {padding-left: 0; width:100%; height: 45px;}
.menu_top ul li a {width:100%; margin-left:0; margin-right:0; padding:0.5em; padding-left:0; padding-right:0;}
.menu_top ul{text-align:center;}
.menu_top ul li a {background-color:#36aec7; color:#FFFFFF;}
.menu_top ul li a:hover {color:#36aec7;}
#ctl00_TblRwMenu_Home, #ctl00_TblRwMenu_Home.selected, #ctl00_TblRwMenu_Home:hover {background-size: 100px auto;padding-top: 2em;}
#ctl00_Home {display: none;}
.centreDiv{ width:33%; float:left;  height:10%; margin-bottom:2%;}
.dossierInscr, .dossierTer, .dossierTerPurple{margin-top: 3em;margin-left: 30%; font-size: 0.6em;}
.dossierTerPurple{ margin-left: 130% !important; width: 100px;}
.imgTarifs{width:100% !important;}
#contenuContainer{padding: 1em;}
.centerPlus{width:100%}
.centerPlus .dossierTer{width:40%; margin: auto; margin-top: 1.5em; margin-left:30%;}
}



@media (max-width: 480px) {
body{font-family: "Century Gothic", Arial, sans-serif; font-size:14px;}
.dpcIcon{top: 17px; right: 65%; width: 50px; height:15px;}
.socialIcons {top: 8px; right: 0px;}
.menu_top {background-color:#31bcbb;}
.menu_top ul{text-align:center;}
.menu_top ul li a {background-color:#31bcbb; color:#FFFFFF;}
.menu_top ul li a:hover {color:#FFF;}
#ctl00_PnlMenu_Home{padding-top:10px;padding-bottom:10px;background-color:White;}
#ctl00_Home {background-size: auto 40px;; background-repeat:no-repeat; background-image:url(../images/client/992/images/logoAPlib.jpg);  background-position: center top; background-color: #FFF; height:auto;}
#ctl00_TblRwMenu_Home,#ctl00_TblRwMenu_Home.selected, #ctl00_TblRwMenu_Home:hover { background-image:none; }
.CellMenu {padding-left: 0; width:100%; height: auto;}
.left{width:100%; text-align:center;}
.right{display:none;}
.edition{width:100%; padding-top:0;}
.cabinet{width:100%;}
.leftBlue{  width:100%; text-align:center;}
.rightBlue{display:none;}
.dossier{margin-top: 6em;}
.leftDossier{ width:65%; text-align:center;}
.rightDossier{display:none;}
.topDiv{background-image:none;}
.edition {padding: 0; padding-top:1em;}
.cabinet {padding: 0; padding-top:1em; padding-bottom:1em; text-align:center;}
.leftDossier {width: 100%;}
.dossier{margin-top: 0.8em; width:70%; margin-right:10%;}
.calendrier{height: 46em;}
.topCalendrier {width: 90%;margin-left: 5%;}
.j1{width:90%; margin-left:3%; padding:0.5em;}
.j2{width:90%; margin-left:3%; padding:0.5em;}
.j3{width:90%; margin-left:3%; padding:0.5em;}
.blue{width:90%; margin-left:3%; padding:0.5em;}
.vert{width:90%; margin-left:3%; padding:0.5em;}
.vertPale{width:90%; margin-left:3%; padding:0.5em;}
.bottomCalendrier{width:90%; margin-left:3%; padding:0.5em;}
.menu_top ul li a {width:90%; margin-left:3%; padding:0.5em;}
.bottom_content {padding-bottom: 2em;}
.dossierBis{width:80%;}
.PaveBleu{margin-left:0;}
.PaveOrangeExpo{margin-left:0;}
.centreDiv{ width:33%; float:left;  height:10%; margin-bottom:2%;}
.dossierInscr, .dossierTer{margin-top: 3em;font-size: 0.5em; width: 60%;}
.dossierTerPurple{margin-top: 1.4em; margin-left: 75%; font-size: 0.5em; width: 150%; height: 10px; padding: 0.7em;}
.dossierInscr {margin-left: 20%;}
.imgTarifs{width:100% !important;}
#contenuContainer{padding: 1em;}
#ctl00_Home {margin-left: -200px;}
.centerPlus{width:100%}
.centerPlus .dossierTer{width:40%; margin: auto; margin-top: 1.5em; margin-left:30%;}
}