@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------*/
/*Web fonts*/


@font-face {
	font-family: 'Oxygen';
	src: url('webfonts/Oxygen/Oxygen.woff') format('woff');
	font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'Oxygen-Bold';
	src: url('webfonts/Oxygen-Bold/Oxygen-Bold.woff') format('woff');
	font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'PTSans';
	src: url('webfonts/PTSans-Regular/PTSans-Regular.woff') format('woff');
	font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'PTSans-Bold';
	src: url('webfonts/PTSans-Bold/PTSans-Bold.woff') format('woff');
	font-weight: normal; font-style: normal; 
}





@font-face {
	font-family: 'Graphie';
	src: url('webfonts/Graphie/Graphie-Regular.woff') format('woff');
	font-weight: normal; font-style: normal; 
}
@font-face {
	font-family: 'Graphie-semibold';
	src: url('webfonts/Graphie/Graphie-SemiBold.woff') format('woff');
	font-weight: normal; font-style: normal; 
}
@font-face {
	font-family: 'Graphie-bold';
	src: url('webfonts/Graphie/Graphie-ExtraBold.woff') format('woff');
	font-weight: normal; font-style: normal; 
}
@font-face {
	font-family: 'Graphie-light';
	src: url('webfonts/Graphie/Graphie-Light.woff') format('woff');
	font-weight: normal; font-style: normal; 
}



/* ---------------------------------------------------------*/


body,td,th { 
	font-family: "Oxygen", Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #333; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
}


a         { font-family:  "Oxygen", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #333; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; color: #0F8EC7; }
a:hover   { text-decoration: underline; color: #0F8EC7; }
a:active  { text-decoration: none; color: #0F8EC7; }


/* ---------------------------------------------------------- */
/* Links */
a.Linkbreak         { text-decoration:none; }
a.Linkbreak:visited { text-decoration:none; }
a.Linkbreak:hover   { text-decoration:none; }
a.Linkbreak:active  { text-decoration:none; }




.section-title1 { font-family:  "Oxygen", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 40px; color: #034676; width: 98%; margin: 20px 1% 10px 1%;  font-weight: normal  }


.title1 { font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 48px; color: #034676; font-weight: normal; margin: 0 0 20px 0; }
.title1_ { font-family: "Oxygen-bold", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 48px; color: #034676; font-weight: normal; margin: 0 0 20px 0; }


.title2 { font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 30px; color: #DF0033; font-weight: normal; margin: 0 0 15px 0; }

.title3 { font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 34px; line-height: 40px; color: #FF0940; font-weight: normal; margin: 0 0 15px 0; }



.text1 { font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #555; margin: 10px 0; }
.text2 { font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #FF083F; margin: 10px 0; }
.text3 { font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; color: #333; margin: 10px 0; }
.text4 { font-family: "Oxygen", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 27px; color: #222; margin: 5px 0 10px 0; }


.formlabel,.formlabel1 { width: 25%; margin: 10px 0; float: left; font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 30px; color: #333; font-weight: normal; text-align: right; }

.formlabel1 {  font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; text-align: left; }

.formlabel_field { width: 72%; margin-left: 3%; float: left; } 

.formfield { width: 90%; float: left; padding: 10px; margin: 7px 0px 15px 0px; 
font-size: 16px; color: #333; line-height:20px; border:solid 1px #DDD; border-radius: 2px; }



.ul-set {
	padding: 0; margin: 10px 0;
	font-size: 18px; line-height: 24px; color: #222;
}
.ul-set li {
	padding: 0; margin: 5px 0 5px 30px;
	font-size: 18px; line-height: 24px; color: #222;
}

.ul-set1 {
	padding: 0; margin: 10px 0;
	font-size: 18px; line-height: 24px; color: #222;
}
.ul-set1 li {
	padding: 0; margin: 10px 0 10px 30px;
	font-size: 18px; line-height: 24px; color: #222;
}


/*
h1{ font-weight: normal; }
h2{ font-weight: normal; }
*/

/*h3{ font-weight: normal; }*/





.color1 { color: #083049; }
.color2 { color: #FFF; }
.color3 { color: #91F300; }
.color4 { color: #222; }
.color5 { color: #333; }
.color6 { color: #213700; }
.color7 { color: #E50007; }





@media screen and (max-width: 800px){ /*telephone portrait & paysage*/

.section-title1 { font-size: 30px; line-height: 35px;  }

.title1 { font-size: 30px; line-height: 40px; }
.title1_ { font-size: 33px; line-height: 43px; }
.title2 { font-size: 21px; line-height: 26px; }
.title3 { font-size: 29px; line-height: 35px; }
.text1 { font-size: 14px; line-height: 20px; }
.text2 { font-size: 16px; line-height: 25px; }
.text3 { font-size: 18px; line-height: 25px; }
.text4 { font-size: 16px; line-height: 25px; }
	
}


@media screen and (min-width: 800px){/*tablette portrait*/
	
.section-title1 { font-size: 30px; line-height: 35px;  }

.title1 { font-size: 33px; line-height: 43px; }
.title1_ { font-size: 33px; line-height: 43px; }
.title2 { font-size: 21px; line-height: 26px; }
.title3 { font-size: 29px; line-height: 35px; }
.text1 { font-size: 14px; line-height: 20px; }
.text2 { font-size: 16px; line-height: 25px; }
.text3 { font-size: 18px; line-height: 25px; }
.text4 { font-size: 16px; line-height: 25px; }

}


@media screen and (min-width: 1300px){

.section-title1 { font-size: 35px; line-height: 40px;  }

.title1 { font-size: 38px; line-height: 48px; }
.title1_ { font-size: 38px; line-height: 48px; }
.title2 { font-size: 26px; line-height: 30px; }
.title3 { font-size: 34px; line-height: 40px; }
.text1 { font-size: 16px; line-height: 22px; }
.text2 { font-size: 20px; line-height: 30px; }
.text3 { font-size: 22px; line-height: 30px; }
.text4 { font-size: 18px; line-height: 27px; }

}