/************************************************************************************* HEADER */

#header {
	background : url(../../gfx/header/bg.jpg) center center no-repeat;
}

#header-mobile {
	background : url(../../gfx/header/bg.jpg) left center no-repeat;
}

#header-mobile img {
	margin : 0 auto;
}

.menu-mobile li {
	margin-bottom  : 10px;
	text-transform : uppercase;
}

#top-bar {
	background     : url(../../gfx/header/bg-logo.png) top center repeat-x;
	font-size      : 12px;
	line-height    : 12px;
	text-transform : uppercase;
}

#top-bar img {
	margin : 0 auto;
}

#top-bar a {
	color           : #333333;
	text-decoration : none;
}

#top-bar .logo-teamviewer {
	max-height   : 12px;
	margin-right : 2px;
}

#header #menu-desktop {
	margin-top    : 30px;
	margin-bottom : 30px;
}

#header #menu-desktop li.first-level {
	padding : 0 20px;
}

#header #menu-desktop a.first-level {
	color          : #FFFFFF;
	font-size      : 18px;
	text-transform : uppercase;
	font-weight    : 700;
	text-shadow    : 1px 3px 5px #000000;
}

/************************************************************************************* FOOTER */

#footer {
	background-color : #333333;
	color            : #FFFFFF;
	font-size        : 14px;
}

#footer .footer-titre {
	text-transform : uppercase;
	font-weight    : 700;
	color          : #999999;
	font-size      : 16px;
}

#footer span {
	color : #999999;
}

#footer a {
	color : #FFFFFF;
}

#footer a.fa {
	font-size       : 22px;
	color           : #999999;
	text-decoration : none;
}

#footer a.fa:hover {
	color : #FFFFFF;
}

#footer .footer-menu li {
	padding-bottom : 12px;
	margin-bottom  : 12px;
	border-bottom  : 1px dotted rgba(255, 255, 255, 0.2);
}

#footer .footer-menu li:last-child {
	padding-bottom : 0px;
	margin-bottom  : 0px;
	border-bottom  : none;
}

#footer-2 {
	text-transform : uppercase;
	font-size      : 12px;
}

#footer-2 a {
	font-weight : 700;
}

/************************************************************************************* ACCUEIL SLOGAN */

#accueil-slogan {
	color            : #FFFFFF;
	background-color : #0469B4;
	border-bottom    : 10px solid #FFFFFF;
	border-top       : 10px solid #FFFFFF;
	font-size        : 20px;
	line-height      : 26px;
}

/************************************************************************************* ACCUEIL DOMAINES */

.accueil-domaines-cadre {
	background-color      : #FFFFFF;
	padding               : 30px;
	-moz-box-shadow       : 0 0 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow    : 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow            : 0 0 10px rgba(0, 0, 0, 0.15);
	-webkit-border-radius : 7px;
	-moz-border-radius    : 7px;
	border-radius         : 7px;
	display               : block;
	color                 : #333333;
	text-decoration       : none;
	position              : relative;
}

.accueil-domaines-cadre:hover {
	color           : #333333;
	text-decoration : none;
}

.accueil-domaines-cadre img {
	max-width : 100px;
	margin    : 0 auto;
}

.accueil-domaines-cadre h2 {
	font-size  : 16px;
	min-height : 52px;
}

.accueil-domaines-cadre span {
	font-size : 14px;
	color     : #777777;
	display   : none;
}

.accueil-domaines-cadre:hover span {
	display            : block;
	position           : absolute;
	width              : 100%;
	padding            : 20px 30px;
	left               : 0px;
	z-index            : 2;
	background-color   : #0469B4;
	color              : #FFFFFF;
	-moz-box-shadow    : 0 0 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow : 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow         : 0 0 10px rgba(0, 0, 0, 0.15);
	margin-top         : 10px;
}

/************************************************************************************* ACCUEIL PRESENTATION */

#accueil-presentation {
	background-color : #FFFFFF;
}

/************************************************************************************* ACCUEIL SLOGAN */

#accueil-cta {
	font-weight      : 700;
	color            : #FFFFFF;
	background-color : #0469B4;
	font-size        : 24px;
	line-height      : 30px;
}

#accueil-cta .btn-white:hover,
#accueil-cta .btn-white:focus,
#accueil-cta .btn-white:active {
	-moz-box-shadow    : 0 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow         : 0 5px 10px rgba(0, 0, 0, 0.5);
}

/************************************************************************************* ACCUEIL REFERENCES */

#accueil-references {
	background-color : #FFFFFF;
}

#accueil-references span {
	font-size        : 12px;
	color            : #AAAAAA;
	display          : block;
	text-align       : center;
	background-color : #F7F7F7;
	padding          : 5px;
	border-top       : 3px solid #0469B4;
}

.carousel-inner .item {
	padding-left  : 100px;
	padding-right : 100px;
}

.carousel-inner .item span {
	color : #AAAAAA;
}

.carousel-control.left, .carousel-control.right {
	background-image : none;
}

.carousel-control {
	opacity : 1;
	filter  : alpha(opacity=100);
}

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position    : absolute;
	top         : 50%;
	z-index     : 5;
	display     : inline-block;
	margin-top  : -10px;
	font-size   : 32px;
	color       : rgba(0, 0, 0, 0.3);
	text-shadow : none;
}

.carousel-control .fa-chevron-left {
	left : 75px;
}

.carousel-control .fa-chevron-right {
	right : 75px;
}

/************************************************************************************* CONTACT */

.gmap {
	min-height : 275px !important;
}

#contact .form-control {
	width                 : 100%;
	padding               : 15px;
	background-color      : #F2F2F2;
	margin-bottom         : 20px;
	height                : auto;
	-webkit-border-radius : 7px;
	-moz-border-radius    : 7px;
	border-radius         : 7px;
}

#contact textarea {
	min-height : 125px;
}

/************************************************************************************* EQUIPE */

.cadre-equipe img {
	margin                : 0 auto;
	width                 : 200px;
	height                : 200px;
	-webkit-border-radius : 100%;
	-moz-border-radius    : 100%;
	border-radius         : 100%;
	margin-bottom         : 20px;
}

.cadre-equipe span.nom {
	font-size     : 18px;
	display       : block;
	font-weight   : 700;
	margin-bottom : 5px;
}

.cadre-equipe span.fonction {
	display       : block;
	margin-bottom : 5px;
}