/* ------------------------------------------------------------------------------------------------------------------- */
/*												         IDENTITIQUE MULTI RESOLUTION																												 */
/* ------------------------------------------------------------------------------------------------------------------- */	

/* Retirer les fond des zone pre-rempli dans chrome */
input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/*												         SMARTPHONE - RESOLUTION MOINS DE 0PX																													 */
/* ------------------------------------------------------------------------------------------------------------------- */	
@media (min-width: 0px) {
		
	
	body {
		font-family: Calibri, sans-serif;
		background-image:url(/img/0001/Fond_Connection_968.jpg);
		background-color:#FFFFFF;

	}
	.outer-div {
		 
	}
	.inner-div {
		display: block;
		width:100%;
	}
	.gauche {
		width:100%;
		padding-top:12px;
		padding-bottom:32px;
		text-align:center;
	}
	.gauche img {
		height:100%;
	}
	.droite {
		
		width:100%;
		text-align:center;
	}
	
	.gauche1 {
		float:left;
		width:55%;
		padding-top:16px;
		text-align:left;
		display:none;
	}
	.gauche2 {
		display:block;
		text-align:center;
	}
	.droite1 {
		float:left;
		width:45%;
		text-align:left;
		display:none;
	}
	.CL_FOOTER {
		display:none;
	}
	.ZoneIdentification {
		float:left;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:0px;
	}
	.ZoneIdentification1 {
		float:left;
		width:100%;
		text-align:center;
		color:#333333;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification2 {
		float:left;
		width:100%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 0px;
		padding-top:0px;
	}
	.ZoneIdentification3 {
		float:left;
		width:100%;
		text-align:center;
		color:#333333;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification4 {
		float:left;
		width:100%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 0px;
		padding-top:0px;
	}
	.ZoneIdentification5 {
		float:left;
		width:100%;
		text-align:center;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
		margin : 0 auto;
	}
	
	.ZoneIdentification6 {
		float:left;
		width:100%;
		text-align:center;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 0px;
		padding-top:6px;
	}
	.ZoneInfoOublier {
		width:80%;
		float:left;
	 }
	.FTXT {
		font-size:18px;
		width:80%;
		font-family: Arial, Helvetica, sans-serif;
		color : #333333;
		border: 1px solid #BDC7D8;
		border-color: #BDC7D8;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		behavior: url(/PIE.htc);
		padding:8px;
		background-color:#FFFFFF;
	}

	.FTXT2 {
		font-size:18px;
		width:92%;
		font-family: Arial, Helvetica, sans-serif;
		color : #333333;
		border: 1px solid #BDC7D8;
		border-color: #BDC7D8;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		behavior: url(/PIE.htc);
		padding:8px;
		
	}

	.BOUTTON {
		width:80%;
		height:34px;
		padding-top:6px;
		padding-left:10px;
		padding-right:10px;
		background-image:url(/img/bouttondeg.jpg);
		color:#555555;
		font-family: Calibri, sans-serif;
		font-weight: bold;
		text-align:center;
		text-decoration:none;
		font-size:16px;
		cursor:  pointer;
		border: 1px solid #555555;
		display : table;
		margin : 0 auto;
	}
	.BOUTTON:hover {
		
		color:#333333;
		border: 1px solid #222222;
	 
	}

	.LienOublier {
		color:#999999;
		text-decoration:none;
		font-size:12px;
		Line-Height: 26px;
		font-style: italic;
	}
	.LienOublier:hover {

		text-decoration:underline;
	}

	h1   {
		color:#333333;
		font-size:44px;
	}

	.TitreText {
		font-size:20px;
		color:#333333;
		font-weight: bold;
	}

	.ButtonDemander {
		height:40px;
		width:240px;
		cursor:pointer;
	}
	.CopyRight {
		font-size:12px;
		color:#666666;
	}

	div#DACCEPTCOOKIES {
		position: fixed; /* le bloc se positionnera en haut à gauche de ta page car il n'a pas de bloc parent */
		bottom: 0; /* avec cette propriété, le bloc se placera tout en bas à gauche de ta page */
		width: 99%; /* il aura une largeur de 100%, donc toute la page */
		background-color:#464646;
		color:#DDDDDD;
		display:none;
	}

	div#DACCEPTCOOKIES p {
		text-align: center; */ le texte sera aligné au centre de la page */
	}
	#BTCO {
		background-color:#D20A11;
		color:#FFFFFF;
		border:0px;
		border-radius: 5px;
		height:30px;
		cursor:pointer;
	}
}

/* ------------------------------------------------------------------------------------------------------------------- */
/*												         TABLETTE - PC - RESOLUTION PLUS DE 968PX																														 */
/* ------------------------------------------------------------------------------------------------------------------- */
			
@media (min-width: 998px) {
	
	body {
		font-family: Calibri, sans-serif;
		background-image:url(/img/0001/Fond_Connection.jpg?e=10);
		background-color:#FFFFFF;

	}
	.outer-div {
		 text-align: center;
	}
	.inner-div {
		display: inline-block;
		width:1000px;
	}
	.gauche {
		float:left;
		width:40%;
		padding-top:16px;
		text-align:left;
	}
	.gauche img {
		height:100%;
	}
	.droite {
		float:left;
		width:60%;
		text-align:left;
		
	}
	
	.gauche1 {
		float:left;
		width:55%;
		padding-top:16px;
		text-align:left;
		display:block;
	}
	.droite1 {
		float:left;
		width:45%;
		text-align:left;
		display:block;
	}
	.gauche2 {
		display:none;
	}
	
	.CL_FOOTER {
		display:block;
	}
	.ZoneIdentification {
		float:left;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification1 {
		float:left;
		width:35%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification2 {
		float:left;
		width:4%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification3 {
		float:left;
		width:35%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification4 {
		float:left;
		width:8%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification5 {
		float:left;
		width:12%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneIdentification6 {
		float:left;
		width:3%;
		text-align:left;
		color:#FFFFFF;
		font-size:13px;
		Line-Height: 26px;
		padding-top:6px;
	}
	.ZoneInfoOublier {
		float:left;
		text-align:left;
		padding-left:235px;
	 }
	.FTXT {
		font-size: 16px;
		width:100%;
		font-family: Arial, Helvetica, sans-serif;
		color : #333333;
		border: 1px solid #3B4141;
		background-color:#FFFFFF;
		height:24px;
		border-color: #BDC7D8;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		behavior: url(/PIE.htc);
		background-repeat: no-repeat; 
		background-position:center center;
		border: 1px solid #3B4141;
		padding-left:5px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		outline:0;
	}

	.FTXT2 {
		font-size:18px;
		width:92%;
		font-family: Arial, Helvetica, sans-serif;
		color : #333333;
		border: 1px solid #BDC7D8;
		border-color: #BDC7D8;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		behavior: url(/PIE.htc);
		padding:8px;
		
	}

	.BOUTTON {
		width:100%;
		height:26px;
		padding-top:0px;
		padding-left:10px;
		padding-right:10px;
		background-color:#222222;
		color:#FFFFFF;
		font-family: Calibri, sans-serif;
		font-weight: bold;
		text-align:center;
		text-decoration:none;
		font-size:16px;
		cursor:  pointer;
		border: 1px solid #000000;
		background-image:url();
		
	}
	.BOUTTON:hover {
		background-color:#000000;
		color:#FFFFFF;
		border: 1px solid #000000;
	 
	}

	.LienOublier {
		color:#CCCCCC;
		text-decoration:none;
		font-size:12px;
		Line-Height: 26px;
		font-style: normal;
	}
	.LienOublier:hover {

		text-decoration:underline;
	}

	h1   {
		color:#333333;
		font-size:44px;
	}

	.TitreText {
		font-size:20px;
		color:#333333;
		font-weight: bold;
	}

	.ButtonDemander {
		height:40px;
		width:240px;
		cursor:pointer;
	}
	.CopyRight {
		font-size:12px;
		color:#666666;
	}

	div#DACCEPTCOOKIES {
		position: fixed; /* le bloc se positionnera en haut à gauche de ta page car il n'a pas de bloc parent */
		bottom: 0; /* avec cette propriété, le bloc se placera tout en bas à gauche de ta page */
		width: 99%; /* il aura une largeur de 100%, donc toute la page */
		background-color:#464646;
		color:#DDDDDD;
		display:block;
	}

	div#DACCEPTCOOKIES p {
		text-align: center; */ le texte sera aligné au centre de la page */
	}
	#BTCO {
		background-color:#D20A11;
		color:#FFFFFF;
		border:0px;
		border-radius: 5px;
		height:30px;
		cursor:pointer;
	}

	
	
}