@charset "utf-8";

/* page
*/

body {
	/* background:orange; */
	/* font-family: dejavu_sansbook, "Trebuchet MS", Verdana, sans-serif; */
	/* clear_sans_lightregular */
	font-family: clear_sans_lightregular, "Trebuchet MS", Verdana, sans-serif;
	/* text-align: center; */
	}

h1,h2,h3,h4,h5,h6
	{
	}
a[href^="mailto:"]
	{
	color:inherit;	
	
	}
a[href^="mailto:"]:hover { text-decoration:blink;}
/* cache */
div#preload { display: none; }

.jumbotron {
	/* background-image:url(img/IMG_0997.JPG); */
	background-size:cover;
}

/* navbar
*/
.navbar
	{
	margin: 0;
		
	}
.navbar-inverse .navbar-brand {
	color:#adb783;
	
}
.navbar-inverse .navbar-brand:hover {
	/* color:red; */
}

.btn-warning {
	/* pour personnaliser le bouton "warning"... Hé hé.
	background-color:yellow;
	color:black;
	*/
}
.img-centered 
	{
	/* viré !!! */
	/* margin:0px auto; */
	
	}
.jecentre {}

.img-rounded /* pour jouer avec cette valeur et passer au-dessus du standard dans bootstrap.min.css */
			 /* supprimer +tard */
	{
	border-radius:10px
	}

.list-group-item {
	margin-left:15px;	
}
.ZZZzone {
	margin-top: 55px;
}
.wisheswrapper {
	width: 100%;
	margin-top: 33px;
	margin-bottom: 20px;
	height: auto;
}
.campaignwrapper {
	width:100%;
	margin-top:20px;
		
}
.lewrapper {
	position: relative;
	height: auto;
	margin-bottom: -1.5%;
	/*
	background-image:url(../ls/images/fr/rc-carousel-image-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	*/
	
	
	}
.logowrapper
	{
	
	}
.jll
	{
	margin:0;
	padding:0;	
	width: 50%;
	height:50%;
	border:blue thick solid;
	}
/* works w/ 1600px
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom: 70px;
	}
*/

/* modèle de positionnement. Image taille native */
/* commencer par positionner en 1200px et faire les autres tailles d'écran ensuite comme pour le marquee */
.colorfultext
	{
		/* background-color:orange; */
	
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	
	}
/* EN/FR Wrapper above the menu ==========================================================*/
.enfrwrapper {
	position: relative;
	/* [disabled]background-color:yellow; */
	height: 30px;
	z-index: 800;	
}
.enfrrc {
	position:absolute;
}
/* ====================================================================================== */

.agencies {
	height:200px;
	width:100%;
}
.agency {
	margin-bottom: 34px;
	margin-top: 0;

}
.agency .name {
	font-size: 36px;
	font-weight: bolder;

}
.agency .manager {
	font-size: 23px;
	font-weight: bold;
	margin-left: 212px;
	
}
.agency .position {
	font-size: 18px;
	color: #D2020B;
	margin-bottom: 10px;
	margin-left:212px;
}
.agency .street, .agency .town, .agency .email, .agency .telephone {
	font-size: 15px;
	margin-left: 212px;
}
.groupewrapper { height:350px;}
.reseauwrapper { height:400px;}
.historywrapper { height:300px;}
.entrepriseswrapper { height:300px;}
.methodeswrapper { height:300px;}
.equipewrapper { height:300px;}
.lesnews {
	min-height: 70%;
}

.table-container {
  display: table;
}

.table-container .table-row {
  height: 100%;
  display: table-row;
}

.table-container .table-row .table-col {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.Xcolwrapper	
	{
	padding:0;
	margin:0;	
	}
.colwrapper {
	/* rester dans les limites horizontales...
	padding-left:15px;
	padding-right:15px;
	margin:0;*/
}
.client {
	color:white;	
	opacity: 1;	/* +tard */

	background-image: url(../img/bg-whitetransparent.gif); 
	background-repeat: repeat-y;
	background-size: 100% auto;
	border-image-width:0;
		
	}

.client:before,
.client:after {
    content: ""; 
    display:table;
}
	

.clienttest {
	color:white;	
	opacity: 1;	/* +tard */
	/* height: calc(150% - 15px); */
	/* width:calc(100% - 30px);   */
	/* border:#000000 thin solid; */
	/* img. recouvrante, bords blanc id. fond body */
	background-image: url(../img/bg-whitetransparent.gif); 
	/* coleur aléatoire sous l'image par défaut, donne effet colonne... */
	/* PHP */
	background-color:#b55e7c;
	background-repeat: repeat-y;
	background-size: 100% auto;
	/* background-position: center center; */
	
	/* align img vertical */
	display:inline-block;
	vertical-align:middle;
	/* float:none; */
	
}

.team {
	color:white;
	background-repeat: repeat-y;
	background-position: center center;
	/*
	-webkit-background-size: calc(100% - 30px) auto;
	-moz-background-size: calc(100% - 30px) auto;
	-o-background-size: calc(100% - 30px) auto;
	*/
	background-size: calc(100% - 30px) auto;
	border-image-width:0;
	}
.redcolor {
	background-image: url(../img/bg-redcolor.png);
	/*
	background-repeat: repeat-y;
	background-position: center center;
	-webkit-background-size: calc(100% - 30px) auto;
	-moz-background-size: calc(100% - 30px) auto;
	-o-background-size: calc(100% - 30px) auto;
	background-size: calc(100% - 30px) auto;
	border-image-width:0;
	*/
}
.violetcolor {
	background-image: url(../img/bg-violet.png);
	/*
	background-repeat: repeat-y;  
	background-position: center center;
	-webkit-background-size: calc(100% - 30px) auto;
	-moz-background-size: calc(100% - 30px) auto;
	-o-background-size: calc(100% - 30px) auto;
	background-size: calc(100% - 30px) auto;
	border-image-width:0;
	*/
	}
.greencolor {
	background-image: url(../img/bg-green.png);
	}
.yellowcolor {
	background-image: url(../img/bg-yellow.png);
	}
.magentacolor {
	background-image: url(../img/bg-magenta.png);
	}
.bluecolor {
	background-image: url(../img/bg-blue.png);
	}
.orangehermescolor {
	background-image: url(../img/bg-orangehermes.png);
	}
.turquoisecolor {
	background-image: url(../img/bg-turquoise.png);
	}
.bleucielcolor {
	background-image: url(../img/bg-bleuciel.png);
	}
.kakicolor {
	background-image: url(../img/bg-kaki.png);
	}
.cramoisicolor {
	background-image: url(../img/bg-cramoisi.png);
	}
.pinkcolor {
	background-image: url(../img/bg-pink.png);
	}
.petrolbluecolor {
	background-image: url(../img/bg-petrolblue.png);
	}
.vermilloncolor {
	background-image: url(../img/bg-vermillon.png);
	}
.darkcyancolor {
	background-image: url(../img/bg-darkcyan.png);
	}
.page-header { 
	margin:20px 0 10px;
	padding:0;
}

p
	{}

.team .h3
	{
	font-size: 10px;
	}
.team p {
	font-size:9px;
	display:none;
	}

.actu-detail ul {
	margin-left:25px;	
}
/*
@media (min-width :481px) and (max-width: 767px) {
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom: 8px;
	}
.colorfultext	{
	position:absolute;
	top: 0px;
	background-color:red;
	width: 560px;
	height: 150px;
	}
							
}
*/

@media screen and (max-width: 767px) {
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom:10%;
	}
/* fonctionnel avant modif 
.colorfultext	{
	position: absolute;
	top: 0px;
	background-color:yellow;
	width: 433px;
	height: 115px;
	}
*/
.h1 {font-size:30px;}
.h2 {font-size:18px}
.list-group-item {padding:3px 6px;}

.colorfultext	{
	position: absolute;
	top: 0px;
	
	/* background-color:yellow; */
	width: 90%;
	height: 90%;
	}

.enfrwrapper {
	padding: 0;
	height: 30px;
	width: 100%;
	z-index: 800;
}
.enfrrc {
	left:calc(100% - 30px);
	/* Firefox */

	left: -moz-calc(100% - 30px);
	left: -webkit-calc(100% - 30px);
	left: -o-calc(100% - 30px);
	padding:0;
	top: 8px;
}
.enfrrc img {
	margin: 0;
	padding: 0;
	float: right;
}

.agencies {
	height:200px;
	width:100%;
}
.agency {
	margin-bottom: 34px;
	margin-top: 0;

}
.agency .name {
	font-size: 20px;
	font-weight: bolder;

}
.agency .manager {
	font-size: 15px;
	font-weight: bold;
	margin-left: 30%;
	
}
.agency .position {
	font-size: 12px;
	color: #D2020B;
	margin-bottom: 10px;
	margin-left: 30%;
}
.agency .street, .agency .town, .agency .email, .agency .telephone {
	font-size: 12px;
	margin-left: 30%;
}
.team .h3
	{
	margin-top:38%;	
	font-size: 12px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom: 22px;
	}
.colorfultext	{
	position:absolute;
	top: 0px;
	width: 719px;
	height: 192px;
}
.enfrwrapper {
	position:relative;
	height:30px;
}
.enfrrc {
	/* left:92%*/
	position:relative;
	float:right;
	margin-right:-5%;
	/* bottom:-20%; */
}
.team .h3
	{
	font-size: 18px;
	
	}
.team p {
	font-size:11px;
	display:block;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
.marqueewrapper
	{
	position: relative; 
	left: 0px;
	bottom: 28px;
	}
.colorfultext	{
	position: absolute;
	/* background-color: yellow; */
	
	top: 0px;
	width: 940px;
	height: 252px;
}
.enfrrc {
	left:910px;
	bottom:-1%;
}
.team .h3
	{
	font-size: 24px;
	
	}
.team p {
	font-size:16px;
	display:block;
	}
}
@media (min-width: 1200px) and (max-width:1599px) {
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom: 35px;
	}
.colorfultext	{
	position: absolute;
	top: 0px;
	/* [disabled]background-color: green; */
	width: 1140px;
	height: 307px;	/*
	width:95%;
	height:95%;*/
}
.enfrrc {
	left:1109px;
	
	bottom:1px;
	width:65px;	

}
.team .h3
	{
	font-size: 30px;
	
	}
.team p {
	font-size:19px;
	display:block;
	}
}
@media (min-width: 1600px) {
.marqueewrapper
	{
	position: relative;
	left: 0px;
	bottom: 47px;
	}
.colorfultext	{
	position:absolute;
	top: 0px;
	/* background-color:orange; */
	width: 1387px;
	height: 366px;
}
.enfrrc {
	left:1358px;
	bottom:1px;
	width:65px;	
		
}
.team .h3
	{
	font-size: 39px;
	
	}
.team p {
	font-size:26px;
	display:block;
	}

}