@charset "utf-8";


/* FONTS */
@font-face {
  font-family: black;
  src: url(../police/Coda-Heavy.ttf);
}@font-face {
  font-family: black2;
  src: url(../police/FiraSans-Heavy.ttf);
}

@font-face {
  font-family: black3;
  src: url(../police/LibreFranklin-Black.ttf);
}
@font-face {
  font-family: black4;
  src: url(../police/EncodeSansCompressed-400-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: poppin-regular;
  src: url(../police/poppin/Poppins-Regular.ttf);
}
@font-face {
  font-family: poppin-bold;
  src: url(../police/poppin/Poppins-Bold.ttf);
}
@font-face {
  font-family: poppin-black;
  src: url(../police/poppin/Poppins-Black.ttf);
}
@font-face {
  font-family: poppin-semib;
  src: url(../police/poppin/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: poppin-semibita;
  src: url(../police/poppin/Poppins-SemiBoldItalic);
  font-weight: normal;
}

/* BODY---------- */

body{
	font-family:'Nunito';;/*font-family:'Nunito';font-family:'Roboto Condensed', Arial;*/
	color:#000;
	margin:0;
	text-align:center;
	padding:0;
	/*background:url(images/bg.jpg) top center no-repeat #000;*/
	background-color:#FFF;
}::selection {
  color: #000;
  background: #CCC;
}

/* PRELOADER ---------- */
.preloader{ position:fixed; height:100%; width:100%; left:0; right:0; top:0; bottom:0; background-color:#F33; z-index:15000;}

.preloaderimg{ width:140px; height:130px;background:url(../images/logo.png); background-size:120px; background-repeat:no-repeat; background-position:center; background-color:#FFF; border: outset 0px solid #BB271D; box-shadiow:1px 1px 6px 2px #BB271D; border-radius:0px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; 
  animation: glow 1s infinite alternate;}




@keyframes glow {
  from {
    box-shadow: 0 0 10px -10px #FF0000;
  }
  to {
    box-shadow: 0 0 1px 28px #F97878;
  }
}




/* PRINCIPAL DIV ---------- */
.mega{ text-align:center; vertical-align:central; height:100%; overflow:scroll;width:100%;}


/* LOADER ---------- */
.megaload{ width:100%; height:100%;; position:fixed; top:0; right:0; left:0;; z-index:1000;background:url(../images/blanc.png); }
.megaload2{ height:85px; width:85px; line-height:85px; letter-spacing:1px;background-color:#F30; left:3%; bottom:3%; box-shadow:1px 1px 60px 20px #FE0000;position:absolute; color:#FFF; text-align:center; font-size:11px; z-index:1100; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase;}


/* A LINK ---------- */

a, .sltext h3{ text-decoration:none; color:#000000;;}
.marquee a {color:#FF0!important; text-align:center;;}
a:visited{ color:inherit;}
a:hover, .menup_d li ul a, .navig  a:hover,.navig1  a:hover, li a:hover, li:hover, .sousenquete a:hover, h3 a:hover, a h3:hover, a div:hover{ text-decoration:none;; transition:0.5s; color:#FE0000!important}
div, p, ul, li, h1,h2,h3,h4,h5, a, button,input,select, textarea,img, *{ box-sizing:border-box; padding:0; margin:0;}


/* MENU ---------- */
#openmegamenu{ text-decoration:none; color:#000000;color:#000000;font-family:black3;}
.minimenu{ width:100%; height:65px; z-index:9; font-size:28px; position:fixed;box-shadow:1px 1px 4px 1px #858383; 
border:0px; background-size:150px;
border-bottom:4px solid #FE0000;border-radius:0px; left:0%; top:0%; cursor:pointer; background-color:#16131C;  color:#FE0000; font-weight:bold;; display:none; text-align:center; box-sizing:border-box;
  }
.minimenu span{ font-size:9px; text-transform:uppercase; display:block; margin-top:2px;}
.megamenu{ display:none; background:url(../images/blanc.png); width:100%; height:100%; position:fixed; top:0; bottom:0; right:0;z-index:10;;}
.menup{  width:35%; display:none; background-color:#FFF; overflow:hidden; boxfg-shadow:1px 1px 2px 1px #000;  ; position:absolute; left:0; top:0; bottom:0;}
.thrormenu{box-shfadow:0px -4px 5px 1px #D90005;/*-ms-box-shadow:1px 1px 12px 1px #910E05;-o-box-shadow:1px 1px 12px 1px #910E05;-webkit-box-shadow:1px 1px 12px 1px #910E05;*/ border-left:0px solid #16131C;border-right:0px solid #16131C;border-bottom:6px solid #FE0000;  width:120px; background-color:#FFF; overflow:hidden;  height:75px; margin-left:auto; margin-right:auto; margin-top:-4px; border-radius:0px 0px 5px 5px ; overflow:hidden;box-shadow:0px 1px 50px 1px #FE0000;}
.menulogo{width:120px; background-color:#FFF; padding-left:5px; padding-right:5px;border-radius:5px ;border-bottom:6px solid #FE0000; margin-top:0px; box-shadow:0px 1px 52px 1px #FE0000;}
.thrormenu img{ height:95%; width:auto;/*filter: invert(1);*/ margin-top:4px; border-radius:0px 0px 3px 3px!important;}
.amenu{height:48px; width:48px; padding-top:2px; border-radius:5px; position:fixed; left:1%; top:0.8%; color:#16131C;  border:1px solid #000; background-color:#FE0000;}


@keyframes glowed {
  from {
   box-shadow:0px 1px 82px 1px #FE0000;
  }
  to {
   box-shadow:0px 10px 123px 10px #F00;
  }
}


.menup{  width:25%; display:none; background-color:#000; boxfg-shadow:1px 1px 2px 1px #292626;  ; position:absolute; left:0; top:0; bottom:0;}
.menup_t{ width:100%; padding:18px;background-color:#000000; border-bottom:4px solid #FE0000;text-align:center; font-weight:bold; font-size:250%; color:#FE0000;}
.menup_d{ height:90%; overflow-y:scroll;  margin-top:10%;width:95%; margin-left:auto; margin-right:auto; text-align:left; padding-bottom:25px; padding-left:15px; padding-right:15px;;}
.menup_d li{ display:inline-block; list-style:none; font-size:110%; padding:15px; padding-left:0; padding-right:0; margin:0px; margin-left:0; margin-right:0px; text-transform:uppercase; font-weight:bold;; width:100%;font-family:black3; border-bottom:1px dashed #666;color:#FFF;;}
.menup_d li ul{ display:none; padding-left:15px;}
.menup_d li li{  font-size:14px;font-weight:normal; border-bottom:1px dotted #000; margin-top:2px; padding-left:5px; ; background-color:#000;}
.menup_d i{color:#FE0000; font-size:90%; float:left; margin-right:15px; margin-top:5px;;}
.menup_d .fa-chevron-down{color:#616161; font-size:90%; float:right; margin-right:0px;}
#menulg{ width:30%; margin-left:auto; margin-right:auto; display:block;padding:4px;filter: invert(1); border:0 solid #FE0000;}
.menup_t .fa-close{ float:right; color:#FFF; font-size:25px;  cursor:pointer;;}
.whathot{ width:100%; padding-top:10px; padding-bottom:10px;color:#FFF;border-top:0px solid #666}
.whathot h3{ border-bottom:1px dotted #333; padding:15px; padding-left:0;;color:#FE0000; text-transform:uppercase;font-size:14px;}
.menup_d #entete2_li, .menup_d #entete2_li li{ width:100%!important; text-align:center; padding:0; margin:0; margin-top:15px; }
#hour{ padding-left:15px; font-size:12px; color:#FE0000; text-align:center; }
.entete{ width:100%; background-color:#FFF;  height:160px;  }
.entetespace{background-color:#EEE; height:0px;line-height:70px; width:100%;border-bottom:1px solid #DDD;border-top:1px solid #000; overflow:hidden;}
.entete1{ height:auto; ; width:100%; padding-top:8px; padding-bottom:8px;  }
.entete2{ height:50px;border-top:1px solid #DDD; background-color:#000000; margin-top:28px;background:url(../images/bac2.png); background-repeat:repeat-x; background-position:center;}
.entete1_li{ width:32%; height:auto;;display:inline-table; margin:1px; text-align:center; margin-top:0; margin-bottom:0; background-colgor:#000000;}
.entete1_li img{ max-width:300px; max-height:100px; position:absolute; left:0; right:0; margin:auto; top:0;; padding-bottom:0px; padding-top:0px; border-right:0px solid #D71950;border-left:0px solid #D71950;;}
#entete1_li1 { text-align:left;}
#entete1_li3 { text-align:right;}
#entete1_li1 i{ margin-right:8px;}
#entete1_li2{  }
#entete1_li1 a{ display:inline-table;padding-top:8px; padding-bottom:8px; line-height:40px; font-size:140%; font-weight:bold;}
.entete2_li{ height:48px; width:18%; display:inline-table; line-height:47px; margin:1px; margin-top:0; margin-bottom:0; }

#entete2_li2{ width:60%; }
#entete2_li2 ul, .menup_d ul{ display:inline-block; list-style:none; padding:0; margin:0; }
#entete2_li2 li{ display:inline-block; list-style:none; padding:0; padding-left:15px; padding-right:15px;  margin:0; margin:0px; margin-bottom:0px;margin-top:0px; letter-spacing:0px; text-transform:uppercase; ;}
.entete2_li li{border-left:0px dotted #39F;}
#entete2_li2 li:hover, #actived{ background-color:#FFF;; color:#FE0000; border-bottom:4px solid #FE0000}
.entete2_li a,.entete2_li{ font-weight:normal; font-size:90%;color:#FFF;}
 #entete2_li2 a{  font-family:black3; font-size:110%;;}
.entete2_li .fa-facebook-official{color:#36F; margin-left:0px;}
.entete2_li .fa-twitter{color:#0CF; ;}
.entete2_li .fa-youtube{color:#FE0000; ;}
#changel{ display:inline-block;}
#entete1_li3 a { padding:8px; font-size:100%; background-color:#000000;color:#FFF;}
#lanChg{background:none; color:#000000; font-weight:bold; font-size:120%; padding:2px;border:0px solid #000; display:noner;}
#menup_d #lanChg{background:#000000; width:100%; color:#FFF; font-weight:bold; font-size:120%; padding:2px;border:0px solid #000;}
.entete2_li .fa-facebook-official,.entete2_li .fa-youtube,.entete2_li .fa-twitter{font-size:150%;margin-left:8px;}
.flashnews{  width:100%; /**/; margin-top:-10px;;bottom:0; float:left; height:40px; }
.flashdata{ width:93.3%; float:right; margin-left:5px;;height:40px; }
.flashnews{background-color:#666; background:url(../images/stripe_2ce7f3f05144322408da226b339d6c60.png); background-position:center;  ;;}
.flashtext{ width:auto; padding-left:10px; padding-right:10px;; float:left;height:40px; line-height:40px; color:#FFF; font-weight:bold; font-size:90%; background-color:#FE0000;border-radius:0px 0px 0px 0px; box-shadow:1px 1px 3px 1px #333;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;}
.marquee{ width:100%;  line-height:40px; float:right; overflow:hidden; text-align:center;}
.marquee a{ color:#000!important;;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;text-align:center;}
.marquee span{height:10px; width:10px; display:inline-block; background-color:#FE0000; border-radius:50px; margin-left:10px; margin-right:10px;}


/* CONTANER ---------- */
.contenu, .style3{width:100%;  margin-bottom:20px;  margin-top:0px; height:auto; margin-left:auto; margin-right:auto; padding-top:40px; border-top:4px solid #FE0000; padding-left:3%; background-color:#FFF;; padding-right:3%; margin-top:0px; height:auto; padding-bottom:0%; float:left;}
.takeread{ color:#000000!important;; padding:8px; padding-left:0; font-weight:normal!important;; font-size:14px; text-align:left; width:auto; display:block; margin-top:10px; margin-bottom:10px; }
.takeread:hover, .takeread a:hover{ }
.cotaner{ width:52%;  height:auto;display:inline-block; margin-top:0; float:left; padding-bottom:10%;   }
.reader{ width:74%;  height:auto;display:inline-block; margin-top:0; float:left; padding-bottom:10%;   }
.tags, .tags ul{ width:100%; padding:5px; list-style:none; margin:0;}
.tags ul li{ width:auto; padding:10px; display:inline-block; font-size:14px;  text-transform:uppercase; font-style:normal; background-color:#DDD; color:#333; text-align:center; margin:2px; border:2px solid #CCC; list-style:none; box-shadow:0px 1px 52px 1px #CCC; }
.tags ul li:hover{ background-color:#FE0000;color:#FFF!important;box-shadow:0px 1px 52px 1px #FE0000;border:2px solid #FE0000;}

#readedco img{ width:100%; height:auto; margin-bottom:10px; padding-bottom:10px;}
#readedco a{color:#FE0000; font-style:italic; line-height:normal; letter-spacing:normal}
.lbreader{ width:100%;  height:auto;display:inline-block; margin-top:0; float:left; padding-bottom:10%;   }
.gallerireader{ width:100%;  height:auto; float:left; margin-top:0; float:left; padding-bottom:10%;   }
#contenuread{ padding-left:10%;padding-right:10%; }
#contenuread #newsbynave{ }
.newsbynave, .newsbynave2{width:23%;background-color:#FFF; border-left:1px solid #CCC; height:auto;; min-height:700px;  float:right; padding-left:13px; padding-right:13px; margin-bottom:30px;
;; }
.newsbynave2{border:1px solid #000000!important;border-top:4px solid #000000!important;;border-bottom:1px solid #000000; }
.newsbynave{border:1px solid #FE0000;border-top:4px solid #FE0000!important; border-right:1px solid #FE0000;border-bottom:1px solid #FE0000}
.newsinersl, .newsinersl2{width:48%;border-left:0px solid #CCC; height:auto;; height:320px; ;;  float:right;padding-left:0px; padding-right:0px; margin-bottom:20px;
;; display:inline-block; }
.newsinersl2{ float:left;}
.vitrinewsimg{ width:100%; margin-bottom:20px; height:200px;}
.vitrinewsh3, .vitrinewsh3 a{ font-size:22px; font-family:'Roboto Condensed';text-align:left; font-weight:black; color:#000}
.navig ,.navig1{ width:100%; margin-left:auto; margin-right:auto; float:left; border-top:0px solid #000000;}
.navig { border-top:4px solid #FE0000}
.newsbynave2 { border-top:0px solid #FE0000; background-color:#EEE; border:0;}
.style2 .navig1 { border-top:0px solid #FE0000; background:none;
}
.navig ul, .navig1 ul{ list-style:none; padding:0;float:left; width:100%;}
.navig li{ width:100%; overflow:hidden; margin:1%; display:block; }
.navig li img{ width:100px; margin-bottom:20px;; border:0px solid #666; background-color:#666; padding:0px;float:right; margin-left:15px;}
.navig li,.navig1 li{ margin:0; margin-bottom:20px!important;; border-bottom:1px solid #EEE; margin-top:20px!important;; width:100%; }

.navig1 li{ width:100%; overflow:hidden; margin:0%; display:block;  }
.navig1 li img{ width:100%; margin-bottom:8px;; border:0px solid #FFF}
.navig div, .navig1 div{ text-align:left; font-weight:bold;color:#000;;}

.navig1  #byheme{ text-align:left;color:#000;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; line-height:none!important;color:#333;}

.navig a, .navig1 a{ text-align:left; font-weight:bold;color:#000;;}
.navig a{  font-weight:bold; font-family:'Roboto Condensed'; font-size:130%;text-align:left!important }
 .navig1 div{ font-size:100%}
.navig  h3,.navig1  h3{ font-size:30px; color:#FE0000;font-family:'black3'; padding:10px; padding-top:4px; box-shadow:0px 3px 2px 0px #CCC;text-decoration:none; margin:0%; font-weight:bold; }
.navig  i,.navig1  i{ font-size:13px;}
.navig  i,.navig1  h3 i{ font-size:25px;}
.navig  h3{ background-color:#FE0000;  color:#FFF;font-weight:black;text-shadow:0px 1px 1px #000}
.navig1  h3{ background-color:#000000;color:#FE0000; font-weight:bold;text-shadow:0px 1px 1px #000}
.navig1  p{ font-size:14px; text-align:left; padding-top:10px; padding-bottom:10px;font-weight:normal;;}
.navig  span, .sousenquete  span{ font-size:12px; color:#666; padding:20px; padding-left:0px; text-align:left; display:block; width:100%; }
.navig .takeread{ display:none}
.onlyphone{ display:none;}
.onlyphone ul{ padding:10px;}
.onlyphone .newsbynave{ width:100%; float:none; padding:0}
.onlyphone .newsbynave img{ width:150px; }


.navig1  .aboutdiv{ font-size:13px; color:#000000; padding:5px; margin-bottom:10px; padding-left:0px; text-align:left; display:block; width:100%; font-weight:normal;}
.slider2 .sltext h3{ margin-bottom:20px; font-size:190%;}
.slider2 .sltext { margin-bottom:20px;}
.slider2 .sltext p, .slider .sltext p{ letter-spacing:0.5px;  font-size:20px; }
.style1{ width:100%; display:block; float:left;}
.style2{ width:100%; display:block; float:left; text-align:left;}
.style2 .navig1 li{width:49.6%; height:600px; display:inline-block; padding:5px; margin:0%; margin-left:0%; margin-right:0; }
.style5 .navig1 li{width:24%; height:600px; display:inline-block; padding:5px; margin:0%; margin-left:0%; margin-right:0; }
.style2 .navig1 li img, .style5 .navig1 li img{ height:210px; width:350px;}
.style2 .navig1 li:first-child{ margin-left:0;}
.style2 .navig1 #tito{ font-size:120%; font-weight:900!important;font-family:'Roboto Condensed'; font-size:130%;;}
.style4{font-family:'Roboto Condensed';}
.style4 .navig li { border-bottom:1px dotted #666;}
.style4 .navig p, .style4 .navig a, .style4 .navig div{color:#EEE; font-size:14px; font-weight:normal; text-transform:none;}
.style4 span{ color:#666; font-size:10px; font-weight:normal!important;; text-transform:none;}
.style4 .navig li img{ width:150px;}
.slider2 .sltext h3, .slider .sltext h3, #tehea a{font-family: "black" ,Black Han Sans, Gadget, sans-serif!important;}
.newstyle{
width:100%; 
display:block;
 height:auto;
 float:left;
 margin-bottom:5px; margin-top:20px;	
padding:0px; float:left; padding-bottom:5px;
border-bottom:0px dotted #000;
line-height:normal; letter-spacing:normal;
}
.newstyle_title { width:100%; padding:0px; display:block; border-bottom:3px solid #F00; text-align:left;}
.newstyle_title h4{ background-color:#F00; color:#FFF; margin:0; text-align:center; display:inline-block; padding:10px; text-transform:uppercase}
.newstyle_news{ width:100%; background-color:#FFF; float:left; margin-left:auto; margin-right:auto; height:auto; margin-top:20px;}

.newstyle1_news_style1{ width:48%; display:inline-block; height:auto;  float:left;}
.newstyle1_news_style1_img{ height:200px; width:100%;}
.newstyle1_news_style1_title{ padding-top:15px; padding-bottom:10px; font-size:25px; font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; text-align:left;}
.newstyle1_news_style1_title p{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal;line-height:normal; letter-spacing:normal; padding:5px; padding-left:0; padding-right:0; margin-top:5px;}


.newstyle2_news_style1{ width:50%; display:inline-block; height:auto;float:right;}
.newstyle2handle{ width:100%; display:block; margin-bottom:10px; float:left;}
.newstyle2_news_style1_cont{}
.newstyle2_news_style1_img{ height:120px; width:40%; float:left;}
.newstyle2_news_style1_title{ width:55%;; padding-top:0px; padding-bottom:0px; float:right; font-size:15px; font-weight:bold; letter-spacing:normal!important;; line-height:normal!important;; text-align:left;}
.newstyle2_news_style1_title p{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal;line-height:normal; letter-spacing:normal;}
.newstyle2_news_style1_title strong{ color:#FFF; padding:2px; background-color:#F00; font-size:10px!important;; }
.newstyle1_news_style1_img, .newstyle2_news_style1_img{background-size:cover; background-repeat:no-repeat; background-position:center}





.navig1 p, .navig p{ line-height:25px; font-size:15px;}
.captionned{position:absolute; width:100%; background:url(../images/blanc.png); bottom:0;color:#FE0000; font-size:25px; color:#FFF; padding:15px;}
.readerdiv{ width:80%; padding:40px; text-align:justify; margin-right:auto; margin-left:auto;}
.auteur{color:#000; font-size:140%; font-weight:bold;;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; padding-bottom:4%; padding-top:4%}
.captioned{ color:#FFF; text-align:center; font-size:13px; font-style:italic; padding-top:10px; padding-bottom:10px; background-color:#000}
.h2title{ font-size:280%!important;;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;}
#slivitr{ height:auto!important;;}
#slimageen{ height:auto; }
















.slider, .slider2{width:100%; display:block; float:left;; }
.slimage{width:100%; height:420px; overflow:hidden; display:block;}
.sltext{ display:block; width:100%; text-transform:inherit; text-align:left; padding-bottom:10px;; border-bottom:0px solid #EEE; margin-bottom:20px; float:left;;}
.sltext h3{ font-weight:bold; font-size:140%;}
.slider2{ margin-top:25px; margin-bottom:25px; }
.slider2 .slimage{ float:right; width:40%; height:250px; margin-bottom:20px;}
.tehea, .tehea a{ font-size:180%; color:#000; padding-top:20px; padding-bottom:20px; line-height:42px;}
.slider2 .slimage img{ width:100%; height:200px;}
.slider .slimage img{ width:100%;;; height:400px;}
.slider2 .sltext{ float:left; width:55%; height:autox; border:0px;text-align:left;}
.slseparator{ width:100%; float:right; margin-top:20px; margin-bottom:20px; height:1px;;}
.slider2 .newsinersl{ width:33.33%; float:left}
.slider2 .slseparator{ border-bottom:1px solid #EEE;}
.reader .slimage{ background-color:#FE0000;height:100%!important;}
.reader .slimage img{ width:100%; height:100%!important;;}
.reader .sltext{ padding:40px; padding-top:15px; line-height:30px;  font-size:120%; color:#333; text-align:justify; }
.reader .sltext p{ margin:20px; margin-left:0; margin-right:0;}
.reader #h2title{ text-align:center;font-size:190%; font-weight:bold;; padding:20px; padding-left:0; padding-right:0;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;}
.navti{ font-size:14px; color:#FFF!important;; text-align:center; width:100%; float:left; height:35px; line-height:38px; padding:20px; padding-top:0; padding-left:0; background-color:#FE0000;}
.navti2{ font-size:18px; color:#FFF; text-align:center; padding-bottom:10px; padding-top:10px; background-color:#FE0000; padding-left:20px;  border-top:0px solid #DDD; margin-bottom:0px; font-weight:normal;;}
.navti2 a, .navti a, .navti2 a:visited, .navti a:visited{font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;color:#FFF!important;; }
.navti2 i{font-size:14px; }
.nextactu{ width:100%; display:block;background-color:#EEE;border:1px solid #CCC; float:left; }
.previewactu,.nexactu{ width:50%; display:inline-block;border-right:1px solid #CCC;  padding:20px; }
.nexactu{}
.previewactu a{width:80%; display:block; float:left;}
.nexactu a{ width:80%;display:block; float:left;}
.nextil { float:left; width:10%;
;}.nexactu{ border-right:0;}
.nextir { float:right; width:10%;
;}.previewactu i,.nexactu i{ font-size:190%; margin-top:7%;;}
.comentor{ background-color:#EEE; padding:20px; width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.comentorcontent{ width:90%; margin-top:4%; margin-bottom:4%; margin-left:auto; margin-right:auto;}
.rowcoment{ width:100%;  float:left;padding:5px; margin-left:auto; margin-right:auto; margin-top:20px; } /* user box*/
.rowcoment .rowcoment{ width:90%; float:right;}
.pico{ font-size:40px; float:left; width:10%; overflow:hidden;} /* user avatar*/
.pico img{ width:90%}
.iscomment{ float:right; margin-left:10px;background-color:#FFF; width:85%;  padding:20px; text-align:left; border-radius:15px; border:2px solid #CCC; padding-top:10px;} /* user data*/
.isdate{ padding:10px; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #EEE; font-size:13px;color:#666; background:#EEE;border-radius:8px; } /* user data*/
.isdate a { color:#3CC;font-weight:bold
;}
.iswritten{ font-size:100%; font-weight:normal; padding:10px; padding-left:0; padding-right:0;; text-align:left;} /* user texte*/
.reply{ float:right;} /* user texte*/
#cona{ display:inline; width:50%;}
.slider2 p, .slider2 h3{ text-align:left;}
.comment-form{ padding:50px; display:block; margin-top:20px; float:left; width:100%; text-align:left; }
.input100{ width:100%; margin:15px; margin-left:0; margin-right:0;; }
.input100 input, .input100 textarea, .input100 select{ width:100%; padding:15px; display:block;border:1px solid #000; min-width:100%;max-width:100%; border-radius:0px ; overflow:hidden; outline: none;color:#000; font-weight:bold; font-size:120%; font-family:Arial, Helvetica, sans-serif;}
.input100 textarea{ min-height:190px;}
.input100 label{ display:block; padding:10px;border-radius:0px ; margin-bottom:0px; width:100%; text-align:left; background-color:#000; color:#666; font-weight:bold; letter-spacing:2px; padding-bottom:4px; padding-top:4px; font-size:13px; text-transform:uppercase; }


.input50{ width:49%; margin:0px; display:inline-block; margin:4px;; overflow:hidden;; }
.input50 input, .input50 textarea, .input50 select{ width:100%; padding:15px; display:block;border:1px solid #000; min-width:100%;max-width:100%; border-radius:0px 0px 0px 0px; overflow:hidden; outline: none;color:#000; font-weight:bold; font-size:120%; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
.input50 textarea{ min-height:190px;}
.input50 label{ display:block; padding:10px;border-radius:3px 3px 0px 0px ; margin-bottom:0px; width:100%; text-align:left; background-color:#DDD; color:#666; font-weight:bold; letter-spacing:2px; padding-bottom:4px; padding-top:4px; font-size:13px; text-transform:uppercase; }



button { display:inline-block; width:auto; padding:10px; color:#FFF;background-color:#03F; border:3px solid #03F;   letter-spacing:2px; font-weight:bold; cursor:pointer; text-transform:uppercase;;}
button:hover{ border:3px solid #FE0000; ; background-color:#FE0000; }
.input100 input:hover, .input100 textarea:hover, .input100 select:hover, .input50 input:hover, .input50 textarea:hover, .input50 select:hover{ background-color:#FC0; color:#630}
#maped, .comentorcontent iframe,  .comentorcontent frame{float:right!important;; width:100%!important;; margin-bottom:15px;  border:4px solid #FE0000; margin-left:20px;}
.condition{ font-size:14px; color:#666; list-style:upper-alpha}
.condition li{ padding:10px; }
#cona{ text-align:left;}
.enquete{ float:left; padding:20px; width:100%; background-color:#DDD; border-top:4px solid #18141E;padding-top:0px; margin-bottom:0px;}
.sousenquete{ width:100%; margin-left:auto; margin-right:auto; padding:10px; padding-top:0}
.sousenquete ul{ list-style:none; padding:0;}
.sousenquete li{ width:22%; overflow:hidden; height:500px; margin:1%; display:inline-block; text-align:left; background-color:#FFF; padding:10px;box-shadow:0px 0px 2px 1px #DDD;-moz-box-shadow:0px 0px 2px 1px #DDD;-ms-box-shadow:0px 0px 2px 1px #DDD;-o-box-shadow:0px 0px 2px 1px #DDD;-webkit-box-shadow:0px 0px 2px 1px #DDD;  }
.sousenquete li img{ width:305px; min-height:210px; margin-bottom:20px;; border:5px solid #FFF}
.sousenquete li h3{ font-size:20px; color:#000; text-decoration:none; margin:1%; }
.sousenquete h1{ font-size:300%; color:#FFF; background-color:#18141E; text-align:center; font-weight:bold; font-family: "black" ,Black Han Sans, Gadget, sans-serif!important;   margin-bottom:30px; margin-left:10px; width:80%; margin-left:auto; margin-right:auto ;margin-top:0!important;;}

.sousenquete  span{ font-size:14px; color:#FFF; padding:5px; margin-top:20px; margin-bottom:20px;;text-align:center; display:block; width:100%; background-color:#000;}


p{ letter-spacing:1px; font-size:120%;color:#000; line-height:33px;}



#box {
	border-radius:100px;
}

#box.rotate, #box1.rotate, #box2.rotate {
  animation: 1.5s linear infinite rotate-con;
}

@keyframes rotate-con {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


@keyframes glowing {
       from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 10px #fff, 0 0 20px #ff4da6, 0 0 20px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
      }
	   #bofxx { 
         -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 1s ease-in-out infinite alternate;
	   text-shadow: 1px 2px 1px #000;
      }
	  




#captchan{ padding:10px; background-color:#DDD; color:#FF; margin-bottom:20px}
#captchan input{ padding:10px; font-size:24px; width:100%;}
.bas{  width:100%; background-color:#000000; display:block; border-top:8px solid #FE0000;float:left; text-align:center;  }
.bascontenu{ width:100%; border-bottom:1px solid #3A4662;border-top:1px solid #3A4662;padding-bottom:20px;padding-top:20px; padding-left:5%; padding-right:5%;margin-top:60px; margin-left:auto; margin-right:auto; color:#0CF; float:left }
.bas a{color:#0CF;}
.bascontenu p{color:#0CF; }
.logobas{  width:100%; float:left; background-color:#FFF;color:#666;; padding:20px; padding-top:45px;border-radius:0px;border:2px solid #05153C; box-sjhadow:1px 1px 2px 1px #05153C;;;}
.logobas img{ width:100%; margin-bottom:10px; border-radius:8px;}
.logobas p{ font-size:13px; text-align:center; color:#000;line-height:20px;!important;}
.logobas h3{ font-family:black3;color:#000;}
.bascontenu ul{ padding:0; margin:0; list-style:none; width:100%; text-align:left; display:inline-block}

.rowholder{padding:0; margin:0; list-style:none; width:25%; padding:1%;text-align:left; height:auto; float:left; display:inline-block;}

.newsletter{ width:100%; display:inline-block; text-align:left;}
.bascontenu li{ padding:8px; font-size:14px; color:#FFF}
.bascontenu h2{ font-size:120%;border-bottom:0px solid #0CF; font-family:black3; margin-bottom:2%; text-transform:uppercase}
.bas #p{ color:#FFF; font-size:80%; padding:20px;}
.newsletter input{ width:100%; padding:10px; color:#FFF; border:3px solid #000; display:inline-block;color:#333; font-weight:bold;}
.newsletter button { display:inline-block; width:auto; padding:10px; color:#FFF;  border:3px solid #000; ; background-color:#FE0000; ;}
.bas a:hover, .bas li:hover{color:#FE0000!important;}
.bas p{ padding:20px; padding-left:0; padding-right:0; width:100%; float:left;}
.confidence{ padding:0px; }
.confidence ul{ margin-left:25px;}
#conf{ font-size:12px; padding:2px;}
.confidence p{font-size:14px!important; ;}
.good, .error{width:100%; margin:10px; margin-left:0; margin-right:0; font-weight:bold; padding:20px; font-size:18px; text-align:center; }
.good{background-color:#0C0;color:#FFF; }
.error{background-color:#FE0000;color:#FFF;;}
#respoowner{ padding:20px; font-size:13px; color:#666; background-color:#DDDDDD; line-height:normal!important;; letter-spacing:normal!important;; font-family:Arial, Helvetica, sans-serif;}
#respoowner strong{ color:#F30; font-size:18px;}
#respoowner span{ color:#FE0000; font-size:12px; float:right; cursor:pointer;}
#responded{padding:20px; font-size:13px; color:#666; background-color:#EEE; line-height:normal!important;; letter-spacing:normal!important;; font-family:Arial, Helvetica, sans-serif; border-radius:5px; margin-top:10px; margin-bottom:10px}
.sondage{ width:100%; padding:20px; float:left; background-color:#EEE;font-family:Tahoma, Geneva, sans-serif!important; border:1px solid #CCC; margin-top:15px; margin-bottom:15px;}
.sondagecontenu ul{ list-style:none; margin:0; padding:0;}
.sondagecontenu h2{ font-weight:bold!important;; text-align:left;font-size:130%; border-bottom:2px dashed #CCC; padding:15px; padding-left:0px; padding-left:0px; margin-bottom:15px!important;;}
.sondagecontenu li{ margin:3px; padding:10px; color:#000; text-align:left; font-size:17px; width:95%; margin-left:auto; margin-right:auto; display:block;font-weight:bold!important;}
.sondagecontenu li:hover{ background-color:#999; cursor:pointer;}
.radi{ height:12px; width:12px; display:inline-block;  border:0px solid #CCC; margin-right:5px; background-color:#CCC; }
.radii{ height:60px; width:60px;color:#FE0000; line-height:60px; font-size:16px;;  display:inline-block;  border:3px solid #FE0000; margin-right:5px; background:none; text-align:center;border-radius:200px;; }
.relateded{  width:100%; float:left;padding:10px; text-align:left; font-size:180%;; color:#000; border-bottom:1px dotted #CCC; background-color:#EEE; margin-bottom:15px;;}

.same .navig1 li{width:33%; height:720px; display:inline-block; padding:5px; margin:0%; margin-left:0%; margin-right:0; }
.same .navig1 li img{ height:210px!important;; width:350px;}
.pagination{width:100%; background-color:#EEE; padding:10px; text-align:center; float:left;}
.pagination ul{ margin:0; padding:0; list-style:none; width:100%;}
.pagination ul li{ height:40px; width:40px; line-height:40px; background-color:#000; color:#FFF!important;; text-align:center; display:inline-block; margin:4px;}
.pagination ul li:hover, .pagination ul .actived{ background-color:#FE0000!important; cursor:pointer;color:#FFF!important;;}
.pagination #suiva{}
.pagination #preced{}
.empo{ width:100%; list-style:none; padding:0; margin:0;}
.empo li{ list-style:none; width:100%; border-bottom:1px solid #DDD; float:left; line-height:normal; letter-spacing:normal; padding-bottom:15px; padding-top:15px;}
.empo li:hover{ background-color:#FAE9E9!important;;color:#000!important;;}
#descr{ width:78%; float:right; overflow:hidden;}
#images{ width:20%; float:left; padding:0px; padding-left:5px; overflow:hidden; text-align:center;  background-color:#EEE; height:auto}
#images img{ width:100%; left:0; padding-right:0; margin:auto; top:0; bottom:0; }
.emptitre{ font-weight:bold;font-family: "poppin-black" ,Black Han Sans, Gadget, sans-serif!important; color:#690; font-size:20px; text-align:left; padding:10px; padding-left:0; padding-right:0;padding-top:0;text-shadow:0px 1px 1px #FFF}
.emprecruteur{ font-size:17px; color:#000; text-align:left; padding:5px; padding-left:0; padding-right:0;background-color:#DDD;}
.empregion{font-size:17px; color:#000; text-align:left; padding:5px; padding-left:0; padding-right:0; background-color:#EEE;}
.empco{font-size:17px; color:#333; text-align:left;}
.empcopcle{font-size:18px; color:#000; text-align:left; padding:5px; padding-left:0; padding-right:0}
#copa{ padding:4px; padding-left:10px; padding-right:10px; display:inline-block; border:0px solid #000; font-size:12px; background-color:#333;color:#FC0; font-weight:bold;}
#copa:hover{ cursor:pointer; background-color:#FE0000;color:#FFF;} 
#readedco1{ padding:0;}
#filtre select, #filtre input{ width:23%; display:inline-block;  padding:15px; border:1px solid #DDD;color:#000; font-size:12px; font-weight:bold; text-transform:uppercase;}
#searchi{ float:right; font-size:25px; cursor:pointer;background-color:#FE0000; color:#FFF; padding:10px;}
.empcoall{ width:100%; float:left; text-align:left; padding-top:20px; border-top: 2px solid #EEE; padding-left:30px;; padding-right:30px;}
.empcoall ul{ width:100%; padding-left:40px;  }
.empcoall h1{ padding:inherit; margin:inherit;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; padding-left:0; margin-left:0 }
.empcoall li{ list-style:square; padding-bottom:inherit; margin:inherit;; width:90%; border-bottom:0px solid #DDD; float:none; line-height:normal; letter-spacing:normal; }
#jepo{ text-align:center; margin:auto; display:block;padding:20px;}
#jepo a{background-color:#FE0000; padding:10px;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; ; font-weight:bold; color:#FFF!important;;}
.formpostuler{  width:100%; display:none}
#bigtt{font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; font-size:180%; letter-spacing:5px;}
#bigtt i{ font-size:100%}
#offfre{color:#FF0!important;}
.emprecruteur,.empregion{ padding-left:10px;}
#framed{ width:100%; min-height:400px; max-height:400px; padding:0px; border:1px solid #CCC; background-color:#FFF;}
#espace{ height:120px; width:100%; float:left;}
.style2title{ background-color:#FE0000; padding:10px; text-align:center; width:400px; display:block; margin-top:-43px; margin-bottom:20px;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important;   font-size:25px; color:#18141E; border-bottom:4px solid #C00;}
#google_translate_element{
	width:100%; float:left; padding:10px; text-align:center; }

.goog-te-gadget-simple {
  padding:10px!important;;
  background-color:#39F!important;
  border:1px solid #06C!important;

}
.goog-te-gadget-simple a{  color:#FFF!important;
  font-size:20px!important;}
#archivedtargetdiv{ width:100%; background-color:#FE0000; text-align:center; color:#FFF; font-weight:bold;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; z-index:10; float:left; display:block; position:fixed; bottom:0; left:0; right:0;  box-shadow:1px -5px 20px 1px #000; border-top:0px solid #FFF; padding-bottom:10px;}
#archivedtargetdiv h4{ color:#FFF; text-align:center; text-transform:uppercase; padding:10px; font-size:20px;}
#archivedtargetdiv p{ color:#FF0; font-size:14px; font-weight:normal!important; font-family:Arial, Helvetica, sans-serif; padding:5px; text-align:center; line-height:none!important; width:90%; margin-left:auto; margin-right:auto;}
#archivedtargetdiv select, #archbutton{ background:#EEE;width:25%; margin-left:auto; margin-right:auto; display:inline-block; text-align:center;padding:5px; letter-spacing:normal;  font-weight:bold;font-family: "black3" ,Black Han Sans, Gadget, sans-serif!important; font-size:15px; border:0px solid #000; color:#FE0000; text-transform:uppercase;}
#archbutton{ background-color:#600; color:#FFF}
.searchdiv{ width:100%; padding:5px; text-align:center; background-color:#FFF; border:1px solid #666; float:left;overflow:hidden; margin-bottom:20px;}
.searchdiv input[type="text"]{ float:left; width:84%; overflow:hidden; border:none; padding:9px; color:#FE0000; font-size:14px;overflow:hidden; font-weight:bold;}
.searchdiv .buttseac{float:right; width:14%; padding:10px; background-color:#FE0000; text-align:center; font-weight:bold; border:none;}
#mainnews{ color:#FFF!important;}
.categorie1, .categorie2{background-color:#F00; color:#FFF!important;;padding:8px; font-weight:bold; padding-left:5px; padding-right:10px;  text-align:left; width:auto; display:inline-block; float:left; font-size:12px; margin-right:12px; margin-bottom:10px; min-width:120px;box-sizing:border-box!important; text-transform:uppercase; overflow:hidden!important; max-height:40px; ;}
.categorie1 a, .categorie2 a{color:#FFF!important; width:100%; padding-right:5px;;}
.categorie1:hover, .categorie2:hover{ background-color:#000;}
.categorie1 i, .categorie2 i{ display:inline-block; ; color:#FFF; font-size:14px; margin-right:3px;}
.categorie2{background-color:#17131D;}
#categorie9{ float:none!important; display:inline-block; overflow:hidden!important;}
.home-news{ width:100%; padding:0px; text-align:center; margin-bottom:10px; display:inline-block; }
.home-news div{ width:19.5%; box-sizing:border-box!important;; margin:2px; padding:10px;font-size:14px;}








@media (max-width: 700px){
	.newstyle1_news_style1,.newstyle2_news_style1{ width:100%; margin-bottom:25px;}
.newstyle2handle{  margin-bottom:0px; border-bottom:1px dotted #CCC; padding-bottom:5px; padding-top:5px;}
	.newstyle2_news_style1_title{ ;;}
	
	.home-news div{ float:none; width:50%!important; font-weight:bold!important; color:#330;; box-sizing:border-box!important;; margin:2px; margin-left:0px; margin-right:0px; padding:10px;font-size:17px;}
.onlyphone{ display:block;}
.same .navig1 li{ height:auto!important;;}
.same .navig1 li{height:auto!important;;  }
	
	
	.swirldiv{height:300px!important;;}
	.slider2 .sltext h3{ margin-bottom:20px; font-size:110%;font-family:"Arial Black", Gadget, sans-serif!important;;}
	.style2title{ display:block; width:100%;}
/*#archivedtargetdiv select,#archbutton{ width:95%;}*/
	.rowholder{width:100%; padding:1%;text-align:left; height:auto; float:none; margin-top:10%; }
	.entete1_li{ width:95%; font-family:"Arial Black", Gadget, sans-serif; font-size:12px}
#openmegamenu{ background-color:#000; color:#FFF;/*background:url(../images/bac2.png); background-repeat:repeat-x; background-position:center;*/padding-bottom:8px!important; ; padding-top:8px!important; ; padding-left:7px; padding-right:7px; border-radius:0px;border:2px solid #000; }
#h2title{ text-align:center;font-size:150%!important;padding:10px!important;;;}
.emprecruteur,.empregion{ text-align:center;padding-left:0px;}
#descr{ width:100%; float:none; overflow:hidden;}
.entete1_li{overflow:hidden; text-align:center; }
.entete1_li img{  margin-top:5px ; }
#images{ width:100%; float:none; padding:25px; margin-bottom:20px; }
.input50{width:100%;  }
#filtre select, #filtre input{ width:100%;}
#searchi{ float:none; margin-top:10px;; }
#bigtt{font-size:100%; }
	.same .navig1 li{width:100%; height:720px;}
	.megaload2{ left:0; right:0; top:0; bottom:0; margin:auto}
.style5 .navig1 li{width:100%; height:auto; float:left; padding:0px; margin:0%; margin-left:0%; margin-right:0; }
.style2 .navig1 li img, .sousenquete li img,  .style5 .navig1 li img{ width:100%; height:auto;}.comentorcontent{ width:100%;}.rowcoment{ padding:0;}.enquete{ float:left; padding:10px; padding-left:5px; padding-right:5px;}
.sousenquete,.enquete{ padding:0;}
.slider .slimage img, .slider .slimage, .logobas{ width:100%;;; height:auto;}.style2 .navig1 li{width:100%; overflow:hidden; margin:0;}
.comment-form{ padding:0px; }
.entete{   height:auto; }
.entete{  margin-top:20px;}
.entete1_li img{ max-height:96px; }
.flashnews{ float:none; margin-top:0;}
#maped, .comentorcontent iframe,  .comentorcontent frame{ float:none; width:100%!important;; margin-left:0;}
#contenuread{ padding-left:3%;padding-right:3%; }
	.reader .sltext{ padding-left:10px;padding-right:10px; width:100%;;}
	.sousenquete h1 { font-size:180%}
	.sousenquete h1 ir{ display:block;}
	.sousenquete li,.sousenquete h1{ width:95%;}
	.newsbynave, .newsbynave2, .newsinersl, .newsinersl2, .cotaner,.reader, .bascontenu ul, .newsletter,.previewactu,.nexactu{ border:0px!important;; width:100%; }
	.previewactu{border-bottom:1px solid #CCC;}
	.contenu{ margin-top:0; padding:3%}
	.flashdata{ width:77%;}
	.flashtext{}
.menup{  width:90%;}
p{ text-align:left;}
 #entete2_li2, #entete1_li3, #hour{ display:none;}
.entete2_li{ width:40%; margin:0; line-height:55px }
#entete1_li1 a{ font-size:120%;padding-top:4px; padding-bottom:4px; line-height:20px; }
.captionned{ font-size:13px; letter-spacing:1px; ;}
.newsinersl, .newsinersl2{ height:auto;}
}
  
@media (min-width:700px) and (max-width:1426px) {
.flashdata{ width:92%;}
}
@media (min-width:700px) and (max-width:1201px) {.flashdata{ width:90%;}}

@media (min-width:700px) and (max-width:960px) {.flashdata{ width:85%;}}
@media (min-width:200px) and (max-width:680px) {
.flashdata{ width:72%;}

}
@media (min-width:100px) and (max-width:450px) {
	 


}



@media (min-width:708px) and (max-width:880px) {.newsinersl, .newsinersl2{ height:390px; }}

.pub1{ width:100%; float:left; border:2px solid #FE0000;border-bottom:6px solid #FE0000; height:auto;; background-color:#FE0000; margin-bottom:2%; margin-top:0%;  background:url(../images/banner.jpg); background-position:left; background-repeat:no-repeat; background-size:cover; border-radius:15px 0px 15px 0px; }
#ifpub{ padding:4%; font-size:100%; text-align:center; padding-left:10%; font-style:italic; color:#666; font-weight:bold;}
.tohead{ display:none;box-shadow:1px 1px 60px 2px #333; position:fixed; bottom:2%; right:2%; height:50px; width:50px; line-height:50px; background-color:#FE0000; font-size:25px; color:#000;}
.tohead i{ height:50px; width:50px; line-height:50px;}
.contenu{border-top:4px solid #CD1010!important;}
.flashed{animation: mymove 2s infinite;}
@media (max-width: 700px){
	.pub1{  background-size:100%;}
	#ifpub{ padding:6%; font-size:90%; }


;}

@keyframes mymove {
  50% {text-shadow: 0px 0px 10px #DBAF00; color:#FC0}
}