/* CSS Document */

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto' !important;
}

  body {   font-family: "Roboto" !important;
  	  background:#FFF url('../images/bg-goha.png')  repeat top left ;
}

  body.corps {   font-family: "Roboto" !important;
  	/* background:#CECEC6 url('../../IMG/pub/bgpub.jpg') no-repeat fixed center top ;*/
  }

 .content {
    font-family: 'Open Sans'; font-weight: 100;
  }



.carousel H2 {

      background: rgba(0,0,0,0.5);
      border: 1px solid #000;
      bottom: 30px;
      color: #CCC;
      left: 0;
      margin: 1.5em 7em 1.5em 1.5em;
      padding: 1em;
      position: absolute;
      font-size: 16px;
      border-radius: 7px;
}
.carousel H2 span{font-size: 13px; color: white}


.clearline{clear: both; visibility: hidden; margin: 0;}



/* interieure */

.ariane  {color:#CCC; font:normal 11px  ;text-decoration: none; margin:0px 10px 10px 0px;
border-top:1px solid #9F699A;border-bottom:1px solid #9F699A; padding:3px;
}
.ariane a {color:#571227; font:normal 11px  ;text-decoration: none}
.post_social_share li {list-style:none; margin-right: 3px ;  float:left;}
.texte {
	font-size: 16px;
	line-height:21px; color:#181818;
	text-align:justify;
	}

.texte a{text-decoration:none;	color:#C11;	}
.texte a:hover{ color:#000; text-decoration:underline;	}

#chapo{font-weight:bold  ; color:#333339; padding:5px 10px; margin:5px 15px; background-color:#F3F3F6;font-size: 16px; line-height:21px; }
H1#titre  {MARGIN:  10px 0 ;font-size:24px ; line-height:25px;  padding:5px 10px ; color:#C11; text-align:left; padding:0; }


.liste-articles ul {margin: 30px 0; padding:0}
.liste-articles ul li {margin:25px 0; padding:5px; list-style:none; border:3px solid #FFF; }
.liste-articles ul li a{text-decoration:none; color:#333333}
.liste-articles h3{   margin:0 0 5px 0}
.liste-articles ul li:hover {/**/background-color:#f6f5f3;  border:3px solid #eee;}
.liste-articles ul li:hover h3{color:#C11}
.liste-articles ul li:hover span { color:#000; }

.liste-articles ul li .golo {border:1px solid #EEE; float:left; margin:0px 20px 0 0	;  max-height:90px; overflow:hidden}
.liste-articles ul li img.spip_logos {}



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


/* ------ WEBRADO ------------------------------ */
.bdyrad{background-color:#000; color:#eee}
.playlist a{ text-decoration:none; color:#C11}


.play{width:420px; float:left; margin-left:23px}
.play h3{margin:3px 0; padding: 2px; font-size:18px; font-weight:normal; color:#999;}
.playnav{width:300px; float:right; margin-right:23px; height:291px; overflow:auto;}
ul.playlist    { padding:6px;  background-color:#000; color:#eee; }
ul.playlist   li {margin:3px 0; padding:3px; list-style:none;font-size: 12px;   }
ul.playlist   li:hover {background-color:#222;  }






.unedroite a {
    color: #C11 !important;
    text-decoration: none;
}

.carousel-inner > .item {max-height:360px;
}


/****/
.container{border: 1px solid #ccc; background:#fff;  margin-top: 25px;  /* */ }

/**entete*/
.navbar.top {
    position: relative;
    padding: 5px 0;
    min-height: 20px !important;
    margin-bottom: 0px;
    border: 1px solid transparent;
    background-color: #fff;
	border-bottom:1px solid #ccc;
	border-radius: 0px;
}
.social_top{ margin:0;}
.social_top .fa{ color:#101010;}
#myNavbarMy span{
	float: left;
	color:#000;
	line-height: 30px;
}
#myNavbarMy .login{float: right;
    padding-right: 0px !important;
}
#myNavbarMy form{
	float: right;
	border: 1px solid #ccc;
    border-radius: 2px;
    height: 30px;
    padding: 0px 0px 0px 5px;
	width: 47%;
	min-width:200px;
}
#myNavbarMy form #recherche {
    border: medium none;
    height: 100%;
    padding: 3px 1px;
    width: 155px;
}
#myNavbarMy form #loupe{
	border: none;
    text-indent: -999em;
    width: 24px;
    height: 100%;
    background: url(images/search.fw.png) no-repeat center;
    padding: 0;
    background-color: #fff;
    float: right;
}
.navbar { margin-bottom:15px;}
#myNavbar.navbar-inverse {
	border-radius:7px;
	background-color: :#0A3AB5 !important;
  background-image:linear-gradient(#0A3AB5, #00237A);
	border:none;
  margin:5px auto;
}



ul.top_menu {
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0;
    float: left;
}
ul.top_menu li{
   margin:0;
   padding:0;
   float:left;
   padding-left:15px;
}
ul.top_menu li a, #myNavbarMy .login a{
    color:#666;
	float:left;
}
ul.top_menu li a:hover, ul.top_menu li a:focus {
    color:#000;
}
div#navbarCollapse{ padding-left:4px;}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
	font-size: 0.97em;
}
.navbar-inverse .navbar-nav>li {
        border-right:1px solid #AAAAFF;
        border-left: 1px solid #727279;
        border-top: 3px solid #00237A;
}
.navbar-inverse .navbar-nav>li.active {
    border-right:1px solid #FFAAAA; border-top: 3px solid #C11;
}



.navbar-inverse .navbar-nav>li:hover {
   border-top: 3px solid #333;
}


ul.top_menu li a , ul.top_menu li span{
	padding: 5px 10px;
}
ul.top_menu li a:hover {
    background-color: #fafafa;
    border-radius: 2px;
	padding: 5px 10px;
	text-decoration:none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>li>a:hover{
    background-image: none !important;
   background: #C80707;
    box-shadow: none !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #C80707;
    transition-delay: 2s;
    -webkit-transition-delay: 2s; /* Safari */

}
/**header*/
.pubup {
    background-color: #DFD8DE;
    float: right;
	max-width: 728px;
    width: 100%;
    height: 90px;
padding:0;     margin-top: 5px;
}
/**slides*/
.contener1{ min-height:397px; padding:0;}
.pub_centre{padding:0; margin-bottom: 15px;}
.col-md-8.slides{ margin-left:0; padding-left:0 !important;}
div#myCarousel {
    padding: 0;
    margin-bottom: 15px;
    max-height: 397px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%;
}

/**Akumainfo**/
.grandeune{
	border:transparent;
	min-height:283px;
	padding:15px;
	margin-bottom:15px;
	background:#E7E7FF;
  width: 100%;
  text-align: center;
}
.grandeune h1, .grandeune a h1 {
	color:#000;font-size: 2em;
	font-weight: bold;     text-transform: uppercase; text-decoration: none;
}
.grandeune a:hover{  text-decoration:none;}

.grandeune h2{
	margin:0 0 20px 0;
	color:#C11;
	font-size: 2.7em;
    font-weight: 100;
}
.grandeune .ph {
	padding:0; max-height: 400px; overflow: hidden;
}
.grandeune .ph img{
	box-shadow: 3px 2px 6px 5px #333; width: 100%;
}


.lac1 {float: left; padding-bottom:10px}
.lac2 {float: left;    padding: 0;}
.lac1 h3.sitetitre {
    font-size: 18px;
    line-height: 23px;
    color: black;
    margin: 0;
}
.lac2 h3.sitetitre {
    font-size: 14px;
    line-height: 20px;
    color: black;
    margin: 0;
}


/*
.btn { padding:10px 0;}
.btn a{
	color: #f1f1f1;
    background-color: transparent;
    border: 1px solid #f1f1f1;
	text-transform: uppercase;
    font-weight: 700;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
	text-decoration:none;
	font-weight: 400;
}
.btn a:hover{
	color: #fff;
    background-color: #C11;
    border-color: transparent;
}
*/



/**** TOP 3 FOOTER ****/
.widgets_footer  ul.top3 {
    list-style: none;
    padding: 0;
    margin: 0; padding : 0;
}
ul.top3 a{
   color:#EEE;
}
.widgets_footer  ul.top3 li{margin:0; padding:0}

/**actu droite*/
.unedroite ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.v_logo.col-md-4, .actu_line.droite .titre.col-md-8 {
    padding: 0;
    margin: 0;
}
.all_articles .v_logo, .all_articles .actu_line.droite .titre {
    padding: 0;
    margin: 0;
}
.all_articles .actu_line.droite .titre span{
   color:#101010;
   display: block;
}
.v_logo.col-md-4 {
    width: 35%;
}


.v_logo img{
    width: 100%;
}
.v_logo {     max-height: 180px;
    overflow: hidden;
    box-shadow: 2px 2px 5px #666;
}
.actu_line.droite .titre.col-md-8 {
    width: 65%;
}
.actu_line.droite .titre h3 {
    padding: 5px ;
    background-color: #C11;
    font-size: 10px;
      margin: 5px 5px 0 9px;
    color: #fff;
    display: inline-block;
	text-transform: uppercase;
	float:left;
}
.actu_line.droite .titre h4{
    color: #333;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
	margin: 6px 0 2px 0;
}
.all_articles .actu_line.droite .titre h4{
    font-size: 18px;
	line-height: 22px;
}
.all_articles .actu_line.droite .titre .fa, .side_actu .titre .fa{
    padding:2px;
	background:none;
}
.side_actu H2, .unedroite H2{
    font-size: 18px;
    color: #C11;
    border-bottom: 2px #EEE solid;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 9px 0;
}
.side_actu .v_logo {
    max-height: 90px;
}

.side_actu .titre span.date{
	font-size:0.8em;
	float:left !important;
}
.side_actu .titre span.date .fa{
	font-size:1.25em;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.contautre a {color: black;}
.contautre H4 {background:#f9F7F7; margin:0 0 0 0; padding:3px; font-size:16px; }

.actu_line.droite .titre.col-md-8 span{
	display: block;
    float: right;
}
span.details{
	font-size: 12px;
    float: right;
    display: none;
}
.all_articles span.details{
	font-size: 13px;
}
.actu_line.droite .titre span a {
    color: #C11;
    font-size: 12px;
}
.all_articles .actu_line.droite .titre span a {
    color: #C11;
    font-size: 15px;
	float:right;
}
.unedroite.col-sm-12.col-md-4 {
    padding: 10px;
	background-color: #fff;
    border: 1px solid #ccc;
	margin-bottom: 20px;
}
.unedroite .side_actu li {
    display: block;
    min-height: 105px;
    border-bottom: 2px solid #C11;
    background-color: #f9f9f9;
    padding: 5px 5px 0px 5px;
	margin-bottom: 5px;
}




.all_articles .cite {
border-bottom: 4px solid #C11;
margin-bottom: 27px;
}

  .cite  H2,  H2.lastNews{
      font-size: 20px;
      color: #0A3AB5; border-bottom: 5px #EEE solid;
      font-weight: bold;
      text-transform: uppercase;
      padding-left: 5px; margin: 0 0 18px 0;
}


.all_articles  .bbox  {
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #eee;
  border-left: 3px solid #EEE; background: #f7f7f7;
  padding-top: 5px;
 }



.all_articles .actu_line   {

	padding:15px;
	margin-bottom:15px;
	box-shadow: 0px 0px 1px #aaa;
}
.actu_line  .content {
    padding: 11px;
	min-height: 89px;
}
.block{
	min-height:150px;
	margin-bottom: 20px;
}
.block .blocktitle .fa{
	background-color: #C11;
    color: #fff;
    text-align: center;
    padding: 5px 9px 5px 3px;
    min-width: 35px;
}
.facebook.block .fa{
	background-color: #3A5795 !important;
}
h1.blocktitle {
    font-size:1.3em;
    margin: 3px 0;
    color: #C11;
	border-bottom: 3px solid #C11;
	border-left: 5px solid #C11 !important;
	background-color: #fafafa;
	border-radius: 2px 0 0 0px;
}
.facebook.block h1.blocktitle {
	border-bottom: 3px solid #3A5795;
	border-left: 5px solid #3A5795 !important;
	color:#3A5795;
	border-radius: 2px 0 0 0px;
	font-size: 1.24em;
}
.portrait.block .portrait_content{
	float:right;
	min-height: 100px;
	width: 63%;
}
.readmore{
	float:right;
}
.readmore a{
	color:#333;
}
/**FOOTER**/
.rubFooter {text-transform:uppercase; line-height:1.2em;}

.sociaux_suivre {
    padding-bottom: 10px;

}
.fa.footer{
    background: #fff;
    border-radius: 50%;

    text-align: center;
    width: 30px;
    padding: 8px;
    font-size: 16px;
	color : #C11;
}
.pied_page.col-sm-12 {
    border-top: 1px solid #666;
    padding: 8px;
}
h3.agauche {
    padding: 0px 22px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 100;
    margin-top: 9px;
}
.footer_bas {
    background-color: #101010; color: #EEE;     margin-top: 0;
}
.footer_bas p {
    padding:0 15px;
}
.footer_bas h2{
	color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: 300;
    border-bottom: 3px solid #666;
   padding: 10px 0;
}

.footer_bas h3.sitetitre {
    font-size: 14px;
    line-height: 20px;
    color: white;
    margin: 0;
    font-family: 'Open Sans'; font-weight: 200;

}

.widgets_footer {
    min-height: 250px;
}
.widgets_footer  ul {
    padding: 0 25px;
	margin:0;
}
.widgets_footer  li, .widgets_footer  li a, .widgets_footer{
    color: #f1f1f1;
}
span.pictos {
    margin-top: 10px;
    display: inline-block;
}
.agauche{
	display: inline-block;
	float: left;
	margin-right: 30px;
}

@media (min-width: 1200px){
	.container {
		width: 1024px;
	}
}

@media (min-width: 992px){
	/*.all_articles .col-md-6 {
		width: 48.9%;
		margin-right:15px;
		margin-bottom:15px;
	}
	.all_articles .col-md-6.last {
		margin-right:0px;
	}*/
}

@media(max-width:767px ){
	.pubup {
		display:none;
	}
}









table.spip { border: 1px solid #333; }
table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EED; }
table.spip tfoot { border-top: 1px solid; }