@font-face {
  font-family: SourceSansPro-Regular;
  font-style: normal;
  src: url('../_fonts/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family: SourceSansPro-Light;
  font-style: normal;
  src: url('../_fonts/SourceSansPro-Light.ttf') format('truetype');
}
@font-face {
  font-family: SourceSansPro-Bold;
  font-style: normal;
  src: url('../_fonts/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family:SourceSansPro-Semibold;
  font-style: normal;
  src: url('../_fonts/SourceSansPro-Semibold.ttf') format('truetype');
}
@font-face {
  font-family:SourceSansPro-ExtraBold;
  font-style: normal;
  src: url('../_fonts/SourceSansPro-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: Trebuchet;
  font-style: normal;
  src: url('../_fonts/trebuchet.ttf') format('truetype');
}

/* COULEURS
	gris: 			#888888;    texte
 	rose   			#E02991;    legend
 	bleu profond 	#02137f;
	bleu clair 		#03A1DE;
*/

html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}

body  {
	background: #fff;
	font-family: 'SourceSansPro-Light';
	font-size: 16px;
	color: #424141;
	min-height: 100%;
	position: relative;
	width: 100%;
}
h1,h2,h3,h4,h5,h6 {font-family: 'SourceSansPro-Semibold';}
h1,h2 {color:#02137f;}
h3,h4 {color:#03A1DE;}
h5,h6 {color:#E02991;}

hr {
  height: 4px;
  margin-left: 15px;
  margin-bottom:-3px;
}
.hr-warning{
  background-image: -webkit-linear-gradient(left, rgba(210,105,30,.8), rgba(210,105,30,.6), rgba(0,0,0,0));
}
.hr-success{
  background-image: -webkit-linear-gradient(left, rgba(15,157,88,.8), rgba(15, 157, 88,.6), rgba(0,0,0,0));
}
.hr-primary{
  background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0));
}
.hr-danger{
  background-image: -webkit-linear-gradient(left, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(0,0,0,0));
}

.text-white {color:#FFFFFF}

#titre_page {
	font-weight: 900;
	color: #02137f;
	text-transform: capitalize;
	letter-spacing: 0.5em;
	word-spacing: 1em;
	border-bottom: medium double #000000;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}  
#pied  {
	color: #666;
	font-size: 10px;
	margin-top: 40px;
	width: 100%;

	position: absolute; bottom: 0;
}
/*                 */
.section1{
	padding-top: 3em;
	padding-bottom: 3em;
}
.section2{
	padding-top: 6em;
	padding-bottom: 3em;
}  

/* gestion double scrolling page formulaire */   
#logo-fixe{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
	height:100%;
	width:25%;
}
#form-declaration{
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 75%;
    overflow-y: scroll;
}

#rappel {
	 padding-right:40px;
	 min-height: 300px;
	 overflow-x: auto;
}
/*     "caracteres"        */
a:hover  { color: black; }
.fontAPH{
	font-family: 'Trebuchet';
	font-style: italic;
	color:#03A1DE;
}

/*        img                */
.border-5 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/*   "menu horizontal"   */
/*                       */