/* 
    Document   : styles
    Created on : 6 oct. 2014, 12:34:26
    Author     : aymen_zribi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.top_nav {

  color: #fff;
  font-size: 12px;
 
}
.top_nav .right {
  float: right;
  text-align: right;

  width: 60%;
}
.tpbut {
  border-left: 1px solid #21672F;
  border-right: 1px solid #21672F;
  color: #fff;
  float: right;
  margin-left: 0;
  padding: 4px 15px;
  transition: all 0.3s ease 0s;
}
.tpbut a {
  
  color: #fff;
 
}
.form-control_fr {
  display: block;
 /* width: 100%;*/
  height: 30px; 
  padding: 5px 10px; 
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.styimg{
  width:80%;
  border:0;  
}
.wellpage{
background-image: url(/bundles/doiblog/images/gradient_squares.png);   
border: 1px solid #ddd;
}
/*carde*/
.knowledge-zribi {
    color: rgb(0, 112, 192);
    background: none;
    border: 1px solid rgb(0, 112, 192);
	font-size:19px;
	line-height: 1.4375;
}
.icon-github {
  display: inline-block;
  width: 60px;
  height: 60px;
  font-size: 60px;
  line-height: 60px;
}
.doi-link-button-zribi {
    padding: 5px 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 19px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 40px;
    margin-top: 0;
}
.projet .doi-link-button-zribi {

  padding: 15px 18px;
  font-weight: 400;
  font-family: Raleway;
}
.doi-link-button-zribi:hover
{
	text-decoration: none !important;
	background:none;
	border:1px  #07656D solid;
	color:#07656D !important;
}
.doi-link-button {
  padding: 5px 10px;
  font-family: 'Open Sans',sans-serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 26px;

  display: block;
  text-align: center;
  margin-bottom: 10px;
  line-height: 40px;
    margin-top: 0;
}



.knowledge-doi {
  color: #F7A40E!important;

  background:none;
  border: 1px solid #F7A40E;
}

.projet .doi-link-button {

  padding: 15px 18px;
  font-weight: 400;
  font-family: Raleway;
}
.doi-link-button:hover
{
	text-decoration: none !important;
	background:none;
	border:1px  #07656D solid;
	color:#07656D !important;
}
.list_block {
  border-top: 3px solid #49c32c;
}
.list_block {
  border: 1px solid #dce4ea;
  padding: 15px 12px 0px;
  border-top: 3px solid #49c32c;

}
.events {
  font-weight: 700;
  font-size: 36px;
  display: block;
  line-height: 30px;
  margin-top: -8px;
}

.events  span.date {
  display: block;
  margin-right: 20px;
}
.rel_right p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 2px;
  color: #07656D!important;
  font-family: Raleway;
}


.related_post_sec h3 {
  text-transform: uppercase;
  padding-bottom: 12px;
  border-bottom: 1px solid #dce4ea;
  margin: 0 0 18px;
  font-size: 22px;
  text-align: center;
}
.events span.date {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0,0,0,0.7);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  padding-left:  8px ;
  padding-right:   8px ;
  border: 3px solid #dce4ea;
  display: inline-block;
  
  text-align: center;
  margin-right: 10px;
}
.events span.date:hover {
  font-weight: 400;
  font-size: 14px;
  color: #49c32c;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  padding-left:  8px ;
  padding-right:   8px ;
  border: 3px solid #49c32c;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}


/*fin agenda*/
/*partie code conduite*/
.knowledge-code {
  color: #07656D!important;

  background:none;
  border: 1px solid #e3e3e3;
}
.code-link-button {
  padding: 5px 10px;
  font-family: 'Open Sans',sans-serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 15px;

  display: block;
  text-align: center;
  margin-bottom: 10px;
  line-height: 40px;
    margin-top: 0;
}

.code .code-link-button {

  padding: 15px 18px;
  font-weight: 400;
  font-family: Raleway;
}
.code-link-button:hover
{
	text-decoration: none !important;
	background:none;
	border:1px  #F7A40E solid;
	color:#07656D !important;
}
.icon-code {
  
  display: inline-block;
  width: 80px;
  height: 60px;
  font-size: 60px;
 
}
/*fin code conduite*/
@media (min-width: 768px){
.fb_post_sec h3 {
  font-size: 16px;
}
}
.fb_post_sec h3 {
 
  padding-bottom: 15px;
  border-bottom: 1px solid #dce4ea;
  margin: 0 0 18px;
  font-size: 18px;
  
}
.fb_post_sec{
margin-bottom:15px;
}
/*post*/
.post_right_border {
  padding-left: 30px;
  border-left: 1px solid #dce4ea;
}
.post {
  margin: 0 0 30px;
  border-bottom: 1px solid #dce4ea;
}
.post_thumb {
  margin: 0 0 13px;
}
.post_thumb>img {
  width: 100%;
}
img {
  max-width: 100%;
}
.meta {
  padding: 0 0 6px 0;
  border-bottom: 1px solid #dce4ea;
  margin: 0 0 25px;
}
.meta span.date {
  border: none;
  padding: 0;
  margin: 0;
  color: #49c32c;
}
.meta span {
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
  display: inline-block;
  padding-right: 20px;
  margin-right: 10px;
  border-right: 1px solid #dce4ea;
}
.meta span a {
  color: #49c32c;
}
.meta span a {
  color: #49c32c;
  text-decoration: none;
  font-weight: 400;
}
@media (min-width: 1200px){
.post h1 {
  margin: 0 0 30px;
  font-size: 30px;
}
}
@media (max-width: 480px){
.post h1 {
  margin: 0 0 30px;
  font-size: 12px;
}
}

.post h1 {
  font-weight: normal;
  color: #295376;
  margin: 0 0 15px;
  clear: both;
  margin: 0 0 20px;
  font-size: 20px;
}
.post h1 a {
  color: #295376;
  font-size: inherit;
}
.post_desc {
  margin: 0 0 20px;
}
p {
  margin: 0 0 15px;
}
.post_bottom {
  margin: 0 0 35px;
}
.post_section .post_bottom ul li {
  margin: 0!important;
  margin-right: 25px!important;
  padding: 0!important;
  display: inline-block!important;
  width: auto;
  border: none;
  clear: none;
}
.post_section .post_bottom ul li a {
  position: relative;
  text-decoration: none;
  width: 59px;
  height: 39px;
  background: #f2f2f2;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  text-align: center;
}
.like a.more_post {
  border: 1px solid #dce4ea;
}
.like a.more_post {
  width: 100%;
  font-weight: 400;
   padding: 6px 12px;
  text-decoration: none;
  line-height: 44px;
  border: 1px solid #dce4ea;
  text-align: center;
  color: #49c32c;
 /* display: block;*/
  clear: both;
}
ul {
  list-style-type: none;
 
}
/*finpost*/
.box .block_quate {
  margin: 0 0 42px;
}
.block_quate {
  border-left: 4px solid #49c32c;
}
.block_quate {
  padding: 10px 20px;
  border-left: 4px solid #49c32c;
  background: #f6f9fa;
  margin: 40px 0 25px;
}
.box .block_cv {
  margin: 0 0 42px;
}
.block_cv {
  border-left: 4px solid #ec7263;
}
.block_cv {
  padding: 10px 20px;
  border-left: 4px solid #ec7263;
 
  margin: 40px 0 25px;
}
.block{
 margin-bottom: 20px;   
}
.related_post_arti h3 {

 padding-bottom: 15px;
  border-bottom: 1px solid #dce4ea;
  margin: 0 0 18px;
  font-size: 18px;
}

/*partie projet*/
.knowledge-link-buttons, .knowledge-link-button-bis {
  padding: 5px 10px;
  font-family: 'Open Sans',sans-serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 16px;

  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.knowledge {
  color: #fff!important;
  background-color: #07656D;
  border: 1px solid #07656D;
}
 .knowledgz {

  color: #07656D!important;
  background-color: #fff;
  border: 1px solid #fff;
}
.projet .knowledge-link-buttons {

  padding: 15px 18px;
  font-weight: 400;
  font-family: Raleway;
}
.knowledge-link-buttons:hover
{
	text-decoration: none !important;
	background:none;
	border:1px  #07656D solid;
	color:#07656D !important;
}
.container-info-action h3 {
  font-size: 20px;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 40px;
}
.container-info-action h3, .container-info-action h5 {
  border-bottom: 1px #fff solid;
  text-transform: uppercase;
  color:#fff;
}
.container-info-action {
  background-color: rgba(0,0,0,.35);
  color: #fff;
  padding: 40px;
  margin-top: 10px;
  margin-bottom:  10px;
}
/*fin partie projet*/
.btn_fr {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;

}
@media screen and (min-width: 992px){
#wb-sttl {
  display: table-row;
  margin-bottom: 5px;

   
}
}
@media screen and (min-width: 992px){
#wb-sttl a {
  display: table-cell;
  font-size: 1.1em;
  height: 2em;
  text-shadow: 1px 1px 1px #333;
  vertical-align: middle;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  
}
}
@media screen and (min-width: 992px){
#wb-srch {
  padding: 11px 15px 6px;
  height: 2em;
  right: 0;
  z-index: 2;
}
}
@media screen and (max-width: 991px){
#wb-sttl a {
 font-size: 1.5em;
  text-shadow: 0 1px 1px #044062;
  
}
header {
		height: 138px;
	}
#masthead{
    background-color:#213e08 ;
}



}



@media screen and (max-width: 991px) and (min-width: 768px){
#wb-srch {
  margin-bottom: 15px;
}
}
@media screen and (max-width: 991px){
#wb-srch {

  margin-right: 15px;
  
  text-align: right;

}


}


@media screen{
#wb-sttl a {
  color: #fff!important;
}
}
@media screen{
#wb-sttl a:link, #wb-sttl a:visited {
  text-decoration: none;
}
}
@media screen and (min-width: 992px){
body {
  background-image: url(/bundles/doiblog/images/banierefr.png),url(/bundles/doiblog/images/banierevr.png);
  background-position: center 0em;
  background-repeat: no-repeat,repeat-x;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.4375;
  color: #333;
}
header {

  background: no-repeat center center;
  background-size: cover;
  height:200px;
  
  display: block;
}
}


.baniere{
 position: relative;
 margin: 0 auto;
 top: 25px;
 left: 40px;
 width:980px;
 height: 200px;
 overflow: hidden;
 visibility: hidden;
 
 
}
.wb-tabs {
  position: relative;
}
a:visited {
  /*color: #7834bc;*/
}
a {
/*  text-decoration: underline;*/
}
a {
  color: #295376;
}
a {
  background-color: transparent;
}
.wellzribi {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); 
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05); 
}
.brdr-tp {
  border-top-width: 1px;
  border: solid 0 #ccc;
}
.appel{
 background: rgba(215, 250, 255, 0.43);
 border-color: rgba(38, 154, 188, 0.53);
}
.appelindi{
   background: rgba(215, 255, 225, 0.32);
  border-color: rgba(110, 188, 38, 0.53);
}
.alerts {
  border-radius: 0; 
  border-style: solid; 
 
  
}
.alerts {
  padding: 15px;
  border-width: 0 0 0 4px;
 /* border: 1px solid transparent;*/
}
.wb-mltmd {
  display: block;
  position: relative;
}
.wellzribiya {
  min-height: 20px;
  padding: 4px;
  margin-bottom: 2px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.mrgn-tp-0 {
  margin-top: 0;
}
.yahia{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.4375;
  color: #333;
}
.mrgn-bttm-sm {
  margin-bottom: 5px;
}
.mrgn-tp-sm {
 margin-top: 5px; 
}
.banieres{
 cursor: default; 
 position: relative;
 top: 5px;
 left: 0px; 
 width: 980px;
 height: 200px; 
 overflow: hidden;  
 
}
.mrgn-bttm-0{
text-align: justify;

}
/*
.row {
  margin-left:0px;
  margin-right:0px;
}
*/
.menu_right{
margin:10px;

}
#langue{
height: 40px;
margin: 0;
padding: 0;
line-height: normal;
background: none;
border: none !important;
overflow: hidden;
}


/*Pour le menu vertical a droit */
.listnav {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.listnavs {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:left;
}
 .dgmenu{

  color: #66a6a8;
          }
 .dgttmenu{

  color: #696346;

        }  
  .avmenu{
 
  color: #28405d;
          } 
          
 .dgac-color {
  color: #28405d;
}
  .zmenu {
 
  color: #6A4C70;
            }
.dgmm-color {
 color:#66a6a8;
}
.dgtt-color {
  color: #696346;
}
.logistique-color {
 color:#6A4C70;
} 


.dgmenu:before{
  content: "\f13d"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;   
    margin-left: 4px; 
}
.avmenu:before{
  content: "\f072"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;   
    margin-left: 4px; 
}
.dgttmenu:before{
  content: "\f018"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;   
    margin-left: 4px; 
}
nav.vertical {

  overflow: hidden;

  border: 1px solid #dfdfdd;
  margin-bottom: 10px;
}

  nav.vertical > ul {
    list-style-type: none;
    
  }

    nav.vertical > ul > li {
      display: block;
    }

      nav.vertical > ul > li > a {
          /*
        background: rgba(23,113,196,1);
        background: -moz-linear-gradient(left, rgba(23,113,196,1) 0%, rgba(23,113,196,1) 0%, rgba(7,60,95,1) 75%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,113,196,1)), color-stop(0%, rgba(23,113,196,1)), color-stop(75%, rgba(7,60,95,1)));
        background: -webkit-linear-gradient(left, rgba(23,113,196,1) 0%, rgba(23,113,196,1) 0%, rgba(7,60,95,1) 75%);
        background: -o-linear-gradient(left, rgba(23,113,196,1) 0%, rgba(23,113,196,1) 0%, rgba(7,60,95,1) 75%);
        background: -ms-linear-gradient(left, rgba(23,113,196,1) 0%, rgba(23,113,196,1) 0%, rgba(7,60,95,1) 75%);
        background: linear-gradient(to right, rgba(23,113,196,1) 0%, rgba(23,113,196,1) 0%, rgba(7,60,95,1) 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1771c4', endColorstr='#073c5f', GradientType=1 
          */
        color: rgb(255,255,255);
        display: block;
        font-size: 12px;
        font-weight: 500;
       /* height: 50px;*/
        padding: 10px 0;
        /*letter-spacing: .5rem;*/
       /* line-height: 50px;*/
        text-shadow: 0 1px 1px rgba(0,0,0,.1);
     
        transition: all .1s ease;
        text-decoration: none;
        background:  #085586;
        border-left: 5px solid #0b78be ;
        padding-left: 8px;
      }

        nav.vertical > ul > li > a:hover {
         background-color: rgb(9, 85, 134);
        
         cursor: pointer;
        }
        
          nav.vertical > ul > li > div {
            
			 padding: 0 20px;
          }
 
          nav.vertical > ul > li > div > ul {
            list-style-type: none;
			
             
        
        
          }

            nav.vertical > ul > li > div > ul > li > a {
             background: url(/bundles/doiblog/images/arrow.png) no-repeat right center;
             display: block;
             color: #0060b1;
             font-weight: 400;
             font-size: 14px;
             line-height: 1.4375;
             text-decoration: none;
             transition: all 0.15s linear;
             padding-right: 20px;
            }
            .zmenu {
  position: relative;

  padding: 10px 5px;
  margin-bottom: -1px;
  background-color: #fff;
  /*border: 1px solid #ddd;*/
  border-bottom: 1px solid #d1e0eb;
  border-top: 1px solid #d1e0eb;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

  line-height: 1.4375;

            }
  .avmenu{
  position: relative;

  padding: 10px 5px;
  margin-bottom: -1px;
  background-color: #fff;
  /*border: 1px solid #ddd;*/
  border-bottom: 1px solid #d1e0eb;
  border-top: 1px solid #d1e0eb;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

  line-height: 1.4375;
 
            }
  .dgmenu{
  position: relative;

  padding: 10px 5px;
  margin-bottom: -1px;
  background-color: #fff;
  /*border: 1px solid #ddd;*/
  border-bottom: 1px solid #d1e0eb;
  border-top: 1px solid #d1e0eb;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

  line-height: 1.4375;
  
            }
             .dgttmenu{
  position: relative;

  padding: 10px 5px;
  margin-bottom: -1px;
  background-color: #fff;
  border-bottom: 1px solid #d1e0eb;
  border-top: 1px solid #d1e0eb;
  /*border: 1px solid #ddd;*/
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

  line-height: 1.4375;
 
            }
              nav.vertical > ul > li > div > ul > li:hover > a {
                
               color: #49c32c;
              
              }

/* Custom page CSS
-------------------------------------------------- */

.nomsociete{
    float: left;
    margin-right:  100px;
}
.container .credit {
  margin: 20px 0;
}

#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}

h1,h2,h3,h4 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  vertical-align:middle;
  color:#000000;
 /* font-weight: 600;*/
}
.post-title {
  font-size: 16px;
  line-height: 1.3em;
}

.post-title a:hover {
    text-decoration:none;
}
.article{
    padding-right: 0;
  padding-left: 0;
}
/*
header {

  background: no-repeat center center;
  background-size: cover;
  height:200px;
  
  display: block;
}
*/
.wellEmna {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 2px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/*
header h1,header h2,header h3 a,header a,header a:hover {
    font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
 
  font-weight:800;
  text-decoration:none;
}
*/

header h3 {
  font-family: 'Kreon', serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}



#main {


 margin-top: -35px;
 padding:0px;

  background:  #213e08; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient( #213e08, #ffffff,  #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #213e08, #ffffff,  #ffffff); /* For Opera #909e83 11.1 to 12.0 */
  background: -moz-linear-gradient( #213e08, #ffffff,  #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #213e08, #ffffff,  #ffffff); /* Standard #909e83 syntax */

}
#main-container-ele {
border: 1px solid #ddd;
background:#FFFFFF;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}

#footer > .container {
  
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}


.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #096097;
}
.navbar-custom .dropdown-menu{
	right:0;
        
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
        
}

.divider {
	height:100px;
}

.panel {
	border-width:0;
}

@media (max-width: 768px) {
	header {
		height: 135px;
	}
}

#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin: 0;
	padding: 15px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 

section {
  color: #ffffff;
  
  height: auto !important;
  height: 100%;
  padding-top:20px;
  margin-top: -16px;
  
}
.breadcrumb {
	
    background: #eaedf1 none repeat scroll 0 0;
	padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
	
	 border-radius: 4px;
   /* color: #fff;*/
    font-size: 14px;
    font-weight: 300;
    
	 border-bottom: 3px solid #49c32c;
     font-family: 'Open Sans', sans-serif;
  
   padding: 8px 15px;
    
    width: 100%;
  
}
.page-header {
   padding-bottom: 1px; 
   margin: 40px 0 20px; 
  border-bottom: 1px solid #fff;
}
/*les articles*/
.post-outer {
background: #fff;
font-family: 'Open Sans', sans-serif;
line-height: 2em;
margin-bottom: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
border: 1px solid #d2d2d2;
}


.post h4.post-title {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
margin-bottom: 10px;
line-height: normal;
overflow: hidden;
}
.postbloc h4.post-title {
font-family: 'Open Sans', sans-serif;   
font-weight: bold;
margin-bottom: 10px;
line-height: normal;
overflow: hidden;
}
.postbloc {

  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4375;
  color: #333;
}
.post {

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 1.4375;
color: #333;
/*
margin-right: 40px;
margin-bottom: 60px;
*/

}
.rmlink {
float: right !important;
}
.post-header {
border: 1px solid #d2d2d2;
margin-bottom: 20px;
margin-top: 10px;
background: #eee;
padding: 5px 10px;
}
.post-outers {
background: #fff;
line-height: 2em;
margin-bottom: 10px;

border-color: #e5e6e9 #dfe0e4 #d0d1d5;
-webkit-border-radius: 3px;
}
.btn-blog {
color: #000;

border-color: #dfdfdd;

margin-bottom: 10px;
float: right !important;

}

.btn:hover  {
color: #0000FF;
text-decoration: none;
}

.margin10 {
float: left !important;    
margin-bottom: 10px;
margin-right: 10px;

}   


/*liste des liens vers les services*/



#cnt1 {            
     /*background-color:rgba(215, 212, 212, 0.88);*/
     background-color: #F7F5F4;
     width:100%;
    
    
 }
  
 .feature{
 
    padding: 2px 0px 25px 0px; 
   /* text-align: center;*/
  /* text-align: center;*/

 }
  .feature h5{

font: bold 14px Arial, Helvetica, sans-serif;
display: block;
clear: both;
padding: 0;
text-align: center;
 }
 .marg{
    margin-right: 4px; 
 }
 .posision{
 
  background: #ffffff;
 
 
 }
#photo {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  padding: 5px;
  background: #ededed;
  display: inline-block;
}
.h3 {
  margin-top: 12px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
   .feature h6{

color: #1E90FF;
display: block;
clear: both;
padding: 0;
text-align: center;
 }
   .feature p{
        

font: 14px/20px Arial,sans-serif;
text-align: justify; 
font-weight: normal;




   


 }
 .cadrepub{
 
   font: 12px Arial, Helvetica, sans-serif;
   
   border: 1px solid #ECEAEA;
   margin: 20px;
   background: #ffffff;
  
  margin:10px;
 }
 .cadrepub ul li{
    text-decoration: none; 
    list-style: none;
 }
  .cadrepub a{
   /* color: #000;*/
    text-decoration: none; 
 
 }
  .cadrepubleft{
 border: 1px solid #ECEAEA; 
 margin:10px;

 }
 .feature > div > div{

    transition: 0.2s;
 }
 .bdate {
  background: #f17d0b none repeat scroll 0 0;
  color: #fff;
  float: left;
  left: 0;
  padding: 5px 0 7px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
 /* width: 65px;*/
}
.ctitle-triangle {
  position: absolute;
  border-style: solid;
  float: left;
  left: 0;
  border-color: #bd4b19 #bd4b19 transparent transparent;
  border-width: 7px;
  width: 0;
  height: 0;
  top: 28px;
}
 .cdate {
  background: #f17d0b none repeat scroll 0 0;
  color: #fff;
  float: left;
  left: 0;
  padding: 5px 0 7px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;

}
 .title-triangle {
  position: absolute;
  border-style: solid;
  float: left;
  left: 0;
  border-color: #bd4b19 #bd4b19 transparent transparent;
  border-width: 7px;
  width: 0;
  height: 0;
  top: 28px;
}
 .alienk {
  background: #f17d0b none repeat scroll 0 0;
  color: #fff;
  float: left;
  
  position: absolute;
  text-align: center;
  /*padding: 5px 0 7px;*/
  margin-bottom:  0;
  transition: all 0.3s ease 0s;

}

.puce:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
}
.content-knowledge {
  padding: 20px 20px 0;
  margin-bottom: 20px;
}
.content-knowledge{
  font-family: 'Open Sans',sans-serif;
  font-weight: lighter;
  font-size: 16px;
  text-align: justify;
}
.knowledge-link-button {
  color: #fff!important;
  background-color: #07656D;
  border: 1px solid #07656D;
}

 .knowledge-link-button {
  float: right;
  width: 100%;
}

.container-link-knowledge-button {
  width: 100%;
  margin-top: 20px;
  padding: 0 10px 10px;
}

.knowledge-link-button {
  padding: 5px 10px;
  font-family: 'Open Sans',sans-serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}	
.knowledge-link-button:hover
{
	text-decoration: none !important;
	background:none;
	border:1px  #07656D solid;
	color:#07656D !important;
}
 .one_fourth_less{

  padding-bottom: 25px;  
  height: 420px;
  border: 1px solid #dfdfdd;
  border-width: 0 0 .1rem .1rem;
 }
 .contour{
  margin-bottom: 10px;
  border: 1px solid #dfdfdd;
  border-width: 0 0 .1rem .1rem;   
 }
 .feature a{

  font-size: 13px;
  right: -10px;
  bottom: 10px;
  color: #fff;

  text-decoration: none; 
 
     }
     
   .feature > div:hover > div{
   /* border: 1px solid #e3e3e3;*/
   
   /* color: #999;*/
 
 }  
 .hrbottom{
  width: 194px;
  height: 7px;
  background: url(../images/hr_bottom.gif ) left top no-repeat;
  margin-left: 5px;
 }
  .one_fourth{
 border: 1px solid #dfdfdd;
 border-width: 0 0 .1rem .1rem;
 padding-bottom: 10px;  
 height: 320px;
 }
  .featurecomunique p{
        

font: 14px/20px Arial,sans-serif;
text-align: justify; 
margin: 0;
padding: 3px 18px;
   


 }
 .featurecomunique a{
  font-size: 13px;
  color: #fff;
  text-decoration: none;    
     
 }
 .featurelien{
     padding: 15px 0;
   margin-bottom:  85px;
   
}
.liencommunique{
   font-size: 13px;
  right: -10px;
  bottom: 10px;
  color: #fff;
  /*padding: 1px 6px;*/
 /* position: absolute;*/
  background: #72c02c;
 /* display: inline-block;*/
  text-decoration: none;    
}
 .feature p{
margin-top: -50px;
padding: 3px 18px;
}

  .featurelien h5{
  
font: bold 11px Arial, Helvetica, sans-serif;
color: #2b7ab1;
display: block;
clear: both;
padding: 0;
width: 150px;
 
 }
.iconn:before {
    content: "\f138"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
 
}

 .featurelien > div > div{
    width: 170px;
    padding: 10px;
    border: 1px solid #AECAE0;
   margin-bottom: 20px;
 
 }
 @media (max-width: 480px) {
 .projet .doi-link-button-zribi {
   
    font-weight: 400;
   
}
 .knowledge-zribi {
    color: rgb(0, 112, 192);
    background: none;
    border: 1px solid rgb(0, 112, 192);
	font-size:12px;
	line-height: 1.4375;
}
.doi-link-button-zribi {
    padding: 5px 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 12px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 40px;
    margin-top: 0;
}
.doi-link-button {
    padding: 5px 10px;
    font-family: 'Open Sans',sans-serif;
    /* font-weight: lighter; */
    font-style: normal;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 40px;
    margin-top: 0;
}    
     
 #wb-sttl a {
  /*display: table-cell;
 
  /* height: 2em; */
  size: 12px;
  text-shadow: 1px 1px 1px #333;
  vertical-align: middle;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
  section {
  
  height: auto !important;
  height: 100%;
  padding-top: 0px;
  margin-top: -26px;
}
 
    
  
 
 .featurelien > div > div{
   
    padding: 10px;
  
	  border: 1px solid #AECAE0;
	margin-bottom: 20px;
   
 }
 .featurelien h5 {
  font: bold 8px Arial, Helvetica, sans-serif;
  color: #2b7ab1;
  display: block;
  clear: both;
  padding: 0;
  width: 80px;

 }
.imgmobile {
with: 100%;

}
}

 .featurelien > div:hover > div{
  
     border: 1px solid #1A7E1F;
  
  
 }
 
 .featurelien a{
   font: 11px Arial, Helvetica, sans-serif;  
   text-decoration: none; 
     }     
.red-border-bottom:before {
position: absolute;

z-index: 1;
content: "";
width: 20%;
height: 2px;
background: #e96656;
bottom: 1px;
/*left: 12.5%;*/
}   
h4.header {
/*border-bottom: 4px solid #ffffff;*/
/*color: #B3B3B3;*/
font-size: 15px;
line-height: 15px;
/*text-transform: uppercase;*/
font-weight: bold;


}
#bottom ul {
list-style: none;
padding: 0;
margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.4375;
}
.titre_ac h4 {
 /* border-left:  5px solid #085586;  */
 padding-left: 8px;
}
.titre_bc h4 {
  border-bottom:   3px solid #085586;  
  padding: 10px 5px 5px 9px;
  margin-left: 25%;
  margin-right:  25%;
}
.color {
/*color: #ff9b2a;*/
margin-right:  2px;

}
.folio-image-box{  
  width: 30%;
  color: #fff;
  padding: 0px;
  margin: 0px;
  border: none;
  display: block;
  height: 200px;
  overflow: hidden;   
}
/*fin liste des liens */

/*avant pied de page*/

.square:before {
    content: "\f0da"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
 
}
/*fin avant pied de page*/
.footerlogo {
 /* background: #333333;*/
  background: #ffffff;
  /*border: 1px solid #e3e3e3;*/
  width: 80px;
  height: 80px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-top-left-radius :1px solid #e3e3e3;
  text-align: center;
  
  top: 0;
  left: 50%;
  margin-left: 46%;
  margin-top: -57px;
}

.footerlogos {
 /* background: #333333;*/
  background: #ffffff;
  /*border: 1px solid #e3e3e3;*/
  width: 90px;
  height: 90px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-top-left-radius :1px solid #e3e3e3;
  text-align: center;
 /* position: absolute;*/
  top: 0;
  /*left: 50%;*/
  margin-left: 45%;
margin-top: 140px;
}
.arriereplan{
    background: #ffffff;
    
}

.wb-navcurr  {
/*
	 background: #eaedf1 none repeat scroll 0 0;
    font-family: 'Open Sans', sans-serif;
	border-bottom: 3px solid #49c32c;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 12px;

    width: 100%;
	*/
	border-top: 3px solid #49c32c;
   padding: 15px 12px 0px;
  margin: 0 0 18px;
  font-size: 18px;
}

#sidbarmenu a:link {color:#085586;} /* unvisited link */ 
#sidbarmenu a:visited {color:#085586;} /* visited link */ 
#sidbarmenu a:hover {color:#999999;} /* mouse over link */ 
#sidbarmenu a:active {color:#555555;} /* selected link */ 



/* sidbar droite */
.body{position:relative}
.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{border-left-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{border-left-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#428bca}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px rgba(0,0,0,.05)}.bs-example:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#959595;text-transform:uppercase;letter-spacing:1px;content:"Example"}.bs-example+.highlight{margin:-15px -15px 15px;border-width:0 0 1px;border-radius:0}@media (min-width:768px){.bs-example{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}.bs-example+.highlight{margin-top:-16px;margin-right:0;margin-left:0;border-width:1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}}.bs-example .container{width:auto}.bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#999;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-top-example,.bs-navbar-bottom-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-top-example .navbar-header,.bs-navbar-bottom-example .navbar-header{margin-left:0}.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:absolute}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;clear:left}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight pre{padding:0;margin-top:0;margin-bottom:0;word-break:normal;word-wrap:nowrap;white-space:nowrap;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.highlight pre code:first-child{display:inline-block;padding-right:45px}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#999;border:1px solid #ddd}.visible-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-xs-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-lg-block{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customizer-input{float:left;width:33.333333%;padding-right:15px;padding-left:15px}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item .svg{width:144px;height:144px}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)}.zero-clipboard{position:relative;display:none}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:5px 8px;font-size:12px;color:#777;cursor:pointer;background-color:#fff;border:1px solid #e1e1e8;border-radius:0 4px 0 4px}.btn-clipboard-hover{color:#fff;background-color:#563d7c;border-color:#563d7c}@media (min-width:768px){.zero-clipboard{display:block}}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#F60}.mh{color:#F60}.mi{color:#F60}.mo{color:#F60}.sb{color:#C30}.sc{color:#C30}.sd{color:#C30;font-style:italic}.s2{color:#C30}.se{color:#C30}.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#F60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}