/*																TEAMGROUP
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

#ps:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 20%;
	margin-left: -20px;
	width: 0; height: 0;
	border-bottom: 15px solid rgba(255, 255, 255, 0.9);
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}


#ps {
	position:absolute;
//	top:90px; 
	left:20px;
	text-transform:capitalize;
	padding:15px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	background:rgba(255, 255, 255, 0.9);
	text-align:center;
	
	animation: xleft 3s;
	-moz-animation: xleft 3s; /* Firefox */
	-webkit-animation: xleft 3s; /* Safari and Chrome */
	-o-animation: xleft 3s; /* Opera */
	z-index:1;
 }
 
#ps hr {
	margin:10px 0;
	border-top:solid 1px #000;
}
 
#ps.upper {
	text-transform:uppercase;
	color:#000;
}
 
#ps .lower {
	text-transform:capitalize;
	color:#B15462;
}
 

@keyframes xleft {
    from {
        left:-200px;
    }
    to {
        left:20px;
    }
}
@-moz-keyframes xleft { /* Firefox */
    from {
        left:-200px;
    }
    to {
        left:20px;
    }
}
@-webkit-keyframes xleft { /* Safari and Chrome */
    from {
        left:-200px;
    }
    to {
        left:20px;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        left:-200px;
    }
    to {
        left:20px;
    }
}

.ttlchap {
	display:inline-block;
	padding:10px 0;
	font-size:2em;
	border-bottom:solid 1px #607697;
}

#frmClinic .name { display:none; }

.worldadress {
    font-size: 0.8em;
    line-height: 1.2em;
}

/*							PART1 / ACCUEIL
============================================================================================================================================================================================================================
*/

.part1 {
	float:left;
	width:100%;
	height:100%;
	background:#1D3037 url(../img/bkgnd_home.jpg) center top no-repeat;
	background-attachment:fixed!important;
    background-size:cover;
}

.part1 .header {
	position:relative;
	width:100%;
	height:75%;
	color:#fff;
	background-color:transparent;
}

.part1 .header .mainmenu button {
	background:#00d600;
	padding:11px 23px;
	margin:0;
	border:none;
	font-size:20px;
	color:#fff;
}

.part1 .header .mainmenu button i {
	margin-left:10px;
}

.part1 .header .shield {
	float:right;
	margin:250px 20px 0 0;
	font-size:11em;
	color:#aaa;
}

.part1 .header .title {
	float:right;
	width:45%;
	background-color:rgba(46, 135, 120,0.6);
	padding:30px;
	margin-top:250px;
}

.part1 .header .title404 {
	float:right;
	width:65%;
	padding:30px;
	margin-top:250px;
}

.part1 .header .title h1,.part1 .header .title404 h1, .header .title h2 {
	font-family: 'LeagueGothicExtendedRegular',"Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0;
}

.part1 .header .title h1, .part1 .header .title404 h1 {
	font-size:5em;
	text-transform:uppercase;
}

.part1 .header .title404 h2 {
	color:#fff;
}

.part1 .header .title h2 {
	font-size:2em;
    color: #fff;
}

.part1 .header .title h2 i {
	font-size:0.3em;
	margin:0 20px;
	vertical-align:middle;
}

.part1 .header .title404 h2 a {
	color:#F15B01;
	text-decoration:none;
}





/*							PART2 : CABINET
============================================================================================================================================================================================================================
*/

.cabinet {
	float:left;
	width:100%;
//	background:url("../img/belledonne2.jpg") right bottom no-repeat;
}

.cabinet .belledonne {
	background: url("../img/robert-morin-georges-beaume.png") left bottom no-repeat;
}

.cabinet h3 {
	margin-bottom:0.5em;
}

.cabinet h2 {
	font-size:5em;
}

.cabinet .ttlchap {
	color:#607697;
}

.cabinet .whowheare {
	padding:20px;
}

.cabinet .chiffres {
	background:#284148 url("../img/bg_mask.png");
	padding:30px;
	color:#fff;
}

.cabinet .chiffres > .row {
	margin-bottom:10px;
}

.cabinet .chiffres .qte {
	font-family: 'LeagueGothicExtendedRegular',"Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:5em;
}

.cabinet .chiffres .qte.orange {
	color:#F15B01;
}

.cabinet .chiffres .qte.jaune {
	color:#FFF200;
}

.cabinet .chiffres .qte.pourpre {
	color:#F83F55;
}

.cabinet .chiffres .lib {
	font-size:0.9em;
	text-transform:uppercase;
	line-height:1.3em;
}

.cabinet .mrogb {
    position:absolute;
    bottom: 20px;
    color:#fff;
}

/*							PART3 : LOGOS
============================================================================================================================================================================================================================
*/

.logos {
	float:left;
	width:100%;
	padding:0;
	background:#ccc;
}

.logos a img {
	width:20%;
	opacity:0.5;
}

.logos a:hover img {
	opacity:1;
	-moz-transition: all .7s; 
	-webkit-transition: all .7s; 
	-o-transition: all .7s; 
	transition: all .7s;
}



/*							PART4 : SERVICES
============================================================================================================================================================================================================================
*/

.services {
	float:left;
	width:100%;
	min-height:900px;
	background: url("../img/bg_mask.png");

}

.services h2 {
	font-size:5em;
}


.services .line > .inbl  {
	line-height:4em;
}

.services .item {
	font-family: 'LeagueGothicExtendedRegular',"Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	background-color:rgba(40, 65, 72, 0.5);	
	padding:10px 20px;
	text-transform:uppercase;
	font-size:2em;
	color:#fff;
	cursor:pointer;	
	letter-spacing:0.05em;
}

.services .item:hover {
	background-color:rgba(40, 65, 72, 1);	
	-moz-transition: all .7s; 
	-webkit-transition: all .7s; 
	-o-transition: all .7s; 
	transition: all .7s;
}

.services .item.active {
	background-color:#FF264A;
	cursor:default;	
}

.services .item:after {
	content:'\f105';
	margin-left:1em;
	font-family:FontAwesome;
}

.services .item.active:after {
	content:'\f107';	
}

.services .dspitemlist {
	font-family: 'LeagueGothicExtendedRegular',"Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	text-transform:uppercase;
	font-size:2em;
	border:solid 1px rgba(40, 65, 72, 0.5);
	padding:0 10px;
	cursor:pointer;
}

.services .xtab {
	background:#fff url("../img/legrenat-europole.jpg") no-repeat;
}

.services .xtab i {
	color:#FF264A;
	font-size:10em;
	box-shadow:-2px -31px 20px rgba(0, 0, 0, 0.29);
	padding:20px;
}

.services .xtab h4 {
	color:#FF264A;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:20px;
}



/*							PART5 : CARRIERES
============================================================================================================================================================================================================================
*/

.carrieres {
	float:left;
	width:100%;
//	min-height:900px;
	background: url("../img/stagiaires.jpg") center center no-repeat;

}

.carrieres h2 {
	font-size:5em;
	color:#fff;
	text-shadow:0 0 15px rgba(0,0,0,0.2);

	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;

}

.carrieres .alljobs {
	width:60%;
	float:right;
	color:#fff;
	background:rgba(255, 38, 74, 0.3);
	padding:20px;
}

.carrieres .alljobs .content {
	border:solid 1px rgba(255,255,255,0.2);
	padding:20px;
}

.carrieres .alljobs .content a {
	color:#ffad00;
	text-decoration:none;
}

.carrieres a.offrejob {
	display:inline-block;
	color:#fff;
	background:rgba(255, 38, 74,0.3);
	font-size:1.0em;
	padding:10px;
	text-decoration:none;
}

.carrieres i:after {
	content:'';
	margin-right:0.5em;
}