/* -------- Section & Divider ---------- */
section {
  /*position: relative;*/
}
section > .container,
section > .container-fluid {
  padding-top: 0px;
  padding-bottom: 50px;
}

.text-theme-colored { color:#4ca5b1; }

/***************************/
/*   GLOBAL                */
/***************************/
.strikethrough {
  position: relative;
}

.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  padding:0 5px;
  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  -o-transform:rotate(-15deg);
  transform:rotate(-15deg);
}


.Partenaire {  filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); }
.Partenaire:hover { -webkit-filter: grayscale(0); filter: none; }
 .uppercase { text-transform: uppercase; }

.borderRightLast { width: 30.66%; }
.borderRight { width: -moz-calc(30.66% - 1px); width: -webkit-calc(30.66% - 1px); width: calc(30.66% - 1px); margin-right: 4%; }
.borderRight::after { content:""; width:1px;  border-right:1px solid #333; height:100px; margin-top:25%; display: block; position: relative; float: left; }

img.Left				{ border: 0px solid #969595; display:block; margin-right:10px; float:left; }
img.Right				{ border: 0px solid #969595; display:block; margin-left:10px; float:right; }

.petit { font-size:12px; }

/******************************/
/*   PROGRAMME ASSISES        */
/******************************/
.imgB		{ clear:both; margin-right:10px; position: relative; display:inline-block; float:left;  overflow:hidden;  -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; width:40px;  height:40px;  }
.imgB img	{ display:block; float:left; height:40px;  }
div.imgBSuite	{ position: relative; display: inline-block; float:left; max-width:85%;  }
div.imgBPrevious	{ position: relative; display:block; float:left; width:100%; }
div.ProgrammeBlocLeft { position:relative; display:block; float:left; width:63%; margin-right:2%; }
div.ProgrammeBlocRight { position:relative; display:block; float:left; width:35%; }
div.ProgrammeBloc50A { position:relative; display:block; float:left; width:49%; margin-right:2%; }
div.ProgrammeBloc50B { position:relative; display:block; float:left; width:49%; }
@media screen and (min-width: 321px) and (max-width: 980px) and (orientation: landscape) {
div.ProgrammeBlocLeft { width:100%; margin-right:0%; }
div.ProgrammeBlocRight { width:100%; }
div.ProgrammeBloc50A { width:100%; margin-right:0%; }
div.ProgrammeBloc50B { width:100%; }
}
@media screen and (min-width: 321px) and (max-width: 1023px) and (orientation: portrait) {
div.ProgrammeBlocLeft { width:100%; margin-right:0%; }
div.ProgrammeBlocRight { width:100%; }
div.ProgrammeBloc50A { width:100%; margin-right:0%; }
div.ProgrammeBloc50B { width:100%; }
}
@media screen and (min-width: 351px) and (max-width: 520px) {
div.ProgrammeBlocLeft { width:100%; margin-right:0%; }
div.ProgrammeBlocRight { width:100%; }
div.ProgrammeBloc50A { width:100%; margin-right:0%; }
div.ProgrammeBloc50B { width:100%; }
}
@media screen and (max-width: 400px) {
div.ProgrammeBlocLeft { width:100%; margin-right:0%; }
div.ProgrammeBlocRight { width:100%; }
div.ProgrammeBloc50A { width:100%; margin-right:0%; }
div.ProgrammeBloc50B { width:100%; }
}








div.Left12, li.Left12  { display:block; float:left; width:12%; margin-right:1%; font-size:15px; margin-bottom:1%; text-align:justify; padding:0; }
div.Left19, li.Left19  { display:block; float:left; width:19%; margin-right:1%; font-size:15px; margin-bottom:1%; text-align:justify; padding:0; }





#exposant ul,
#contact_form  ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

#contact_form ul li{
  color: #828282;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

#exposant ul li {
  color: #828282;
  display: block;
  position: relative;
  float: left;
  width: 50%;
}


/*#exposant ul li input[type=radio],
#contact_form  ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}*/
input[type="radio"]{
  transform: scale(1.8);
  margin-right: 10px;
}

#exposant  ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 0.9em;
  padding: 3px 0px 0px 16px;
  margin: 3px auto;
  height: 40px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
#contact_form  ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1em;
  padding: 0px 0px 0px 50px;
  margin: 3px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

#exposant  ul li:hover label,
#contact_form  ul li:hover label{
	color: #3e809a;
}

#exposant  ul li .check,
#contact_form  ul li .check{
  display: block;
  position: absolute;
  border: 3px solid #828282;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 0px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

#exposant  ul li:hover .check,
#contact_form  ul li:hover .check {
  border: 5px solid #3e809a;
}

#exposant  ul li .check::before,
#contact_form  ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 9px;
  width: 9px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

#exposant  input[type=radio]:checked ~ .check,
#contact_form  input[type=radio]:checked ~ .check {
  border: 3px solid #808080;
}

#exposant  input[type=radio]:checked ~ .check::before,
#contact_form  input[type=radio]:checked ~ .check::before{
  background: #808080;
}

#exposant  input[type=radio]:checked ~ label,
#contact_form  input[type=radio]:checked ~ label{
  color: #808080;
}



#exposant label{
padding-top: 10px;
font-weight: normal;
}
#exposant .smallA { width:30%; margin-right:5%; float:left; }
#exposant .smallB { width:65%; margin-right:0%; float:left; }

#exposant h3.titresuite { display: block; float: left; clear: both; width: 100%; }
#exposant hr.separateur { width:100%; background-color:none; border-bottom:1px solid #808080 ; margin:20px 0; display: block; float: left; clear: both; }

#exposant .totaux { border:1px solid #ffffff; text-align:right; }
#exposant .txtright { text-align:right}
#exposant .txtrightB input { text-align:right; }




/* Base for label styling */
#exposant [type="checkbox"]:not(:checked),
#exposant [type="checkbox"]:checked {  position: absolute; left: 5px; opacity: 0; margin-top: 0px; top: 13px; }
#exposant [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; color: #808080 ; padding-top:3px; }
#exposant [type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; color: #808080 ; padding-top:3px; }

/* checkbox aspect */
#exposant [type="checkbox"]:not(:checked) + label:before,
#exposant [type="checkbox"]:checked + label:before  { content: '';  position: absolute; left:0; top: 5px; width: 15px; height: 15px; border: 3px solid #808080 ;  background: transparent; border-radius: 0px; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) }
/* checked mark aspect */
#exposant [type="checkbox"]:not(:checked) + label:after,
#exposant [type="checkbox"]:checked + label:after  {  content: '✔';  position: absolute;  top: 8px; left: 3px; font-size: 12px; line-height: 0.8;  color: #808080 ; transition: all .2s; }
#exposant [type="checkbox"]:not(:checked) + label:before { border: 2px solid #808080 ; }
#exposant [type="checkbox"]:checked + label:before { border: 2px solid #808080 ; }
/* checked mark aspect changes */
#exposant [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
#exposant [type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
/* accessibility */
#exposant [type="checkbox"]:checked:focus + label:before,
#exposant [type="checkbox"]:not(:checked):focus + label:before { border: 2px solid #808080 ; }



















#formbadge ul li							{ list-style-type:none;  }
#formbadge ::-webkit-input-placeholder 	{ font-style: italic; }
#formbadge input:-moz-placeholder,
#formbadge textarea:-moz-placeholder,
#formbadge input, select 				{ outline: none; }

.formbadge li 			{ width:49%; float:left; display:block; margin-right:2%; margin-bottom:1%; }
.formbadge li.last 		{ width:49%; float:left; display:block; margin-right:0%; margin-bottom:1%; }
.formbadge li.titre 	{ position:relative; width:100%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:15px; }
.formbadge li.untiers 	{ width:33.3%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:14px; }
.formbadge li.sixieme 	{ width: calc(30% - 5px); float:left; display:block; margin-right:1%; margin-top:11px; margin-bottom:15px; padding-left:5px; color:#767676; }
.formbadge li.sixiemea 	{ width:69%; float:left; display:block; margin-right:0%; font-size:12px; margin-top:11px; margin-bottom:15px; }
.formbadge li.note 		{ border-bottom: 1px solid #000000; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  width: calc(49% - 2px); margin-top:4px; background-color:#fff; height:37px; }

/* all the input except submit and checkbox */
#formbadge input:not([type="checkbox"]) 		 {  background-color:transparent; color:#333333; width: 96%; margin-top: 4px; padding: 10px 2% 10px 10px; border:none; border-bottom: 1px solid #000000; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formbadge input:not([type="checkbox"]):active,
#formbadge input:not([type="checkbox"]):focus {  border:none; border-bottom: 1px solid #27adb6; background-color:transparent;  color:#27adb6; } 


/* all the textarea */
#formbadge textarea 		 {  background-color:transparent; color:#333333; width: 96%; height:155px; margin-top: 4px; padding: 10px 2% 10px 10px; border:none; border-bottom: 1px solid #000000; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formbadge textarea:active,
#formbadge textarea:focus {  border:none; border-bottom: 1px solid #27adb6; background-color:transparent; color:#27adb6;  } 

/* all the select */
#formbadge select 		{  background-color:transparent; color:#333333; width: 96%; margin-top: 4px; padding: 10px 2% 8px 2%;  border:none; border-bottom: 1px solid #000000; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formbadge select:active,
#formbadge select:focus  {  border:none; border-bottom: 1px solid #27adb6; background-color:transparent; color:#27adb6;  } 
#formbadge select option:first-child		{ color:#757575; font-style: italic; } 
#formbadge select  { color: #757575; }
#formbadge select option { color: #333333; }
#formbadge select option:first-child { color: #757575; }
#formbadge select option.color { color: #333333; }
#formbadge select option:selected { color: #333333; }



#formbadge ul li input[type=radio] { position: absolute; visibility: hidden; }

#formbadge ul li label { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 25px 37px; margin: 0px auto; /*height: 30px;*/ z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#formbadge ul li:hover label { color: #333333; }

#formbadge ul li label.small { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 0px 37px; margin: 0px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#formbadge ul li:hover label.small { color: #333333; }

#formbadge ul li .check { display: block; position: absolute; border: 3px solid #333333; border-radius: 100%;  height: 13px;  width: 13px;  top: 0px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
#formbadge ul li:hover .check { border: 3px solid #333333; }
#formbadge ul li .check::before {  display: block; position: absolute; content: ''; border-radius: 100%; height: 5px; width: 5px; top: 4px; left: 4px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }

#formbadge input[type=radio]:checked ~ .check { border: 3px solid #333333; }
#formbadge input[type=radio]:checked ~ .check::before {  background: #333333; }
#formbadge input[type=radio]:checked ~ label { color: #333333; }

/* Base for label styling */
#formbadge [type="checkbox"]:not(:checked),
#formbadge [type="checkbox"]:checked {  /*position: absolute;*/ left: -9999px; opacity: 0; }
#formbadge [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; color: #333333; padding-top:3px; }
#formbadge [type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; color: #333333; padding-top:3px; }

/* checkbox aspect */
#formbadge [type="checkbox"]:not(:checked) + label:before,
#formbadge [type="checkbox"]:checked + label:before  { content: '';  position: absolute; left:0; top: 6px; width: 13px; height: 13px; border: 3px solid #333;  background: transparent; border-radius: 90px; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) }
/* checked mark aspect */
#formbadge [type="checkbox"]:not(:checked) + label:after,
#formbadge [type="checkbox"]:checked + label:after  {  content: '✔';  position: absolute;  top: 11px; left: 6px; font-size: 9px; line-height: 0.8;  color: #333333; transition: all .2s; }
#formbadge [type="checkbox"]:not(:checked) + label:before { border: 3px solid #333333; }
#formbadge [type="checkbox"]:checked + label:before { border: 3px solid #333333; }
/* checked mark aspect changes */
#formbadge [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
#formbadge [type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
/* accessibility */
#formbadge [type="checkbox"]:checked:focus + label:before,
#formbadge [type="checkbox"]:not(:checked):focus + label:before { border: 3px solid #333333; }



.Badge { display:block; float:left; width:100%; }
.BadgeInside { display:table; width:100%; padding:0%; margin:0; }
.BadgeInsideLeft { display:table-cell; width:50%; min-height:600px; padding:0%; margin:0;  }
.BadgeInsideRight { display:table-cell; width:50%; min-height:600px; padding:3%; margin:0; background-color: rgba(241, 241, 241, 1); }

/*styling both submit buttons */
#formbadge li.button input 		{ width: auto! !important; height:26px; cursor: pointer; background-color:#27adb6; padding: 8px 5px; color: #fff; font-size: 1.2em; letter-spacing:1px; border: 1px #27adb6 solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formbadge li.button input:hover { background-color:#000000; border: 1px solid #000000; color:#ffffff; }
#formbadge li.button input:active,
#formbadge li.button input:focus { background-color:transparent; border: 1px solid #000000; color:#000000; }

a.badge 		{ height:26px; cursor: pointer; background-color:#27adb6; padding: 8px 10px; color: #fff; font-size: 1.2em; letter-spacing:1px; border: 1px #27adb6 solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
a:hover.badge { background-color:#000000; border: 1px solid #000000; color:#ffffff; }
a:active.badge,
a:focus.badge { background-color:transparent; border: 1px solid #000000; color:#000000; }