/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.3
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: iDea-based custom CSS instructions for www.blondeau-informatique.com website
*/


/* TABLE

1) GENERAL
2) HEADER
3) MAIN CONTENT
4) FORMS
5) FOOTER

*/


/* GENERAL 
------------------------------------------------------------------------------------------*/
/*Typographie*/
body { color: #27313c; }

/* Mise en page */
.imgcenter { margin:auto; }
.graphic { background-image: url(/images/bg-graphic.png); }
.list-icons img { display:inline; margin-left:-25px; padding-right:5px; vertical-align:text-bottom; }

/* Couleurs */
.light .footer { background-color:#e9eaeb; color: #27313c; }
.light .subfooter { background-color:#27313c; color:#e9eaeb; }
.dark-bg { background-color:#27313c; }

/* Rendu transparent */
.trans-white-bg { background-color: rgba(255, 255, 255, 0.7) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }


/* HEADER 
------------------------------------------------------------------------------------------*/

.header { padding: 10px 0; }

/* Ajustements logo Blondeau */
.logo img:hover { opacity:1; filter:alpha(opacity=100); }
@media (max-width: 991px) {
	.logo img { width:200px; }
}
.logo img { margin-top: -7px; margin-bottom: -10px; }

/* Navigation */
.dark.header .navbar-default .navbar-nav > .active > a:hover { color: #dbd2e4; }
#navbar-collapse-1 { margin-top: 8px;}

/* Sélecteur de langue, pour bien l'intégrer dans le menu */
#lang { font-family: 'Open Sans', sans-serif; font-size: 13px; color:#4e2178; margin: 13px 20px 12px 19px; background-color:none; border-color: #4e2178; }

/* Menu principal */
.navbar-default .navbar-nav > li > a { font-size:16px; font-weight:500; }


/* CONTENT 
------------------------------------------------------------------------------------------*/

/* Slide accueil "z/Heritage" */
.tp-bullets, .preview4 { display:none; }
.text-list-zH  { font-size:34px; line-height:48px; font-weight:500; background-color:rgba(38,38,38,0.6); }
#decouvrir i { font-size: 25px; vertical-align:middle; padding-right:5px; }
.tp-caption a.btn { color:  #337ab7; background-color: #FFF; }
.tp-caption a.btn:hover { background-color:  #337ab7; }

/* Section "Notre offre" */
.box-style-3:hover .default-bg { background-color: #337ab7; border: 1px solid #337ab7; }       /*pas d'action sur élément donc pas de modification de l'aspect...*/
.box-style-3:hover .default-bg * { color: #fff; }                                              /*...de la boite au survol de celle-ci ou du texte associé*/
.box-style-3 .icon-container { width:100px; height:100px; margin:0 15px 0 15px; }
.box-style-3 i { font-size:40px; line-height:100px; }
@media only screen
	and (min-device-width: 320px) 
  	and (max-device-width: 736px)
  	and (-webkit-min-device-pixel-ratio: 2) { .box-style-3 .icon-container { width:70px; height:70px; margin:0 15px 0 15px; }
											  .box-style-3 i { font-size:40px; line-height:70px; } }
/* Section présentation des offres */
.full-text-container { position: relative; } 	/* pour eviter que le texte ne se superpose à l'image lors du resizing en affichage mobile */

/* Section slider Virtel/ACT */
.img-circle { border:1px solid; border-color:#535353; }

/* Listes */
.list-icons, .list { margin-left:25px; }
.list-icons li i { margin-left:-25px; padding-right:0; }

/* Page d'erreur 404 */
.fullscreen-bg { background: url("/images/bg-maze.jpg") 50% 0px no-repeat; }

/*Page Formation Blondeau*/
.basecol h4{
    color:red;
}
.syscol h4 {
    color:green;
}
.dbdccol h4{
    color:#337AB7;
}

.system:hover,
.system:focus {
	background-color: green !important;
}
.bases:hover,
.bases:focus,.bases:active {
	background-color: red!important;
}
.dev:hover,
.dev:focus{
    background-color: orange !important;
}
.devcol h4{
    color:orange;
}
.stockcol h4{
    color:lightskyblue;
}
.stock:hover, .stock:focus{
    background-color: lightskyblue !important;
}
.rescol h4{
    color:gray;
}
.reseau:hover, .reseau:focus{
    background-color:gray !important;
}
.seccol h4{
    color:#fd5e99;
}
.securite:hover, .securite:focus{
    background-color:#fd5e99 !important;
}
.tivoli:hover,.tivoli:focus{
    background-color:#357b7e !important;
}
.tivcol h4{
    color:#357b7e;
}
.ca:hover,.ca:focus{
    background-color:#f76307 !important;
}
.cacol h4{
    color:#f76307;
}
.bmc:hover, .bmc:focus{
    background-color: #8a1391 !important;
}
.bmccol h4{
    color:#8a1391;
}
.zvmlincol h4{
    color:#006628;
}
.zvmlin:hover, .zvmlin:focus{
    background-color: #006628 !important;
}
.unix:hover, .unix:focus{
    background-color: #ff6f8a !important;
}
.unixcol h4{
    color:#ff6f8a;
}
.separateur{
    display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}
.cta{
	border: none;
background: #337ab7;
color: #ffffff !important;
font-weight: 200;
padding: 10px 20px;
border-radius: 6px;
display: inline-block;
}
.cta:hover{
	text-decoration: none;
	background-color:#286090;
}
.cta_row{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;	
}
.cta_row .cta{
	margin-top:2vh;
}
.hero_section{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("/images/service_support.jpg");
	height: 600px;
	max-height:600px;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
 	position: relative;
}
.hero_section2{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("/images/bg-robot-boy.jpg");
	height: 600px;
	max-height:600px;
	background-position: center top;
  	background-repeat: no-repeat;
  	background-size: cover;
 	position: relative;
}
.hero_text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero_text h1, .hero_text h2, .hero_text h3{
	color:white;
}
.owl-page{
	border:1px solid rgba(189,179,179,1.00);
	margin-left:5px;
}
.owl-controls .owl-page span{
	margin:0px !important;
}
.box-style-3 .body{
	display:flex;
}
.tp-dottedoverlay{
	display:none;
}

.cursus-container{
	border:5px solid  #337ab7;
	border-radius: 25px;
	padding:0px;
	padding-bottom: 2vh;
	
	
}
.cursus-container h2{
	text-align:center;
	font-weight: bold;
	font-size:3rem;
	background-color: #337ab7;
	color: white;
	margin-top:0px;
	padding:30px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;	
}
.cursus-container .row{
	width:60%;
	margin:0 auto;
}
.cursus-icon{
	height: 50px;
    font-size: 3rem;
    padding: 10px;
    color:#337AB7;
    margin-left: 15px;
    width: 50px;
	line-height: 1.3;
}
#collapsecursus{
	padding:10px;
	border:5px solid darkviolet;	
}

#annonce{
	-webkit-box-shadow: 5px 8px 6px 3px rgba(0,0,0,0.21); 
	box-shadow: 5px 8px 6px 3px rgba(0,0,0,0.21);
	margin-bottom:15px; 
	padding:15px;
	display:flex; 
	flex-direction:column;
	justify-content: center;
	align-items:center;
	
}

.btn{
	text-transform:none !important;
}
/* FORMS 
------------------------------------------------------------------------------------------*/


/* FOOTER 
------------------------------------------------------------------------------------------*/


/* Affichage des logos cliquables réseaux sociaux */
.footer-content .social-links li a { background-color: #27313c !important; border-color: #27313c !important; color: #fff; }
.footer-content .social-links li a:hover { background-color:#FFF !important; border-color: #27313c; color: #27313c; }


/*footer:not(.light) .footer-content .form-control { /*background-color: rgba(255, 255, 255, 0.8) ; color:#999; }
.footer i { color:#999; }
.social-links { color:#FFF; }
.footer-content .social-links li a { background-color: #666; border-color: #666; color: #fff; }
.footer-content .social-links li a:hover { background-color:#FFF; border-color: #666; color: #666; }
.colored.social-links li i { color: #fff; }
.colored.social-links li.twitter a { background-color: #55acee; border-color: #55acee; }
.colored.social-links li.twitter a:hover { background-color: #FFF; border-color: #55acee; }
.colored.social-links li.twitter i:hover { color: #55acee; }
.colored.social-links li.linkedin a { background-color: #0976b4; border-color: #0976b4; }
.colored.social-links li.linkedin a:hover { background-color:#FFF; border-color: #0976b4; }
.colored.social-links li.linkedin i:hover { color: #0976b4; }*/