body{font-family: 'Raleway', sans-serif;font-size:15px;color:#1C140D;}
h1,h2,h3,h4,h5,h6,.navbar-brand,.nav-item{ font-family: 'Yantramanav', sans-serif;}
a{color:#c5e41c;}
a:hover{text-decoration:none;}

a img{transition: all 0.3s; ease-in-out 0s;}
a:hover img{opacity:0.6;}

.navbar{background: rgba(51, 51, 51,0.8) none repeat scroll 0 0;border:0;}
.navbar-default .navbar-brand{color:#cbe86b;}
.navbar-default .navbar-brand:hover{color:#eee;}
.navbar-default .navbar-nav > li > a {color:#eee;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a.on,.navbar-default .navbar-nav > li > a:focus {background:#555;color:white;}
.text-vcenter h1{color:#CBE86B;}
.navbar-nav > li > .item-twitter{padding:10px;}
.home .text-vcenter h3{color:#ccc;font-weight:normal;
 background: rgba(51, 51, 51,0.3) none repeat scroll 0 0;
    color: white;
    margin: 5px auto 1em;
    text-align: center;
padding:5px;
    width: 220px;
font-size:20px;
}
.text-vcenter .btn-info{font-weight:bold;font-size:15px;}
.btn-info{}
.nav-contact{color: #fff;
background-color: #5bc0de;font-weight:bold;}
.navbar > .container-fluid .logo-mi{
	padding-left:0;
	padding-right:0;
	margin:0 15px 0 0;
}
/* general styles */
html, body {
  height: 100%;
  width: 100%;
}
.overflow-hidden{
overflow:hidden;
}
/* padded section */
.pad-section {
  padding: 50px 0;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
#home {
  background: url(../img/back1.jpg) no-repeat center center fixed; 
  display: table;
  height: 80%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about {
	background:#fefefe;
}

#services {
  background-color: #f3f3f3;
  color: #273908;
box-shadow: 0 2px 6px 0 #aaa;
}
#services a{color:#273908;text-decoration:none;}
#services a:hover{color:black;}
#services .service-item a{display:block;padding:1em 5px;}
#services .glyphicon {
	background:#c4e093;
  border: 3px solid #c6ee80;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}
#services a:hover i{background:#c5fd64;border: 3px solid #c5fd64;}
#realisations{
	background:#f6f6f6;
box-shadow: 0 2px 6px 0 #aaa;
}
#realisations h2{text-align:center;margin-bottom:30px;}
.lientitre:hover h2,.lientitre:hover {text-decoration:none;color:#009abc;}
.realisation{
overflow:hidden;
}
.realisation img{transition: all 0.5s ease-in-out 0s;}
.realisation a:hover img.img-responsive{opacity:0.6;transform:scale(1.1);}
.realisation .descreal{background:white;padding:20px 20px 5px 20px;height:150px;position:relative;}
.technos{position:absolute;bottom:10px;text-align:left; width:320px;border-top:1px solid #eee;padding-top:5px;}
.realisation h4{color:#1C140D;}
.realisation .glyphicon{position:absolute;top:120px;right:10px;font-weight:normal;height:15px;}
.realisation a:hover{text-decoration:none;}
.footer {
	color:white;
  padding: 60px 0;
	background:#009abc;
box-shadow: 0 2px 6px 0 #333;
}
.footer a{color:#004655;}
#spip-admin{margin-top:60px;}

/*** ARTICLE ***/
h1{font-size:50px;margin:40px 0;}
.toppages{
  background: url(../img/back1.jpg) no-repeat center center fixed; 
  display: table;
  height: 260px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.spip_documents {margin:20px;}
.spip_documents_center{margin-left:auto;margin-right:auto;}
.spip_documents_center dt,.spip_documents_center dd{margin:5px auto;display:block;text-align:center;}

.page_article .texte,.page_article .chapo{font-size:18px;line-height:26px;}
.page_article .texte p{margin-bottom:26px;}
.page_article .texte .spip_documents{font-size:14px;line-height:18px;}

.chapo{font-weight:bold;}

.technosarticle{margin:30px 0;padding:10px 20px;box-shadow: 0 2px 6px 0 #aaa;}

.cartouche{margin:10px 0 30px;background:#f4f4f4;padding:10px;}
.cartouche a{background-image:linear-gradient(180deg, #009abc, #009abc);background-repeat: no-repeat;
    background-size: 100% 100%; transition: background-position 0.15s ease 0s;background-position: 0 14px;color:#1C140D;font-weight:bold;}
.tags a{background-position: 0 20px;}
.cartouche a:hover{background-position:0 0;}

.urlsite{background:white;font-size:16px;padding:5px 10px;margin-bottom:10px;}
.cartouche .tags a{padding:2px;display:inline-block;margin-right:5px;}

.documents_portfolio ul{list-style-type:none;padding:0;}
.documents_portfolio li{width:175px;height:175px;float:left;}

.texte a.spip{background-image:linear-gradient(180deg, #c5e41c, #c5e41c);background-repeat: no-repeat;
    background-size: 100% 100%; transition: background-position 0.15s ease 0s;background-position: 0 16px;color:#1C140D;font-weight:bold;}
.texte a.spip:hover{background-position:0 0;}
.texte .btn{display:block; margin:1em auto 3em;}

/*** SIDEBAR ****/
.documents_portfolio{margin-top:40px;}

.ders{margin:20px 0;overflow:hidden;}
.titretrait{background:#009abc;margin-bottom:25px;height:16px;}
.titretrait span{background:white;text-transform:uppercase;color:#009abc;padding-right:15px;font-size:16px;line-height:16px;}
.ders li{margin:5px;padding:5px;border-bottom:1px solid #f5f5f5;clear:both;list-style-type:none;}
.ders li img{float:left;margin-right:10px;}
.ders li a{color:#1C140D;font-size:14px;line-height:18px;font-weight:bold;font-family: 'Raleway', sans-serif;}
.ders li a:hover{color:#009abc;}


.ders ul{padding:0;}

/*** RUBRIQUES ***/
.page_rubrique #realisations{padding-top:10px;}
.page_rubrique h1{margin:10px 0;}
.page_rubrique .col-sm-4{margin-bottom:20px;}
.page_rubrique2 .cartouche{background:white;}
.page_rubrique2 .arbo{margin-top:10px;}