body {
            width :100% ;
			font-family: 'Arial';
			margin: 0;
			height: 100%;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a {	text-decoration: none;
	}
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
	
#global{
	width :100% ;
    padding :5px ;
	}

/*Couleurs*/
a.noir									{ font-family: 'Poppins'; font-size:11px; color: #000000; text-decoration: none;transition-duration: 0.5s; }
a.noir:visited							{ font-family: 'Poppins'; font-size:11px; color: #000000; text-decoration: none; }
a.noir:active							{ font-family: 'Poppins'; font-size:11px; color: #FF8000; text-decoration: underline; }
a.noir:hover							{ font-family: 'Poppins'; font-size:11px; color: #FF8000; text-decoration: underline; }

a.Vrt									{ font-family: 'Poppins'; font-size:12px; color: #764575; font-weight:bold; text-decoration: none;transition-duration: 0.5s; }
a.Vrt:visited							{ font-family: 'Poppins'; font-size:12px; color: #764575; text-decoration: none; }
a.Vrt:active							{ font-family: 'Poppins'; font-size:12px; color: #FF8000; text-decoration: underline; }
a.Vrt:hover								{ font-family: 'Poppins'; font-size:12px; color: #FF8000; font-weight:bold; text-decoration: underline; }

a.ble									{ font-family: 'Arial'; font-size:11px; font-weight:bold; color: #0E3C89; text-decoration: none;transition-duration: 0.5s; vertical-align:bottom;}
a.ble:visited							{ font-family: 'Arial'; font-size:11px; font-weight:bold; color: #0E3C89; text-decoration: none;}
a.ble:active							{ font-family: 'Arial'; font-size:11px; font-weight:bold; color: #FF8000; text-decoration: underline;}
a.ble:hover								{ font-family: 'Arial'; font-size:11px; font-weight:bold; color: #FF8000; text-decoration: none;}

	.Org {
		color:#FF8000
	}
	.Vrt {
		color: #764575;
	}
	.Ble {
		color:#006AB1;
	}
	.Vio {
		color:#ae5989;
	}

	
/*Les Textes*/
	h1 {
		font-family: 'Poppins';
	}
.logoacc{
	margin-top:150px;
	text-align:center;
	margin-bottom:100px;
}
.txtorange {
	font-weight:bold;
	color:#FF8000;
	margin-left:20px;
	letter-spacing: 0.63px;
	}
.txtbleu {
	font-weight:bold;
	color:#0E3C89;
	font-size:11px;
	font-family:Arial;
	margin-left:30px;
	line-height:2;
	vertical-align:middle;
	}
/* Mobile petit */
@media (max-width: 768px) {
	
	}
/* Formulaire */
#connection {
		Display:Block;
		width:350px;
		margin:10px auto;		
	}
	input {
		padding:0px;
		padding-left: 10px;
		width:220px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #FF8000;
		float:right;
	}
	input.Orange {
		width:20px;
		float:left;
		color:#FF8000;
	}
	input.Bleu {
		width:20px;
		float:left;
		color:#0E3C89;
	}
	input.acc {
		padding:0;
		border:none;
		float:none;
		margin:10px 28%;
	}
	input.p01 {
		padding:0px;
		padding-left: 10px;
		border: 1px solid #0E3C89;
		float:right;
	}
	.t01 {
	width:60px;
	}
	.t02 {
	width:92px;
	}
	.t03 {
	width:150px;
	}
	.t04 {
	width:300px;
	}
	.t05{
	width:197px;
	}
	.t06{
	width:230px;
	}
	.s01{
		float:right;
	}
	label {
		font-weight:bold;
		color:#0E3C89;
	}
	label.p01 {
		font-size:11px;
		font-weight:bold;
		color:#0E3C89;
		line-height: 2;
	}
	.zfhp01{
		display:block;
		width:250px;
		float:left;
		padding:5px 10px 5px 10px;}

		/*----Checkbox----*/
		
		input[type=checkbox] {
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			}
	
		input[type=checkbox] {
			-border-radius: 4px;
    		height: 15px;
    		width: 15px;
    		background: #FF8000;
			}

		input[type="checkbox"]:checked {
			background: #FF8000;
			margin:0px;
			position: relative;
			&:before {
			font-family: FontAwesome;
    		content: '\f00c';
    		display: block;
    		color:#fff;
    		font-size: 13px;
    		position: absolute;
			padding:0px 2px;
  			}
		}
		input.Bleu[type=checkbox] {
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			border-bottom: 2px solid #0E3C89;
			}
	
		input.Bleu[type=checkbox] {
			-border-radius: 4px;
    		height: 12px;
    		width: 12px;
    		background: #0E3C89;
			}

		input.Bleu[type="checkbox"]:checked {
			background: #0E3C89;
			margin:0px;
			position: relative;
			&:before {
			font-family: FontAwesome;
    		content: '\f00c';
    		display: block;
    		color:#fff;
    		font-size: 11px;
    		position: absolute;
			padding:0px 2px;
  			}
		}
		input[type=submit] {
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			}
		input[type=submit] {
			border-radius: 4px;
    		height: 25px;
    		width: 125px;
    		background: #FF8000;
			color:#fff;
			}
		input[type=submit]:Hover {
			transition-duration:1s;
			transition-property: background-color;
			border-radius: 4px;
    		height: 25px;
    		width: 125px;
    		background:#8F4600;
			color:#fff;
			cursor:pointer;
			}
		select {
			outline: 0;
			border: 1px solid #0E3C89;
			background: none;
			background-image: none;
			box-shadow: none;
			color:#0E3C89;
			font-size:11px;
			padding: 3px 2px 2px 5px;
			vertical-align: middle;
			}
		select option {
			background:#fff;
			color:#0E3C89;
			font-size:11px;
			}
		select:hover{
			color: #FA6141;
			cursor:pointer;
			}
#form_button {
  background: none;
  border: solid 2px #474544;
  color: #474544;
  cursor: pointer;
  display: inline-block;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  outline: none;
  padding: 20px 35px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#form_button:hover {
  background: #474544;
  color: #F2F3EB;
}
/*Page01*/
#zlogo{
	display:block;
	float:left;
	width:200px;
	margin:5px 10px 10px 5px;
}
#zhead {
	display:block;
	border:1px solid #ddd;
	width:85%;
	height:200px;
	float:right;
	margin:5px 10px 10px 5px;
}
#headbl01 {
	display:block;
	border:1px solid #ddd;
	width:100%;
	height:40px;
	float:left;
	margin:5px 10px 10px 5px;
}
#headbl02 {
	display:block;
	border:1px solid #ddd;
	width:420px;
	float:left;
	margin:5px 10px 10px 5px;
}
#headbl03 {
	display:block;
	border:1px solid #ddd;
	width:300px;
	float:left;
	margin:5px 10px 10px 5px;
}
#headbl04 {
	display:block;
	border:1px solid #ddd;
	width:250px;
	float:left;
	margin:5px 10px 10px 5px;
}