/* mise en page reste page */
/* erreurs */
.span_error {
    color: #c6351f;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: bold;
    margin-left: 190px;
	display:block;
}

.span_error:empty {
	display:none;
}

.info{
	font-weight: bold;
	/* color: #6D8A3C; */
}

.cnil{
	font-size: 1em !important;
	text-align:justify;
	margin: 0 auto;
	text-decoration:italic;
	padding-top:30px;
}

/* important */
.important{
	font-weight: bold;
}

.nomargin{
	margin-left: 0;
}

.smallmargin{
	margin-left: 5px;
}


a:link,a:visited,a:hover,a:active{
	/* color:#6D8A3C; */
	font-weight:bold;
}

.return_link{
	font-size:1.5em;
}

/* mini pour form */
.label_right { 
	/*position: absolute;*/
	/*text-align:right;*/
	min-width:180px;
	font-size:16px;
	font-family: RobotoRegular;
}

label { 
	font-size:16px;
	font-family: RobotoRegular;
	font-weight: normal !important;
	padding-left:5px;
}

input, textarea, select {
	/* margin-left: 140px; */
}

/* couleur dans les input sélectionnés */
input:focus, textarea:focus{ 
	/* background-color:#FFFFCC; */
	border:2px solid green;
}

input[type=radio], input[type=checkbox]{
	border:0px;
}

label.check, label.radio { position:relative; text-align:left; }

.recap{
	text-align: left;
	border: 1px solid black;
	/* width: 900px; */
	padding:10px;
	margin:10px;
	background-color: #E9EBC4;
}

.suppressed{
	text-decoration:line-through;
}


.drapeau_GB{
	background : url('images/GB.png') no-repeat center center;
	border : none;
	color : transparent;
	width:30px;
	height:20px;
	font-size:0; /* pour IE qui ne gère pas la transparence */
	margin:0;
	margin-right:5px;
}

.drapeau_FR{
	background : url('images/FR.png') no-repeat center center;
	border : none;
	color : transparent;
	width:30px;
	height:20px;
	font-size:0; /* pour IE qui ne gère pas la transparence */
	margin:0;
	margin-right:5px;
}

.drapeau_ES{
	background : url('images/ES.png') no-repeat center center;
	border : none;
	color : transparent;
	width:30px;
	height:20px;
	font-size:0; /* pour IE qui ne gère pas la transparence */
	margin:0;
	margin-right:5px;
}

.drapeau_select{
	border:2px solid orange;
}

.intro_collegues{
	color:green;
}

/* mise en garde */
.attention{
	font-weight: bold;
	color:red;
	font-size:18px;
	font-family: RobotoRegular;
}

/* instructions */
.notice{
	font-style:italic;
}

.proche{
	font-family: RobotoRegular;
	font-size:16px !important;
}

input,select{
   margin-bottom:5px;
}

legend{
	font-family: RobotoRegular;
	font-weight:bold;
	color:#00774c;
}

input[type="submit"]:not(:hover){
	border:1px solid #00774C !important;
	background-color: #00774C !important;
}

/* surcharge bootstrap & style space */
.boutonSend, .boutonSend:hover {
	width: auto !important;
	margin-left:0px auto;
	margin-right:0px auto;
	line-height: 2.1em;
	display:inline;
	vertical-align: baseline;
}

select{
	font-size:14px;
	font-family: RobotoRegular;
	padding: 6px 12px;
	margin-bottom:20px;
}

:checked + label{
	color:#97bf0d;
}

.hide{
	display:none;
}


.progresscontainer {
      width: 100%;
  }
  .progressbar {
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 33%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
  }
  .progressbar li.active:before {
      border-color: #97BF0D;
  }
  .progressbar li.active + li:after {
      background-color: #97BF0D;
  }

  
#profil, #complements{
	display:none;
}

  @media (max-width: 1200px) {

/* smartphones */
  @media (max-width: 600px) {
    /*.rwdform > div > label, legend {
      width: 25%;
      float: left;
      padding-right: .625em;
    }
    .rwdform > div > div, .rwdform > div > fieldset > div {
      width: 75%;
      float: right;
    }
    input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel] {
        width: 50%;
    }
    select {
      width:auto;
    }*/

    input, textarea, select, .span_error{
      width:100%;
      margin-left:0px !important;
      /*float:right;*/
    }

    input[type="radio"], input[type="checkbox"]{
      width:auto;
    }

    .label_right{
      clear:both;
      text-align:left;
      position:relative;
      min-width: auto;
    }
  }