* {
	font-family: 'Roboto', sans-serif;
	color: #3d4550;
	font-size: 1rem;
}

a {
	text-decoration: none;
}
a:HOVER{color: #127d77;}

p a{color: #127d77;}
p a *{color: #127d77;}
p a:HOVER{color: #127d77; text-decoration: underline;}

img{	
	display: inline-block;    
	margin: 0;    
	padding: 0;
}

a img {outline : none;}

button{
	outline : none;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.message_validation{
	display: block;
	color: red;
	font-size: 0.9rem;
	text-align: center;
	padding-bottom: 8px;
}

/** button */
.button {
	border: none;
	background: #127d77;
	color: #FEFEFE;
	margin-bottom: 0.5rem;
	padding-top: 0.7rem;
	padding-right: 1.2rem;
	padding-bottom: 0.7rem;
	padding-left: 1.2rem;
	text-transform: uppercase;
	font-weight: bold;
}
.button:HOVER {
	background: #004f49;
}

.button.inv{
	background: #FEFEFE;
	color: #127d77;
}
.button.inv:HOVER {
	background: white;
	text-decoration: underline;
}



h1{
	font-weight: 300;
	font-size: 1.8rem;
	text-transform: uppercase;
}

h1 *{
	font-size: inherit;
}

h2{
	font-weight: 600;
	font-size: 1.1rem;
}

.dib{
	display: inline-block;
}

.bgc0{
	background: white;
}
.bgc1{
	background: #f3f3f3;
}
.bgc1a50{
	background: rgb(243, 243, 243);
	background: rgba(243, 243, 243, 0.5);
}
.pdtb20{
	padding-top: 20px;
	padding-bottom: 20px;
}

.pdtb30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.pdlr10{
	padding-left: 10px;
	padding-right: 10px;
}
.pdl10{
	padding-left: 10px;
}

.mh30{
	max-height: 30px;
}
.mh40{
	max-height: 40px;
}

.mr20{
	margin-right: 20px;
}
.mtop-10{
	margin-top: -10px;
}
.mb20{margin-bottom: 20px;}

.tc1{color: #127d77;}

.txt-center{
	text-align: center;
}
.tal{
	text-align: left;
}
.tuc{
	text-transform: uppercase;
}
.fwb{
	font-weight: bold;
}
input.error{
	border-color: red;
}

#drupal-message h2{
	display: none;
}


/****************
 *
 *  LOADER ANIMATION
 *
 ****************/
 
 @-moz-keyframes throbber {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes throbber {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes throbber {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.throbber:not(:required) {
  -moz-animation: throbber 1250ms infinite linear;
  -webkit-animation: throbber 1250ms infinite linear;
  animation: throbber 1250ms infinite linear;
  border: 4px solid #127d77;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
}
 
 
/*********************
*
*  COMMUN // FORM // CHECKBOX
*
**********************/
div.form-item.form-type-checkbox{}
div.form-item.form-type-checkbox input.form-checkbox{

	margin-top: 5px;
	vertical-align: top;
}
div.form-item.form-type-checkbox label.option{
	margin-left: 20px;
	max-width: 80%;
	padding: 2px 0 20px 0;
}