

@font-face {
	font-family: 'Futura-Std1';
	src: url('font/futurastd-medium/futurastd-medium-opentype.eot?') format('eot'),
		 url('font/futurastd-medium/futurastd-medium-opentype.otf') format('truetype'),
		 url('font/futurastd-medium/futurastd-medium-opentype.woff') format('woff'),
		 url('font/futurastd-medium/futurastd-medium-opentype.svg#FuturaBold') format('svg');
	font-weight: normal;
	font-style: normal;
}	 


@font-face {
	font-family: 'Futura-Cnd1';
	src: url('font/futurastd-condensed/futurastd-condensed.eot?') format('eot'),
		 url('font/futurastd-condensed/futurastd-condensed.otf') format('truetype'),
		 url('font/futurastd-condensed/futurastd-condensed.woff') format('woff'),
		 url('font/futurastd-condensed/futurastd-condensed/futurastd-condensed.svg#FuturaBold') format('svg');
	font-weight: normal;
	font-style: normal;
}	 

/*
@font-face{
	font-family: 'DITWbold';
	src:url('DITWbold.eot?') format('embedded-opentype'); 
	url('DITWbold.ttf') format('truetype'),   
	font-weight: bold;
        font-style: normal;
} */


body {
	color: #274899;
	font-size:16px;
	/*font-stretch:condensed;*/
	font-weight:lighter;
	font-family: Futura-Std1, "Futura BdCn BT", MS Sans Serif,microsoft sans serif;
}

/*
Futura-Std1
"Futura-Std1Light"
"Futura-Std1Bold"
"Futura Medium"
"Futura MediumOblique"

"Futura BdCn BT"
*/

#content {
	width:1065px;
	margin:auto;
}


#header {
	float:left;
	width:1065px;
	height:120px;
	margin-top:30px;
	
}

img {
	
	 float:left;
	
}

.paraph {
	color: #274899;
	font-size:16px;
	
	font-family: Futura-Std1, MS Sans Serif,microsoft sans serif;
	/*font-stretch:condensed;*/
	font-weight:lighter;
}

.UpperTxt {
	
	font-family: Futura-Std1, MS Sans Serif,microsoft sans serif;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
}


.boutonarrondi {
	
	float:left;
	background-color:#eeeeee;
	background-repeat: no-repeat; 
	background-size: 210px auto;
	background-image:url(files/images/h3/Rectangle_arrondi.png);
	height:50px;
	width:210px;
	color:#ffffff;
	text-align:center;
	 line-height:50px;
	text-transform: uppercase;
	font-family: Futura-Std1, MS Sans Serif,microsoft sans serif;
	font-size:24px;
	font-weight:bold;
	font-stretch:condensed;
	margin: 20px 0 0 110px;
}

.paraphtiers {
	
	float:left;
	background-color:#eeeeee;
	background-repeat: no-repeat; 
	background-size: 210px auto ;
	width:210px;
	font-stretch:condensed;
	text-align:center;
	text-transform: uppercase;
	font-family: Futura-Cnd1, MS Sans Serif,microsoft sans serif;
	font-size:20px;
	font-weight:lighter;
	margin: 10px 0 0 110px;
}


.paraphborderblue {
	font-family: Futura-Cnd1, MS Sans Serif,microsoft sans serif;
	font-stretch:condensed;
	font-weight:lighter;
	float:left;
	background-color:#f9b012;
	background-repeat: no-repeat; 
	background-image:url(files/images/Rectangle5.png);
	background-size: 2px auto ;
	width:290px;
	height:100%;
	margin: 10px 0 20px 0px;
}

.verticalblue {
	
	float:left;
	background-color:#f9b012;
	background-repeat: no-repeat; 
	background-image:url(files/images/Rectangle5.png);
	background-size: 2px auto ;
	width:10px;
	height:100%;
	margin: 10px 0 20px 0px;
}

.blueupper {
	color: #274899;
	text-align:center;
	text-transform: uppercase;
	font-family: Futura-Cnd1, MS Sans Serif,microsoft sans serif;
	font-size:20px;
	font-weight:normal;
	font-stretch:condensed;
}

.whiteupper {
	color: #ffffff;
	text-align:center;
	text-transform: uppercase;
	font-family: Futura-Cnd1, MS Sans Serif,microsoft sans serif;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 0;
	font-stretch:condensed;
}

.whiteupperN {
	color: #ffffff;
	text-align:center;
	text-transform: uppercase;
	font-family: Futura-Std1, MS Sans Serif,microsoft sans serif;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 0;
	font-stretch:condensed;
}

.paraphtiers1 {
	font-stretch:normal;
	float:left;
	background-color:#ffffff;
	background-repeat: no-repeat; 
	background-size: 210px auto ;
	width:310px;
	text-align:left;
	font-family: Futura-Std1, MS Sans Serif,microsoft sans serif;
	margin: 10px 0 0 30px;
}



.petittitre {
	text-align:left;
	font-family: Futura-Cnd1, MS Sans Serif,microsoft sans serif;
	font-size:24px;
	font-stretch:condensed;
	font-weight:bold;
	padding:0 0 20px 0;
	margin:5px 0 15px 0;
	background-image:url(files/images/tiret_jaune.png);
		background-repeat: no-repeat; 
	background-size: 20px auto ;
	background-position: bottom left;
}


 a {
    
	margin: 2px 20px;
    width: auto;
    height: auto;
    float:left;
    text-align: center;
    text-decoration: none;
	/*font-family: "Futura-Condensed- NormalLight";*/
	/*font-weight:bold;*/
	font-size:16px;
    color: #274899;
}

 a:hover {
    color: #274899;
}

.sepa {
	float:left;
	background-color:white;
	background-repeat: no-repeat; 
	background-image:url(files/images/header/Rectangle1.png);
	height:18px;
	width:2px;
	
}

.lineblue {
	float:left;
	background-color:white;
	background-repeat: no-repeat; 
	background-image:url(files/images/h2/R2.png);
	/*height:18px;
	width:2px;*/
	
}

.yellow {
	color:#f9b012;
}

.blue {
	 color: #274899;
}

.white {
	color:#FFFFFF;
}



h1 {
	font-family:  Futura-Std1;
	font-size:40px;
	text-transform: uppercase;
	
}

h2 {
	font-family:  Futura-Cnd1;
	font-size:40px;
	text-transform: uppercase;
	/*font-weight:bolder;*/
	
}

#logo {
	float:left;
	background-color:white;
	background-repeat: no-repeat; 
	background-image:url(files/images/logofs.PNG);
	background-size: cover; 
	width:300px;
	height:110px;
	/*margin:0 65px 0 65px;*/
	
	
}

.clear {
	clear:both;
	float:left;
	
}

#menu {
	margin:89px 0 40px 0;
	float:right;
	/*width:600px;*/
	
}

#bloc1 {
	clear:both;
	float:left;
	background-color:white;
	background-repeat: no-repeat; 
	background-image:url(files/images/H1/fond-H1.PNG);
	background-size: cover;
	width:1065px;
	height:415px;
}

#bloc2 {
	float:left;
	background-color:white;
	background-repeat: no-repeat; 
	/*background-image:url(files/images/fond-presentation.PNG);
	background-size: cover;*/
	width:1065px;
	/*height:326px;*/
	padding-bottom:80px;
}

#bloc3 {
	float:left;
	background-color:#eeeeee;
	background-repeat: no-repeat; 
	padding: 0 0 50px 0;
/*	background-image:url(files/images/fond-garanties.PNG);
	background-size: cover;*/
	width:1065px;
	font-weight:lighter;
	/*height:673px;*/
}

#bloc4 {
	float:left;
	/*background-color:white;
	background-repeat: no-repeat; 
	background-image:url(files/images/fond-pourquoi.PNG);*/
	width:1065px;
	padding-bottom:50px;
	font-stretch:normal;
	font-weight:lighter;
	/*height:359px;*/
}

#bloc5 {
	float:left;
	background-color:f9b012;
	background-repeat: no-repeat; 
	/*background-image:url(files/images/fond-contact.PNG);*/
	width:1065px;
	/*height:458px;*/
	padding-bottom:40px;
	font-weight:lighter;
	
	
}


#menu_ident {
	
	margin:10px 0 0 72px;
	
}

.inputbox {
  color:white;
  opacity:0.5;
  margin: 0;
  padding-left: 5px;
  width: 124px;
  /*font-family: sans-serif;
  font-size: 18px;*/
  line-height:24px;
  appearance: none;
  box-shadow: none;
  border-radius: 12px;
  border:none;
  background-color:#000000;
  background-repeat: no-repeat; 
  font-style: italic;
  /*background-image:url(files/images/arrondi-alpha.png);*/
  
 
}

.inputbox:focus {
  outline: none;
}



#btn_ok {
	color:white;
	background-color:#263678;
	width:45px;
	height:24px;
	margin-left:8px;
	border:none;
	 border-radius: 12px;
}

.#btn_ok :focus {
  outline: 1px;
}


#btncontact {
	color:white;
	background-color:#263678;
	width:120px;
	height:26px;
	border:none;
	 border-radius: 12px;
	margin: 0 0 0 22px;
	font-family:  Futura-Std1;
	text-transform:uppercase;
}


.contact  {
  /*color:white;
  background-color:#f9b012;*/
color:white; 
 margin:  0;
  width: 180px;
  font-family: sans-serif;
  font-size: 14px;
  border-radius: 12px;
 /* border-color:#ffffff;
  border-width:1px;*/
  font-style: italic;
  padding-left: 5px;
  line-height:24px;
  height:26px;
  opacity:0.5;
   appearance: none;
  box-shadow: none;
  border-radius: 12px;
  border:none;
  background-color:#000000;
  background-repeat: no-repeat; 
}

.tel  {
  height:26px;
  padding-left: 5px;
  color:white;
  background-color:#f9b012;
  border-color:#ffffff;
  margin:  0;
  width: 120px;
  line-height:24px;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
   border-radius: 12px;
   font-style: italic;
   opacity:0.5;
   appearance: none;
  box-shadow: none;
  border-radius: 12px;
  border:none;
  background-color:#000000;
  background-repeat: no-repeat; 
}
