/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height: 100%;
}

body {
  padding-top: 50px;
 /* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width:767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
}

/* Texte qui apparait - connect with me
========================================================================== */

a.tip {
    border-bottom: 1px;
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    opacity:0.9;
    color: black;
    right: 10px;
    margin: 10px;
    width: 190px;
    position: absolute;
    top: 20px;
    text-decoration: none
}

a.tip_tel {
    border-bottom: 1px;
    text-decoration: none
}
a.tip_tel:hover {
    cursor: help;
    position: relative
}
a.tip_tel span {
    display: none
}
a.tip_tel:hover span {
    border: #c0c0c0 1px;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    opacity:0.9;
    color: black;
    right: 20px;
    margin: 10px;
    width: 130px;
    position: absolute;
    top: 20px;
    text-decoration: none
}

/* Block news 
   ========================================================================== */

.news{
  margin:10px;
/*   text-decoration: none; */
}

/* .news a{ */
/*   text-decoration: none; */
/* } */

/* .news:hover{ */
/*   background-color:#00214e; */
/*   text-decoration: none; */
/*   color:white; */
/* } */

/* .news a:hover{ */
/*   background-color:#00214e; */
/*   text-decoration: none; */
/*   color:white; */
/* } */

.news:hover{
  background-color:white;
/*   text-decoration: none; */
  color:white;
}


.date_news {
  color:black;
  font-weight: 300;
  color:#2C3539;  
  text-decoration: none;
}  

.section_news{
  color:black;
  font-weight: 400;
  text-decoration: none;
}  

   
.titre_news{
  font-size:120%; 
  color:#00214e;
  font-weight: 400;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(255,255,255,0.3);  
  text-decoration: none;
}  


.description_news{
  color:#2C3539;
  text-decoration: none;
}  


/* CV
========================================================================== */

.table_CV { border-collapse:collapse; }
.table_CV td { padding:5px 0; border:none; }
.table_CV .dates_left{ width: 110px; text-align: left;   font-weight:400; color:black;}
.table_CV a {text-decoration:none;}

.tex sub, .latex sub, .latex sup {
  text-transform: uppercase;
}

.tex sub, .latex sub {
  vertical-align: -0.5ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
}

.tex, .latex, .tex sub, .latex sub {
  font-size: 1em;
}

.latex sup {
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}

h1 {
/*   font-size: 2em; */
  font-weight:400;
  margin: 0.67em 0;
  font-family: 'Roboto',arial, sans-serif;
  color: #00214e;
}


h2 {
/*   font-size: 1.5em; */
  margin: 0.67em 0;
  font-weight:400;
  font-family: 'Roboto',arial, sans-serif;
  color: #00214e;
  text-align: left;
}

/* Barre d'ombre
========================================================================== */
body:before{
   content: "";
   top: 40px;
   position: fixed;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 0;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   } 
   
/* Barre blanche
========================================================================== */   
.barreblanche {
    position:fixed;
    top:0px;
    height: 3px;
    width: 100%;
    background-color:white;
    z-index: 30;    
} 

/* Connect with me - icons
========================================================================== */ 
 
.mail .icon2,
.mail:hover .icon1 {
    display: none;
}
.mail:hover .icon2 {
    display: inline;
}

.phone .icon2,
.phone:hover .icon1 {
    display: none;    
}
.phone:hover .icon2 {
    display: inline;
    text-decoration: none;    
}

a.phone {
    border-bottom: 1px;
    text-decoration: none
}
a.phone:hover {
/*     cursor: help; */
    position: relative
}
a.phone div {
    display: none
}
a.phone:hover div {
    border: #c0c0c0 1px;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    opacity:0.9;
    color: black;
    right: 30px;
    width: 130px;
    top:30px;    
    position: absolute;
    text-decoration: none;
}

.address .icon2,
.address:hover .icon1 {
    display: none;
}
.address:hover .icon2 {
    display: inline;
}

a.address {
    border-bottom: 1px;
    text-decoration: none
}
a.address:hover {
/*     cursor: help; */
    position: relative
}
a.address div {
    display: none
}
a.address:hover div {
    border: #c0c0c0 1px;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    opacity:0.9;
    color: black;
    right: 30px;
    width: 200px;
    top:30px;
    position: absolute;
    text-decoration: none;
}


/* Différents listes publications
========================================================================== */

.list_com ul{list-style:none; width:100%;}
.list_com ul li {position:relative; margin:0 0 20px 0}
.list_com ul li a{position:relative; display:inline-block; padding-left:35px; color:#444; text-decoration:none;}
.list_com ul li i{position:absolute; padding-right:25px; top:30%;}

.list_com li{
  color:gray;
}
.list_com li:hover {
  color:black;
}

/* bouton download CV
========================================================================== */
.bouton_dl {
/*   margin-left: 230px;  */
/*   margin-right: 230px;  */
  margin-left: auto;
  margin-right: auto;
/*   width: 50%; */
} 

/* Ombre image hover research
========================================================================== */

.shadowbox:hover{
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}