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



@font-face {
	font-family: 'lato';
	src: url('fonts/lato/Lato-Regular.woff') format('woff');
	font-weight: normal; font-style: normal;
}
/*
@font-face {
	font-family: 'lato';
	src: url('fonts/lato-regular/lato-regular.eot');
	src: local('☺'), url('fonts/lato-regular/lato-regular.woff') format('woff'), url('fonts/lato-regular/lato-regular.ttf') format('truetype'), url('fonts/lato-regular/lato-regular.svg') format('svg');
	font-weight: normal; font-style: normal;
}
*/

@font-face {
	font-family: 'lato1';
	src: url('fonts/lato/Lato-Regular.woff') format('woff');
	font-weight: normal; font-style: normal;
}
/*
@font-face {
	font-family: 'lato1';
	src: url('fonts/lato-regular1/lato-regular1.eot');
	src: local('☺'), url('fonts/lato-regular1/lato-regular1.woff') format('woff'), url('fonts/lato-regular1/lato-regular1.ttf') format('truetype'), url('fonts/lato-regular1/lato-regular1.svg') format('svg');
	font-weight: normal; font-style: normal;
}
*/

@font-face {
	font-family: 'lato-bold';
	src: url('fonts/lato/Lato-Bold.woff') format('woff');
	font-weight: normal; font-style: normal;
}
/*
@font-face {
	font-family: 'lato-bold';
	src: url('fonts/lato-bold/lato-bold.eot');
	src: local('☺'), url('fonts/lato-bold/lato-bold.woff') format('woff'), url('fonts/lato-bold/lato-bold.ttf') format('truetype'), url('fonts/lato-bold/lato-bold.svg') format('svg');
	font-weight: normal; font-style: normal;
}*/
@font-face {
	font-family: 'lato-black';
	src: url('fonts/lato/Lato-Black.woff') format('woff');
	font-weight: normal; font-style: normal;
}

/*
@font-face {
	font-family: 'lato';
	src: url('fonts/Lato/Lato-Regular.woff') format('woff');
	font-weight: normal; font-style: normal; 
}*/




@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-regular/opensans-regular.eot');
	src: local('☺'), url('fonts/opensans-regular/opensans-regular.woff') format('woff'), url('fonts/opensans-regular/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular/opensans-regular.svg') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'merriweather';
	src: url('fonts/merriweather-bold/merriweather-bold.eot');
	src: local('☺'), url('fonts/merriweather-bold/merriweather-bold.woff') format('woff'), url('fonts/merriweather-bold/merriweather-bold.ttf') format('truetype'), url('fonts/merriweather-bold/merriweather-bold.svg') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'oxygen';
	src: url('fonts/oxygen-bold/oxygen-bold.eot');
	src: local('☺'), url('fonts/oxygen-bold/oxygen-bold-bold.woff') format('woff'), url('fonts/oxygen-bold/oxygen-bold.ttf') format('truetype'), url('fonts/oxygen-bold/oxygen-bold.svg') format('svg');
	font-weight: normal; font-style: normal;
}



body,td,th { font-family: "lato", Arial, Helvetica, sans-serif; font-size: 16px; color: #333; line-height:20px; }

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


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




/*Title*/
.KTitle1 { font-family: "merriweather", Arial, Helvetica, sans-serif; font-size: 45px; line-height: 50px; color:#222; margin: 25px 0px 15px 0px; font-weight: bold; } /*News tittle*/
.KTitle2 { font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 50px; color:#000; } /*title comment*/
.KTitle3 { font-family: "lato", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 36px; color:#FFF; /*margin-bottom: 5px; border-bottom: solid 3px #FFF;*/ } /*categorie musique et video*/
.KTitle4 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#000; margin: 25px 0px 10px 0px ;} /*Section Title home*/
.KTitle5 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#F03F78; margin: 25px 0px 15px 0px ;} /*Section Title home*/
.KTitle6 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#FF7F00; margin: 25px 0px 15px 0px ;} /*Section Title home*/
.KTitle7 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#FFF; margin: 25px 0px 15px 0px ;} /*Section Title home*/
.KTitle8 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#000; margin: 25px 0px 15px 0px ;} /*Section Title page*/
.KTitle9 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#000; margin: 25px 0px 15px 0px ;} /*Section Title page*/
.KTitle10 { font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#333333; margin: 0 0px 15px 0px ;} /*Section Title Event*/
.KTitle11 { font-family: "oxygen", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 36px; color:#555555; margin: 0 0px 15px 0px ;} /*Section Title Event*/
.KTitle12 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 40px; line-height: 46px; color: #0070c0; margin: 15px 0px 15px 0px; font-weight: bold; } /*Communiqué tittle*/
.KTitle1_add { font-family: "oxygen", Arial, Helvetica, sans-serif; }
.KTitleEffect { transition: 0.2s; }
.KTitleEffect:hover{ transform: translate(10px,0px); opacity: 0.8; transition: 0.2s; }



/*Text*/
.KText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextCitation2,.KTextLink { font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 26px; color:#222; } /*description news*/
.KText2 { font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color:#888; } /*description news small*/
.KText3 { font-family: "lato", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color:#888; } /*stat*/
.KText4 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color:#333; } /*stat*/
.KTextCitation { font-family: "merriweather", Arial, Helvetica, sans-serif; color:#222; padding: 0 0 0 25px; border-left: solid 6px #F72468; }
.KTextCitation1{ font-family: "merriweather", Arial, Helvetica, sans-serif;  font-size: 80px; line-height: 26px; color:#F72468;  }
.KTextCitation2{ font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#222; padding: 0 0 0 25px; border-left: solid 6px #FF7A4D; }
.KTextStrong { font-family: "lato-bold", Arial, Helvetica, sans-serif; color:#222; }
.KTextHighlight { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 28px; color:#333; }
.KTextKeyword { color:#0084ff; }
a.KTextLink:link,a.KTextLink:visited   { color:#111; text-decoration: none; }
.KTextLink   { border-bottom: solid 2px #666;  }
.KTextKeyword:hover { color:#F72468; }
.KText5 { font-family: "lato", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color:#F03F78; } /*voir+*/

.KText6 { font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color:#F03F78; }/*texte subscribe*/
.KText7 { font-family: "lato1", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color:#111; }/*texte subscribe*/

.KText8 { font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color: #0070c9; }/*titre question help*/
.KText8:hover{ color: #0070c9; text-decoration: underline; }
.KText8_{ font-family: "lato-bold", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #000000; }/*titre question help*/
.KText9 { font-family: "opensans", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; color:#444444; }/*texte help*/

.KBold{ font-family: "lato-bold", Arial, Helvetica, sans-serif;  }


/*Field*/
/*.NField { padding:17px; font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; font-size: 16px; color: #333; line-height:17px; background-color: #FFF;
border:solid 1px #CCC; border-radius:2px; box-shadow: 1px 1px 5px #555; margin:5px 0 5px 0; opacity: 0.9; }*/

.KoaciField{ padding: 20px; margin-bottom: 20px; font-family: "opensans", Arial, Helvetica, sans-serif;
font-size: 18px; color: #333; line-height:22px; border:solid 2px #DDD; border-radius: 10px; }

.KoaciField1{ padding: 8px; margin: 7px 0px 15px 0px; font-family: "lato", Arial, Helvetica, sans-serif;
font-size: 16px; color: #333; line-height:20px; border:solid 1px #DDD; border-radius: 5px; }

.KoaciField2{ padding: 14px; margin: 7px 0px 15px 0px; font-family: "lato", Arial, Helvetica, sans-serif;
font-size: 16px; color: #333; line-height:16px; border:solid 1px #DDD; border-radius: 5px; }

.KoaciField3{ padding: 12px 10px 15px 10px; font-family: "opensans", Arial, Helvetica, sans-serif;
    font-size: 15px; color: #333; line-height: 20px; border: none; border:solid 2px #F03F78; border-left: none; border-right: none; margin-right: 5px; }
.KoaciField3:focus{ border:solid 2px #333; border-left: none; border-right: none; }

.KoaciField4{ padding: 18px; margin: 7px 0px 15px 0px; font-family: "lato", Arial, Helvetica, sans-serif;
    color: #333; font-size: 17px; line-height:20px; border:none; border-radius: 26px; background-color: #FFF; border:solid 1px #DDD;  }

.KoaciField_error{ background-color:#408FAA; color:#FFF; border:solid 2px #408FAA; }

.KoaciField:focus,.KoaciFieldBorder {  border: solid 2px #EEE; }
.KoaciField_lil,.KoaciField_lil:focus{ padding:8px; font-size: 14px;}

.valid{width: 31%; }

@media screen and (max-width: 800px){
	/*Title*/
    .KTitle1 { font-size: 25px; line-height: 30px; }
	.KTitle2 { font-size: 25px; line-height: 50px; }
	.KTitle3 { font-size: 22px; line-height: 30px; }
	.KTitle4 { font-size: 21px; line-height: 30px; }
	.KTitle5 { font-size: 21px; line-height: 30px; }
	.KTitle6 { font-size: 21px; line-height: 30px; }
	.KTitle7 { font-size: 21px; line-height: 30px; }
    .KTitle8 { font-size: 30px; line-height: 35px; }
    .KTitle9 { font-size: 22px; line-height: 26px; }
    .KTitle10 { font-size: 26px; line-height: 30px; }
    .KTitle11 { font-size: 22px; line-height: 26px; }
	.KTitle12 { font-size: 26px; line-height: 30px; }


	/*Text*/
    .KText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextLink { font-size: 16px; line-height: 26px; }
	.KText2 { font-size: 15px; line-height: 20px; }
	.KText3 { font-size: 15px; line-height: 21px; }
	.KText4 { font-size: 15px; line-height: 21px; }
    .KTextCitation,.KTextCitation2 { font-size: 19px; line-height: 27px; }
	.KTextHighlight { font-size: 18px; line-height: 24px; }
	.KText5 { font-size: 14px; line-height: 19px; }

	.KoaciField{ padding: 15px; font-size: 15px; line-height: 20px; }
	.KoaciField1{ padding: 12px; font-size: 14px; line-height: 18px; }
	.KoaciField2{ padding: 14px; font-size: 14px; line-height: 18px; }
}


@media screen and (min-width: 801px){
	/*Title*/
    .KTitle1 { font-size: 38px; line-height: 45px; }
	.KTitle2 { font-size: 25px; line-height: 50px; }
	.KTitle3 { font-size: 22px; line-height: 30px; }
	.KTitle4 { font-size: 21px; line-height: 30px; }
	.KTitle5 { font-size: 21px; line-height: 30px; }
	.KTitle6 { font-size: 21px; line-height: 30px; }
	.KTitle7 { font-size: 21px; line-height: 30px; }
    .KTitle8 { font-size: 40px; line-height: 46px; }
    .KTitle9 { font-size: 22px; line-height: 26px; }
    .KTitle10 { font-size: 32px; line-height: 38px; }
    .KTitle11 { font-size: 22px; line-height: 26px; }
	.KTitle12 { font-size: 33px; line-height: 40px; }


	/*Text*/
	.KText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextLink { font-size: 16px; line-height: 26px; }
	.KText2 { font-size: 15px; line-height: 20px; }
	.KText3 { font-size: 15px; line-height: 21px; }
	.KText4 { font-size: 15px; line-height: 21px; }
    .KTextCitation,.KTextCitation2 { font-size: 19px; line-height: 27px; }
	.KTextHighlight { font-size: 18px; line-height: 24px; }
	.KText5 { font-size: 14px; line-height: 19px; }

	.KoaciField{ padding: 15px; font-size: 15px; line-height: 20px; }
	.KoaciField1{ padding: 12px; font-size: 14px; line-height: 18px; }
	.KoaciField2{ padding: 14px; font-size: 14px; line-height: 18px; }
}


@media screen and (min-width: 1200px){
	/*Title*/
    .KTitle1 { font-size: 41px; line-height: 50px; }
	.KTitle2 { font-size: 25px; line-height: 50px; }
	.KTitle3 { font-size: 22px; line-height: 30px; }
	.KTitle4 { font-size: 21px; line-height: 30px; }
	.KTitle5 { font-size: 21px; line-height: 30px; }
	.KTitle6 { font-size: 21px; line-height: 30px; }
	.KTitle7 { font-size: 21px; line-height: 30px; }
    .KTitle8 { font-size: 42px; line-height: 46px; }
    .KTitle9 { font-size: 24px; line-height: 28px; }
    .KTitle10 { font-size: 34px; line-height: 42px; }
    .KTitle11 { font-size: 24px; line-height: 28px; }
	.KTitle12 { font-size: 36px; line-height: 42px; }

	/*Text*/
	.KText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextLink  { font-size: 17px; line-height: 27px; }
	.KText2 { font-size: 16px; line-height: 21px; }
	.KText3 { font-size: 15px; line-height: 22px; }
	.KText4 { font-size: 15px; line-height: 22px; }
    .KTextCitation,.KTextCitation2 { font-size: 21px; line-height: 29px; }
	.KTextHighlight { font-size: 19px; line-height: 25px; }
	.KText5 { font-size: 15px; line-height: 20px; }

	.KoaciField{ padding: 15px; font-size: 15px; line-height: 20px; }
	.KoaciField1{ padding: 12px; font-size: 14px; line-height: 18px; }
	.KoaciField2{ padding: 14px; font-size: 14px; line-height: 18px; }
}

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

	/*Title*/
    .KTitle1 { font-size: 43px; line-height: 52px; }
	.KTitle2 { font-size: 27px; line-height: 50px; }
	.KTitle3 { font-size: 24px; line-height: 33px; }
	.KTitle4 { font-size: 23px; line-height: 33px; }
	.KTitle5 { font-size: 23px; line-height: 33px; }
	.KTitle6 { font-size: 23px; line-height: 33px; }
	.KTitle7 { font-size: 23px; line-height: 33px; }
    .KTitle8 { font-size: 44px; line-height: 46px; }
    .KTitle9 { font-size: 26px; line-height: 30px; }
    .KTitle10 { font-size: 36px; line-height: 42px; }
    .KTitle11 { font-size: 26px; line-height: 30px; }
	.KTitle12 { font-size: 38px; line-height: 44px; }

	/*Text*/
    .KKText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextLink  { font-size: 18px; line-height: 28px; }
	.KText2 { font-size: 17px; line-height: 21px; }
	.KText3 { font-size: 17px; line-height: 24px; }
	.KText4 { font-size: 17px; line-height: 24px; }
    .KTextCitation,.KTextCitation2 { font-size: 23px; line-height: 31px; }
	.KTextHighlight { font-size: 21px; line-height: 28px; }
	.KText5 { font-size: 17px; line-height: 22px; }

	.KoaciField{ padding: 15px; font-size: 16px; line-height: 22px; }
	.KoaciField1{ padding: 12px; font-size: 15px; line-height: 20px; }
	.KoaciField2{ padding: 14px; font-size: 15px; line-height: 20px; }

}

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

	/*Title*/
	.KTitle1 { font-size: 45px; line-height: 54px; }
	.KTitle2 { font-size: 27px; line-height: 50px; }
	.KTitle3 { font-size: 24px; line-height: 33px; }
	.KTitle4 { font-size: 23px; line-height: 33px; }
	.KTitle5 { font-size: 23px; line-height: 33px; }
	.KTitle6 { font-size: 23px; line-height: 33px; }
	.KTitle7 { font-size: 23px; line-height: 33px; }
    .KTitle8 { font-size: 48px; line-height: 46px; }
    .KTitle9 { font-size: 28px; line-height: 32px; }
    .KTitle10 { font-size: 40px; line-height: 46px; }
    .KTitle11 { font-size: 28px; line-height: 32px; }
	.KTitle12 { font-size: 40px; line-height: 46px; }

	/*Text*/
	.KText1,.KTextStrong,.KTextKeyword,.KTextCitation,.KTextLink  { font-size: 18px; line-height: 28px; }
	.KText2 { font-size: 17px; line-height: 21px; }
	.KText3 { font-size: 17px; line-height: 24px; }
	.KText4 { font-size: 17px; line-height: 24px; }
	.KTextCitation,.KTextCitation2 { font-size: 23px; line-height: 31px; }
	.KTextHighlight { font-size: 21px; line-height: 28px; }
	.KText5 { font-size: 17px; line-height: 22px; }

	.KoaciField{ padding: 15px; font-size: 16px; line-height: 22px; }
	.KoaciField1{ padding: 12px; font-size: 15px; line-height: 20px; }
	.KoaciField2{ padding: 14px; font-size: 15px; line-height: 20px; }

}


/*Font Color*/
.KColor  { color:#FFFFFF; }
.KColor1 { color:#F03F78; }
.KColor2 { color:#AAAAAA; }
.KColor3 { color:#F03F78; }/*288E8E*/
.KColor4 { color:#888888; }
.KColor5 { color:#222222; }
.KColor6 { color:#555555; }
.KColor7 { color:#CCCCCC; }
.KColor8 { color:#FA6D73; }/*FA6D73 0070c9*/
.KColor9 { color: #185bb7; }
.KColor10 { color:#E3F0FB; }
.KColor11 { color:#FF9800; }
.KColor12 { color:#185bb7;}

.KBold { font-family: "lato-bold", Arial, Helvetica, sans-serif; }

/*Font size*/
.MotionSize12 { font-size: 12px; line-height:14px; }
.MotionSize14 { font-size: 14px; line-height:18px; }
.MotionSize16 { font-size: 15px; line-height:20px; }
.MotionSize19 { font-size: 19px; line-height:25px; }
.MotionSize18 { font-size: 24px; line-height:30px; }
.MotionSize20 { font-size: 20px; line-height:24px; }
.MotionSize26 { font-size: 26px; line-height:30px; }
.MotionSize30 { font-size: 30px; line-height:24px; }