/**********************************************************************
 *    REGLES CSS COMMUNES AUX PAGES DE GARDE RUB2, RUB3, RUB4, RUB5    *
 ***********************************************************************/

.bggarde{ font-size: 28px; color: #313B4D;  text-align: left; margin-top: 0px; overflow: hidden; background: url(../images/vr/bggarde.png) no-repeat; width: 1171px; background-position: 0px -0px;}
.rub-garde{ width: 1042px; float:left; }
.rub-bggarde{ width: 235px; height: 173px; float: left; background-repeat:no-repeat; background-position: top left; margin:50px 20px; }
.rub-garde-txtintro{ width: 766px; float:right; font-family: Questrial; font-size: 18px; line-height: 18px; color:#313B4D; margin-top: 60px; }
.rub-garde-txt{ width: 766px; float:right; font-family: Arial; font-size: 14px; line-height: 16px; color:#313B4D; margin-top: 10px; text-align:justify; }


.rub-bggarde.rubrique1 { background-image:url(../images/vr/entete_rubrique1.png); }
.rub-bggarde.rubrique2 { background-image:url(../images/vr/entete_rubrique2.png); }
.rub-bggarde.rubrique3 { background-image:url(../images/vr/entete_rubrique3.png); }
.rub-bggarde.rubrique4 { background-image:url(../images/vr/entete_rubrique4.png); }
.rub-bggarde.rubrique5 { background-image:url(../images/vr/entete_rubrique5.png); }
.rub-bggarde.rubrique6 { background-image:url(../images/vr/entete_rubrique6.png); }


/* Toutes les vignettes */
.vignette-rub { width: 1120px; margin:30px 0px 20px 30px;}


/* Chaque vignette */
.vignette-rub .vignette {
	width: 520px; height:100px; float:left; margin:0px 40px 20px 0px;
	font-family: Arial; font-size: 14px; line-height: 16px; color:#313B4D;
	}


/* Le lien, ie, les titres avec les arrondis */
.vignette-rub .vignette A {
	float:left;
	margin : 0px 30px 10px 0px;
	width:210px;
	height:75px;
	display:block;
	font-family: Questrial; font-weight: none; font-size: 14px; color: #313B4D; text-decoration: none; line-height:14px;
	cursor:pointer;
	z-index:1;
	vertical-align:middle;
	}
	
/* Le texte du lien */
.vignette-rub .vignette .title-gardetxt {
	position:absolute;
	margin:20px 0px 0px 75px;
	width:135px;
	height:75px;
	vertical-align:middle;
	}

.vignette-rub .vignette A:hover { color: #313B4D;  outline-style: none;}

.vignette-rub .vignette .vignette-txt {
	font-family: Arial; font-size: 12px; line-height: 14px; color:#313B4D;
	text-align:justify;
	}

.vignette-rub .vignette .vignette-txt A.surbrillance-txt {
	display:block;
	float:right;
	height:15px; width:240px;
	text-align:right;
	margin:0px; padding:0px;
	font-family: Arial; font-size: 12px; color:#EF7D1E;
	text-decoration:none;
	}
.vignette-rub .vignette .vignette-txt A.surbrillance-txt:hover {
	text-decoration:underline;
	}
	
	
.container-title-garde .inner1 .inner2{
	background-color:transparent;
	-moz-transform: rotate(0deg); /* FF3.5 */
	-o-transform: rotate(0deg); /* Opera 10.5 */
	-webkit-transform: rotate(0deg); /* Saf3.1 , Chrome */
	-ms-transform: rotate(0deg);height: 86px;
	-moz-transition-property: border-radius, background-color, transform;
	-moz-transition-duration: 0.5s;
}






.container-title-garde .inner1 .inner2 .garde-header .garde-left{ border-left: 4px solid #e1e1e1; border-top: 4px solid #e1e1e1; border-radius: 12px 0 0 0; float: left; width: 20px; height: 20px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-header .garde-left{ float: left; width: 20px; height: 20px;  background-image: url(../images/vr/cadre-corner8.png);  background-position:0px 0px;}
.container-title-garde .inner1 .inner2 .garde-header .garde-right{ border-top: 4px solid #e1e1e1; border-right: 4px solid #e1e1e1; border-radius: 0 12px 0 0; float: right; width: 20px; height: 20px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-header .garde-right{ float: right; width: 20px; height: 20px; background-image: url(../images/vr/cadre-corner8.png);  background-position:-61px 0px;}
.container-title-garde .inner1 .inner2 .garde-center{ height: 25px; margin-left: 100px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-center{ height: 25px; margin-left: 100px;}
.container-title-garde .inner1 .inner2 .garde-footer{ height: 15px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-footer{ height: 15px;}
.container-title-garde .inner1 .inner2 .garde-footer .garde-left{ border-bottom: 4px solid #e1e1e1; border-left: 4px solid #e1e1e1; border-radius: 0 0 0 12px; float: left; width: 20px; height: 20px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-footer .garde-left{ float: left; width: 20px; height: 20px; background-image: url(../images/vr/cadre-corner8.png);  background-position:0px -61px;}
.container-title-garde .inner1 .inner2 .garde-footer .garde-right{ border-bottom: 4px solid #e1e1e1;	border-right: 4px solid #e1e1e1;	border-radius: 0 0 12px 0; float: right; width: 20px; height: 20px;}
.ie8 .container-title-garde .inner1 .inner2 .garde-footer .garde-right{ float: right; width: 20px; height: 20px; background-image: url(../images/vr/cadre-corner8.png);  background-position:-61px -61px;}

 .container-title-garde:hover .inner1 .inner2:hover{
	background-color:transparent;
	-moz-transform: rotate(-3deg); /* FF3.5 */
	-o-transform: rotate(-3deg); /* Opera 10.5 */
	-webkit-transform: rotate(-3deg); /* Saf3.1 , Chrome */
	-ms-transform: rotate(-3deg);
	-moz-transition-property: border-radius, background-color, transform;
	-moz-transition-duration: 0.5s;
}
.container-title-garde .inner1 .inner2:hover .garde-header .garde-left{ border-left: 4px solid #bababa; border-top: 4px solid #bababa; border-radius: 12px 0 0 0; float: left; width: 20px; height: 20px; outline-style: none;}
.ie8 .container-title-garde .inner1 .inner2:hover .garde-header .garde-left{ float: left; width: 20px; height: 20px;  background-image: url(../images/vr/cadre-corner8c.png);  background-position:0px 0px; outline-style: none; }
.container-title-garde .inner1 .inner2:hover .garde-header .garde-right{ border-top: 4px solid #bababa; border-right: 4px solid #bababa; border-radius: 0 12px 0 0; float: right; width: 20px; height: 20px; outline-style: none;}
.ie8 .container-title-garde .inner1 .inner2:hover .garde-header .garde-right{ float: right; width: 20px; height: 20px; background-image: url(../images/vr/cadre-corner8c.png);  background-position:-61px 0px; outline-style: none;}
a.link:hover .inner2:hover .garde-center:hover{ height: 25px; margin-left: 100px;}
.ie8 a.link:hover .inner2:hover .garde-center:hover{ height: 25px; margin-left: 100px;}
.container-title-garde .inner1 .inner2:hover .garde-footer{ height: 15px;}
.ie8 .container-title-garde .inner1 .inner2:hover .garde-footer{ height: 15px;}
.container-title-garde .inner1 .inner2:hover .garde-footer .garde-left{ border-bottom: 4px solid #bababa; border-left: 4px solid #bababa; border-radius: 0 0 0 12px; float: left; width: 20px; height: 20px; z-index:1; position:absolute; outline-style: none;}
.ie8 .container-title-garde .inner1 .inner2:hover .garde-footer .garde-left{ float: left; width: 20px; height: 20px; background-image: url(../images/vr/cadre-corner8c.png);  background-position:0px -61px; outline-style: none;}
.container-title-garde .inner1 .inner2:hover .garde-footer .garde-right{ border-bottom: 4px solid #bababa;	border-right: 4px solid #bababa;	border-radius: 0 0 12px 0; float: right; width: 20px; height: 20px; outline-style: none;}
.ie8 .container-title-garde .inner1 .inner2:hover .garde-footer .garde-right{ float: right; width: 20px; height: 20px;  background-image: url(../images/vr/cadre-corner8c.png);  background-position:-61px -61px; outline-style: none;}


/* Les icones, rubrique par rubrique */
.vignette-rub .vignette A .title-gardeico {
	position: absolute;
	margin:10px 0px 0px 15px;
	width: 50px; height: 50px;
	background-position:0px 0px;
	}
.vignette-rub .vignette A:hover .title-gardeico {
	background-position: 0px -124px;
	}














/* ************************************************** */
/* ************************************************** */
/* ******************** NOS CLIENTS ***************** */
/* ************************************************** */
/* ************************************************** */


.nos-clients { margin-left:50px;}


/* colonnes et blocs */
.nos-clients-col1{ position: relative; width: 516px; float:left; margin-right:20px;}
.nos-clients-col2{ position: relative; width: 182px; float:left; margin-right:20px;}
.nos-clients-col3{ position: relative; width: 348px; float:left; }

.nos-clients-col1-bloc1{ padding-top:10px;}
.nos-clients-col1-bloc2{ padding-top:20px;}
.nos-clients-col1-bloc3{ padding-top:20px;}
.nos-clients-col2-bloc1{ padding-top:10px;}
.nos-clients-col2-bloc2{ padding-top:20px;}

.nos-clients-col3-bloc1{ padding-top:10px;}
.nos-clients-col3-bloc2{ padding-top:20px;}


/* Boites nos clients - generique */
.nos-clients .nos-clients-box {
 	border-radius: 6px;
	border-top: 1px solid #cccccc ;
	border-bottom: 1px solid #cccccc ;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;  background-color: #fff;
	-moz-transition-property: border-radius, background, background-image, background-color, box-shadow, transform;
	-moz-transition-duration: 1s;
}

.nos-clients .nos-clients-box:hover
{	
	border-radius: 6px;
	border-top: 1px solid #cccccc ;
	border-bottom: 1px solid #cccccc ;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #fff; transform: rotate(0deg); box-shadow: 0 0 5px 0 #ccc;
}


.nos-clients .nos-clients-box A.nos-clients-box-inner
{ 
	display:block;
	text-decoration:none;
 	border-radius: 6px;
	border-top: 1px solid #fff ;
	border-bottom: 1px solid #fff ;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #f5f5f5;
	-moz-transition-duration: 1s;
	height:auto;
	padding-bottom:14px;
}
.nos-clients .nos-clients-box:hover A.nos-clients-box-inner
{ 
	border-radius: 6px;
	border-top: 1px solid #fff ;
	border-bottom: 1px solid #fff ;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; 
	background-color: #FFFFFF;
}



/* Icone et nom du secteur */
.nos-clients .nos-clients-box A.nos-clients-box-inner .nom-secteur
{
	position:relative;
	display:block;
	padding:10px 0px 0px 60px;
	margin:8px 0px 0px 8px;
	height: 40px;
	font-size: 16px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top left;
	color:#6e6868;
}
.nos-clients .nos-clients-box:hover A.nos-clients-box-inner .nom-secteur
{
	background-position:left -124px;	
	color:#313B4D;
}

/* LES EQUIPES */

.un_salarie
{
	width:360px;
	height:250px;
	border-radius: 6px;
	border:1px solid #ccc;
	background-color: #FFFFFF;
	padding:20px;
	margin:20px;
	float:left;
}

.un_salarie .nom
{
	font-size:16px;
	font-weight:bold;
	margin-bottom:25px;
}

.un_salarie .salarie_photo
{
	padding:1px;
	border:1px solid #ccc;
}

.un_salarie .drapeaux
{
	position:absolute;
	width:340px;
	text-align:center;
	border-radius: 6px;
	border:1px solid #ccc;
	padding:5px;
	background-color:#f2f2f2;
}

.un_salarie .drapeaux .drapeau
{
	border:1px solid #ccc;
}


.un_salarie .reseaux
{
	width:100px;
	float:right;
	margin:0px 0px 15px 15px;
}

.un_salarie .reseaux A.viadeo
{
	display:block;
	width:40px;
	height:11px;
	float:left;
	margin:2px 5px;
	background-image:url(../images/icones/logo_viadeo.png);
}

.un_salarie .reseaux A.linkedin
{
	display:block;
	width:40px;
	height:11px;
	float:left;
	margin:2px 5px;
	background-image:url(../images/icones/logo_linkedin.png);
}



/* BOITES-LOGO CLIENT GENERIQUE */

.nos-clients .nos-clients-box A.nos-clients-box-inner .tab-logo
{
	margin:15px 0 0 11px;
	width: 154px; height: 42px; float:left;
	color:#313B4D;
	border-radius: 4px 4px 4px 4px; border: 1px solid #ccc;
}

.nos-clients .nos-clients-box:hover A.nos-clients-box-inner .tab-logo
{
	width: 154px; height: 42px; float:left;
	color:#313B4D;
	border-radius: 4px 4px 4px 4px; border: 1px solid #ccc;
}

.nos-clients .nos-clients-box A.nos-clients-box-inner .tab-logo .container-logo
{
	width: 152px; height: 40px; float:left;
	color:#313B4D;
	border-radius: 4px 4px 4px 4px; border: 1px solid #fff;
	text-align: center;
	background-color:#fff;
}

.nos-clients .nos-clients-box:hover A.nos-clients-box-inner .tab-logo .container-logo
{
	width: 152px; height: 40px;float:left;
	color:#313B4D; text-align: center;
	border-radius: 4px 4px 4px 4px; border: 1px solid #fff;
}


.nos-clients .nos-clients-box A.nos-clients-box-inner .tab-logo .container-logo .lelogoclient
{	
	background-position:top;
	width:120px; height:33px; margin: auto; margin-top:4px;
}


.nos-clients .nos-clients-box:hover A.nos-clients-box-inner .tab-logo .container-logo .lelogoclient
{	
	background-position:bottom;	
}


/* RESEAU */

#map
{
	width:100%;
	height:350px;
	border:1px solid #ccc;
	padding:2px;
}

#map img {
    max-width: none;
}