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

body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#E4E4E4;
}
.AlignRight { float:right; }
.AlignLeft { float:left; }
.overflow { overflow:hidden; }



/* ---------------------------------------------------------- */
/* Structure */
.KContainer{ width:96%; float:left; margin:0 2% 0 2%; }
#KoaciTop { width:100%; height:55px; position:fixed; z-index:1000; padding-top:5px; background: #ffffff; box-shadow: 0px 0px 5px #AAA; }
#KoaciMenu { width:80%; height:100vh; /*margin-left:100%;*/ margin-left:100%; float:left; position:fixed; z-index:10; overflow:auto; background-color:#444; color:#FFF; opacity:0.98; box-shadow: 0px 5px 5px #666; }
.KoaciMenuIn1{ width:100%; float:left; padding:1px 0 15px 0; background:url(img/back_menu.jpg); background-position:top left; border-bottom:solid 4px #666; }

.KoaciMenuItem{ width:98%; height:28px; float:left; padding: 5px 0 0 2%;  border-bottom:solid 1px #666666;  border-left: solid 4px #333; 
font-family: "KoaciFont3", Arial, Helvetica, sans-serif; font-size: 20px; color: #FFF; line-height:17px; } 
.KoaciMenuItem1{ width:86%; height:22px; padding: 0 7% 0 7%; float:left; padding: 8px 0 0 0; border-bottom:dotted 1px #666666; border-left: solid 4px #555;
font-family: "KoaciFont3", Arial, Helvetica, sans-serif; font-size: 21px; color: #CCC; line-height:17px; } 
.KoaciMenuItemC{ border-left: solid 4px #F39;  color:#FF5BAD; font-style:italic; }
.KmenuColor{ width:23px; height:19px; padding:4px 0 0 0; margin-right:5px; float:left;  background-color:#F39; border-radius:50px; }

#KoaciSliderOver{ width:100%; height:50px; position:fixed; z-index:4; padding:12px 0 0 0; margin-top:145px; overflow:hidden; 
font-family: "KoaciFont0",Arial, Helvetica, sans-serif; font-size: 18px; line-height:18px; color: #FFF; border-bottom:solid 3px #CB0058;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,111111+100&0.01+0,1+100 */
background: -moz-linear-gradient(top,  rgba(17,17,17,0.01) 0%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(17,17,17,0.01) 0%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(17,17,17,0.01) 0%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03111111', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.KoaciSliderMask{ width:100%; height:210px; }

.BlocD0{ width:100%; min-height:295px; margin: 0 0 15px 0; float:left; background-color:#FFF;  border-radius:2px; box-shadow: 0px 0px 1px #AAA; }
.BlocD0Img{ width:100%; height:210px; overflow:hidden; border-radius:2px 2px 0 0; border-bottom:solid 3px #CB0058; }
.BlocD0Img0{ width:100%; height:210px; overflow:hidden; border-radius:2px 2px 0 0; border-bottom:solid 3px #CB0058; /*background-color:#333;*/ }
.BlocD0Img1{ width:100%; min-height:150px; overflow:hidden; border-radius:2px 2px 0 0; border-bottom:solid 3px #CB0058; }

.BlocD1{ width:100%; height:295px; margin: 0 0 15px 0; float:left; background-color:#FFF;  border-radius:2px; box-shadow: 0px 0px 1px #AAA; }
.BlocD1Ajust{ height:260px; } 
.BlocD1Img{ width:100%; height:180px; overflow:hidden; border-radius:2px 2px 0 0; }
#BlocD1Over { width:86%; height:50px; margin: 0 5% 0 5%; float:left; position: absolute; z-index:5; margin-top:160px; background: #ffffff;  }
.BlocD1W{ width:0px; height:0px; float:left; }
.BlocD1:active , .BlocD1:active > #BlocD1Over  { background-color: #DDD; }


.BlocD1_{ width:49.5%; height:170px; margin:0 0 1px 0; float:left; background-color:#FFF;  border-radius:2px; box-shadow: 0px 0px 1px #AAA;}
.BlocD1Img_{ width:100%; height:105px; overflow:hidden; border-radius:2px 2px 0 0; }
#BlocD1Over_ { width:44%; height:50px; margin: 0 1% 0 1%; float:left; position: absolute; z-index:5; margin-top:95px; background: #ffffff; }
.BlocD1W_{ width:1%; height:10px; float:left; }
	

.BlocD2{ width:100%; height:225px; margin: 0 0 15px 0; float:left; background-color:#353535;  border-radius:2px; box-shadow: 0px 0px 1px #AAA;}
.BlocD2Img{ width:100%; height:160px; overflow:hidden; border-radius:2px 2px 0 0; }
#BlocD2Over { width:86%; height:50px; margin: 0 5% 0 5%; float:left; position: absolute; z-index:5; margin-top:140px; background: #353535;  }
#BlocD2Over1{ width:50px; height:50px; margin: 0 5% 0 5%; float:left; position: absolute; z-index:5; margin-top:87px;  }
.BlocD2W{ width:0px; height:0px; float:left; }
.BlocD2:active , .BlocD2:active > #BlocD2Over{ background-color: #222; }

.BlocD3{ width:100%; height:225px; margin: 0 0 15px 0; float:left; background-color:#555;  border-radius:2px; box-shadow: 0px 0px 1px #AAA;}
.BlocD3Img{ width:100%; height:160px; overflow:hidden; border-radius:2px 2px 0 0; }
#BlocD3Over { width:86%; height:50px; margin: 0 5% 0 5%; float:left; position: absolute; z-index:5; margin-top:140px; background:#555;  }
#BlocD3Over1{ width:50px; height:50px; margin: 0 5% 0 5%; float:left; position: absolute; z-index:5; margin-top:87px;  }
.BlocD3W{ width:0px; height:0px; float:left; }
.BlocD3:active , .BlocD3:active > #BlocD3Over{ background-color: #222; } 


.BlocU1{ width:100%; min-height:40px; float:left; border-bottom:dotted 1px #CCCCCC;  }
.BlocS1{ width:100%; min-height:40px; float:left; border-bottom:dotted 1px #CCCCCC; margin-bottom:10px;  }


.Koacifooter{ width:100%; min-height:260px; float:left; background-color:#F9F9F9; border-top: solid 3px #EEEEEE; font-size:12px; padding:15px 0 0 0; }
.KoaciNewsletter{ width:100%; min-height:100px; float:left; background-color: #666; border-top: solid 3px #EEEEEE; color:#FFF; font-size:14px; padding:15px 0 0 0; margin-top:20px; }

.banSet{ width:100%; float:left; margin:10px 0 10px 0; padding:5px 0 5px 0;  border:dotted 1px #CCCCCC; border-left:none; border-right:none;  }
.KTrie{  width:100%; min-height:55px; float:left; background: #FFF; box-shadow: 0px 0px 5px #AAA; } 
.KTrieSt1 { width:48.5%; float:left; margin:0 1.5% 3px 0; }
#KPays{  width:100%; min-height:55px; float:left; position:fixed; z-index:900; padding-top:65px; margin-top:-200%; overflow:auto; background: #FFF; box-shadow: 0px 0px 5px #AAA; } 
.banSet1{ width:100%; min-height:113px; float:left; padding-top:5px; margin-bottom:5px; background: #FFF; box-shadow: 0px 0px 5px #AAA; } 

.BlocK1{ width:100%; float:left; }
.back_form{ width:100%; height:100px; float:left; background:url(img/backtop_form.jpg); background-position:top center; border-radius:5px 5px 0 0; }

/*Bt*/
.KoaciBt,.KoaciBt_{ width:100%; height:27px; padding: 11px 0 0 0; background-color:#CB0058; border:solid 1px #CB0058; color:#FFF; font-size:16px;  border-radius:3px; }
.KoaciBt_{ background-color:#333; border:solid 1px #000; }
.KoaciBt1_{ width:100%; height:24px; padding: 9px 0 0 0; background-color:#CB0058; border:solid 1px #CB0058; color:#FFF; font-size:14px;  border-radius:3px; }
.KoaciBt1{ width:100%; height:24px; padding: 9px 0 0 0; background-color:#FFF; border:solid 1px #E2E2E2; color:#666; font-size:14px;  border-radius:3px; }
.KoaciBt2{ width:100%; height:30px; padding: 13px 0 0 0; border:solid 1px #CCCCCC; color:#FF0E51; font-family: "KoaciFont0",Arial, Helvetica, sans-serif; font-size:16px;  border-radius:3px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
 }
.KoaciBt:active,.KoaciBt2:active{ background:#000; color:#FFF; }

.KoaciBt3,.KoaciBt3_{ width:100%; height:30px; padding: 10px 0 0 0; background-color:#FFF; border-bottom:solid 1px #E2E2E2; border-left:solid 7px #E2E2E2; color:#333; font-size:14px; }
.KoaciBt3_{ color:#CB0058; border-left:solid 7px #CB0058;  }
.KoaciBt3:active,.KoaciBt3:hover{ background-color: #EBEBEB; }

.KFormValid{ width:100%; height:25px; padding-top:5px; background-color: #F00; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align:center; 
 font-family: 'KoaciFont3', Arial, Helvetica, sans-serif ; font-size: 16px; color: #FFF; line-height:16px; }

.ColorBoxBack { width:100%; height:300px; float:left; background:url(img/back_newsletter.jpg); background-position:top center;}
.ColorBoxBack1{ width:100%; float:left; background-color:#000; }

.loading1{ width:128px; height:25px; background:url(img/loading1.gif); background-repeat:no-repeat; }


#OverTitle2016,#OverTitle2016_{ position: absolute; padding:5px 10px 5px 10px; z-index:5; background-color:#F26C99; color:#FFF; font-size:12px; border-radius:5px; margin:7px;  font-family: 'KoaciFont1', Arial, Helvetica, sans-serif;  text-shadow:1px 0px 1px #444; opacity:0.9; }


/*Line*/
.Kline { width:100%; height:2px; background-color:#CBCBCB; }
.Kline1{ width:1px; height:27px; background-color:#CBCBCB; }
.Kline2{ width:100%; height:1px; background-color:#DDD; }
.Kline3{ width:100%; height:1px; border-bottom:dotted 1px #DDD; }
.Kline4{ width:100%; height:1px; background-color: #666; }


.backColor { background-color:#AAA; }
.backColor1{ background-color:#353535; }



.KRounder{ border-radius:50px; }
.KRounder1 { border-radius:50px; border:solid 2px #FFBF00;  }
.KRounder2 { width:60px; height:43px; padding:17px 0 0 0; float:left; background-color:#E9E9E9;  border-radius:50px; }
.KRounder3 { /*width:60px; height:43px;*/ padding:5px; float:left; margin:0 5px 3px 0; background-color:#E9E9E9;  border-radius:5px; color:#000; }
.KRounder4 { width:31%; padding:5px 0 5px 0; float:left; margin:0 2% 3px 0; background-color:#E9E9E9; color:#000;  border-radius:5px; }
.KRounder4:active { background-color:#000; color:#E9E9E9; } 


.FormBrowsePhoto,.FormBrowsePhoto_ok{ width:240px; height:34px; background: url(img/browse_photo.png); background-position:top right; border:solid 2px #CCC; font-size:16px; font-weight:bold; color:#333;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:14px 0px 0px 15px;}
.FormBrowseImage,.FormBrowseImage_ok,.FormBrowseVideo,.FormBrowseVideo_ok{ width:192px; height:34px; background: url(img/browse_image.png); background-position:top right; border:solid 2px #CCC; font-size:16px; font-weight:bold; color:#333;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-left:5px; padding:14px 0px 0px 15px;}
.FormBrowseImage_ok{ background: url(img/browse_image_.png); color:#FFF; background-position:top right;} 
.FormBrowsePhoto_ok{ background: url(img/browse_photo_.png); color:#FFF; background-position:top right;} 
.FormBrowseVideo   { background: url(img/browse_video.png); background-position:top right;} 
.FormBrowseVideo_ok{ background: url(img/browse_video_.png); color:#FFF; background-position:top right;} 
.FormField_blend { font-size:20px; opacity:0; filter: alpha(opacity = 0); }
#FormField_blendOver{ position: absolute; z-index:3; margin-top:-15px; margin-left:-15px;  }


/*MAsk*/
.MotionMask80 { width:80px; height:80px; display:block; overflow:hidden; border:solid 3px #CCCCCC; border-radius:200px; margin-bottom:3px; }


/*Ajustement*/
@media screen and (min-width: 500px){
	
	.KoaciSliderMask{ width:100%; height:260px; }
	#KoaciSliderOver{ width:80%; margin-top:195px; padding:12px 10% 0 10%;  }
	
	.BlocD0Img{ width:100%; height:350px; }
	.BlocD0Img0{ width:100%; height:380px; }
	
	.BlocD1{ width:49.5%; height:310px; margin:0 0 10px 0; }
	.BlocD1Ajust{ height:265px; } 
	.BlocD1Img{ height:160px; }
	#BlocD1Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:145px; }
	.BlocD1W{ width:1%; height:10px; float:left; }
	
	.BlocD1_{ width:49.5%; height:215px; margin:0 0 1px 0; }
	.BlocD1Img_{ height:160px; }
	#BlocD1Over_{ width:42%; height:50px; margin: 0 2% 0 2%; margin-top:145px; }
	.BlocD1W_{ width:1%; height:10px; float:left; }
	.KSize12{ font-size:15px; }
	
	.BlocD2{ width:49.5%; height:240px; margin:0 0 10px 0; }
	.BlocD2Img{ height:160px; }
	#BlocD2Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:140px; }
	#BlocD2Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:87px;  }
	.BlocD2W{ width:1%; height:10px; float:left; }
	
	.BlocD3{ width:49.5%; height:240px; margin:0 0 10px 0; }
	.BlocD3Img{ height:160px; }
	#BlocD3Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:140px; }
	#BlocD3Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:87px;  }
	.BlocD3W{ width:1%; height:10px; float:left; }
	
	.KTrieSt1 { width:24%; float:left; margin:0 1% 3px 0; }
	.KRounder4 { width:24%; margin:0 1% 3px 0;}
}


/*Ajustement*/
@media screen and (min-width: 800px){
	
	.KoaciSliderMask{ width:100%; height:450px; }
	#KoaciSliderOver{ width:80%; margin-top:385px; padding:12px 10% 0 10%;  }
	
	.BlocD0Img{ width:100%; height:450px; }
	.BlocD0Img0{ width:100%; height:450px; }
	
	.BlocD1{ width:49.5%; height:370px; margin:0 0 10px 0; }
	.BlocD1Ajust{ height:325px;  } 
	.BlocD1Img{ height:220px; }
	#BlocD1Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:205px; }
	.BlocD1W{ width:1%; height:10px; float:left; }
	
	.BlocD1_{ width:49.5%; height:215px; margin:0 0 1px 0; }
	.BlocD1Img_{ height:220px; }
	#BlocD1Over_{ width:42%; height:50px; margin: 0 2% 0 2%; margin-top:145px; }
	.BlocD1W_{ width:1%; height:10px; float:left; }
	.KSize12{ font-size:15px; }
	
	.BlocD2{ width:49.5%; height:305px; margin:0 0 10px 0; }
	.BlocD2Img{ height:220px; }
	#BlocD2Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:200px; }
	#BlocD2Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:147px;  }
	.BlocD2W{ width:1%; height:10px; float:left; }
	
	.BlocD3{ width:49.5%; height:305px; margin:0 0 10px 0; }
	.BlocD3Img{ height:220px; }
	#BlocD3Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:200px; }
	#BlocD3Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:147px;  }
	.BlocD3W{ width:1%; height:10px; float:left; }
	
	.KTrieSt1 { width:24%; float:left; margin:0 1% 3px 0; }
	.KRounder4 { width:24%; margin:0 1% 3px 0;}
}


@media screen and (min-width: 1000px){
	
	.KoaciSliderMask{ width:100%; height:650px; }
	#KoaciSliderOver{ width:80%; margin-top:585px; padding:12px 10% 0 10%;  }
	
	.BlocD0Img{ width:100%; height:550px; }
	.BlocD0Img0{ width:100%; height:550px; }
	
	.BlocD1{ width:49.5%; height:450px; margin:0 0 10px 0; }
	.BlocD1Ajust{ height:425px;  } 
	.BlocD1Img{ height:320px; }
	#BlocD1Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:305px; }
	.BlocD1W{ width:1%; height:10px; float:left; }
	
	.BlocD1_{ width:49.5%; height:215px; margin:0 0 1px 0; }
	.BlocD1Img_{ height:220px; }
	#BlocD1Over_{ width:42%; height:50px; margin: 0 2% 0 2%; margin-top:145px; }
	.BlocD1W_{ width:1%; height:10px; float:left; }
	.KSize12{ font-size:15px; }
	
	.BlocD2{ width:49.5%; height:400px; margin:0 0 10px 0; }
	.BlocD2Img{ height:320px; }
	#BlocD2Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:300px; }
	#BlocD2Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:247px;  }
	.BlocD2W{ width:1%; height:10px; float:left; }
	
	.BlocD3{ width:49.5%; height:400px; margin:0 0 10px 0; }
	.BlocD3Img{ height:320px; }
	#BlocD3Over { width:42%; height:50px; margin: 0 2% 0 2%; margin-top:300px; }
	#BlocD3Over1{ width:50px; height:50px; margin: 0 2% 0 2%;  margin-top:247px;  }
	.BlocD3W{ width:1%; height:10px; float:left; }
	
	.KTrieSt1 { width:24%; float:left; margin:0 1% 3px 0; }
	.KRounder4 { width:24%; margin:0 1% 3px 0;}
}








/* ---------------------------------------------------------- */
/* Pagination */
.PaginationBlock{ width:660px; height:30px; margin-left:30px; }
.PaginationBlock1{ width:360px; height:30px; margin-left:30px; }
div.pagination { padding: 3px; margin: 3px; }
div.pagination a {/*link color*/
	padding: 2px 2px 2px 2px; margin: 2px; 
	text-decoration: none; /* no underline */ color: #000; font-size:14px;
	/*background:url(img/color4.png); background-repeat:repeat-x; */
}
div.pagination a:hover, div.pagination a:active {/*survol*/
	/*border: 1px solid #06C;*/
	color: #000; text-decoration:none;
}
div.pagination span.current {
	padding: 5px 5px 5px 5px; font-weight: bold;  color: #000; font-size:14px; background-color:#CCC; -moz-border-radius:8px; -webkit-border-radius:8px;  border-radius:8px;
}
div.pagination span.disabled {/*last button*/
	padding: 5px 20px 5px 20px; text-decoration:none;margin: 4px;
	color: #666; font-size:14px; font-weight: bold;
	-webkit-border-radius:8px;  border-radius:8px;
}
div.pagination span.next {
	padding: 5px 20px 5px 20px; text-decoration:none; color: #444; font-size:14px; font-weight: bold; 
	background-color:#CCC; -moz-border-radius:8px; -webkit-border-radius:8px;  border-radius:8px;
}
div.pagination span.next:hover { background-color:#DDD; color: #666; }
.next a : hover { text-decoration:none;  }






/*Sondage*/
#container{ width:92%; min-height:100px; padding: 20px 4% 20px 4%;  margin: 0 0 15px 0; float:left; background-color:#333;  border-radius:2px; box-shadow: 0px 0px 1px #AAA;color: #FFF;
font-family: 'KoaciFont2', Arial, Helvetica, sans-serif; font-size: 20px; color: #EEEEEE; line-height:20px; }
.pollanswer{ width:100%; height:25px; font-size: 15px; color: #EEEEEE; line-height:15px; }
.pollanswer:hover{ background-color:#2C2C2C; color: #EEEEEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pollresult{ font-size: 15px; color: #EEEEEE; line-height:15px; padding-bottom:2px; padding-top:5px; }
.pollLine{ width:100%; height:10px; border-bottom:solid 1px #3E3E3E; margin-bottom:10px; }
.containerSt1{ width:100%; height:80px; }/*90px*/

.pollBt{ width:100px; height:31px; float:left; padding:0px 0px 0px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-right:5px;
font-family: 'KoaciFont3', Arial, Helvetica, sans-serif; font-size: 17px; color:#FFF; line-height:17px; background-color:#CB0058; border:solid 1px #000;
/*width:100%; height:27px; padding: 11px 0 0 0; background-color:#CB0058; border:solid 1px #CB0058; color:#FFF; font-size:16px;  border-radius:3px;*/
}
.pollBt:hover{ background:url(img/color7.png); border:solid 1px #FF1A64; cursor:pointer; }
#container h1{
	margin:0; padding:5px; 
	font-size:14px; font-family: 'KoaciFont3', Arial, Helvetica, sans-serif;
	font-weight:normal; color:#333;
}

#pollcontainer{
	margin:5px; /*border:1px solid #f3f3f3;*/
	/*background:#f9f9f9;*/ padding:0px;
}
#loader{ display:none; text-align:center;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:12px; }
.bar{ height:10px; background:#FF6799; /*3399cc*/}
.yourvote{ background:#113399; }
.GsText1{ color:#FF6698; font-size:14px; }