@charset "utf-8";


html
{
	height : 100%;
}
body
{
margin : 0 ;
padding : 0 ;
font : normal 14px/18px Dosis, Arial, Helvetica, sans-serif ;
color : #fff ;
background: url(images/bg.jpg) no-repeat fixed center top #181818 ;
}

body.bodyInt
{
background-size : cover !important;
-webkit-background-size : cover !important ;
-moz-background-size : cover !important ;
-o-background-size : cover !important ;
-ms-background-size : cover !important ;
-khtml-background-size : cover !important ;
}

img
{
border : none ;
max-width: 100% ;
height : auto ;
}

a
{
text-decoration : none ;
color : #fff ;
}
a, input, textarea, div, li, p, .map span, .map:hover span
{
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

a:active, a:focus
{
outline : none ;
}

a:active
{
}

#conteneur
{
width : 880px ;
margin : 0 auto 0 100px ;
padding : 0 ;
position : relative ;
overflow : visible ;
}
.left
{
position : absolute ;
top : 0 ;
left : 0 ;
width : 177px ;
background : #383838 ;
margin : 0 ;
padding : 0 ;
}

#logo
{
width : 177px ;
height : 33px ;
margin : 0 ;
padding : 25px 0 0 0 ;
}

#logo a
{
display : block ;
height : 33px ;
margin : 0 ;
padding : 0 ;
text-indent: -6000px ;
background : url(images/groupe-alvarez-logo.jpg) no-repeat left top #fff ;
}

.intro
{
text-align : center ;
padding : 15px 5px ;
background : url(images/divider.png) no-repeat center top, url(images/divider.png) no-repeat center bottom ;
margin : 25px auto ; 
}

.mainMenu, .menu
{
margin : 0 5px 15px 5px ;
padding : 0 ;
list-style-type:none ;
}

.mainMenu > li, .menu > li
{
text-transform : uppercase ;
font-size : 14px ;
padding : 5px 8px 5px 0 ;
border-bottom : 1px solid #181818 ;
position : relative ;
}

.mainMenu > li > a
{
display : block ;
position : relative ;
padding : 0 2px ;
}

.mainMenu > li:hover
{
background : #DC002A ;
color : #181818 ;
}

.mainMenu > li.hasChild::after
{
content : '>' ;
position :absolute ;
right : 2px ;
top : 4px ;
}
.mainMenu > li.hasChild.long::after
{
top : 15px ;
}

.mainMenu > li.ext, .menu > li.ext
{
border-bottom : none ;
}

.mainMenu > li.ext.first
{
margin-top : 20px ;
}

.level2
{
list-style-type : none ;
position : absolute ;
top : 0 ;
left : 167px ;
background : #181818 ;
background : rgba(56,56,56,0.85);
width : 227px ;
padding : 5px ;
margin : 0 ;
z-index : 1000 ;
display : none ;
box-shadow : 1px 1px 3px #000 ;
}
.level2 li
{
background : none ;
margin-bottom : 6px;
}

.mainMenu > li:hover .level2
{
display : block ;
}

.level2 li a 
{
	display: block; 
}
.level2 li a:hover
{
	padding-left: 5px ; 
	color : #DC002A ;
}

.logos
{
margin : 20px 0px ;
padding : 20px 0 20px 0 ;
text-align : center ;
/*background : url(images/divider.png) no-repeat center bottom ;*/
overflow: hidden ;
}

.logos img
{
margin : 0px auto ;
}
.logos .innerMarque
{
	display: table-cell !important;
	vertical-align: middle !important;
	line-height: 80px
}


.innerMarque a
{
display: block ;
width : 80px;
height : 80px ;
}

.main
{
position : relative ;
width : 687px ;
margin : 0 0 0 192px ;
padding : 13px 0 0 0 ;
}

.diapoWrap, .diapo
{
width : 687px ;
height : 340px ;
overflow : hidden ;
}

.col
{
width : 316px ;
padding : 10px 10px 0 10px ;
min-height : 326px ;
margin : 15px 0 ;
}

.col.first
{
margin-top : 0 !important ;
}

.col1-2, .col2-2
{
float : left ;
}

.darkScheme
{
background : #292929 ;
}

.lightScheme
{
background : #969696 ;
}

.col1-2
{
margin-right : 15px ;
}
.col2-2
{

}

.actus h2, .transpScheme h2
{
margin : 0 0 0px 0 ;
color : #DC002A ;
background : #fff ;
background : rgba(255,255,255,0.5) ;
font-size : 18px ;
text-transform : uppercase ;
font-weight : normal ;
padding : 2px 3px ;
}
.transpScheme h2
{
	margin-bottom : 15px;
}
.actus h3
{
margin : 0 0 0px 0 ;
color : #181818 ;
font-weight : normal ;
}
.actus h3+p
{
margin : 0 0 10px 0 ;
}
.actus div
{
border-bottom : 1px dotted #DC002A ;
margin : 10px 0 ;
}

h1.int
{
color : #fff ;
text-transform : uppercase ;
font-size : 33px ;
margin : 0 ;
padding : 5px 0 0 0 ;
font-weight : normal ;
line-height : 35px ;
}

h1.int span
{
color : #DC002A ;
text-transform : uppercase ;
font-size : 13px ;
margin : 0px 0 0 0 ;
padding : 0 0 0 0 ;
display : inline-block ;
line-height : 14px ;
background : #000;
background : rgba(0,0,0,0.8);
}

.subMenu
{
margin : 20px 0 ;
padding : 7px 0 ;
list-style-type : none ;
border-top : 1px solid #fff ;
border-bottom : 1px solid #fff ;
overflow : hidden ;
background : #000;
background : rgba(0,0,0,0.3);
width : 830px ;
}

.subMenu li
{
text-transform : uppercase ;
font-size : 14px ;
float : left ;
margin : 0 3px 0 3px ;
border-right : 1px solid ;
padding : 0 10px 0 0 ;
}
.subMenu li:last-child
{
border : 0 ;
}
.subMenu li a
{
display : block ;
padding : 2px ;
}

.main.dynColor .subMenu li
{
border-color : #DC002A !important;
}
.main.dynColor .subMenu li a:hover
{
color : #fff !important;
}

.dynScheme
{
background : #DC002A
}

.cooordonnesInt
{
font-size : 16px ;
line-height : 19px ;
}
.cooordonnesInt h2
{
font-size : 29px ;
color : #181818 ;
margin : 0 ;
padding : 5px 0 5px 0 ;
text-transform : uppercase ;
font-weight : normal ;
}

.black
{
color : #181818 ;
}

.images p img
{
max-width : 100% ;

vertical-align: middle !important;

}

.images
{
	background : #000;
	background : rgba(0,0,0,0.4);
}

.images p{
	margin : 0 auto ;
	height : 316px ;
	text-align: center;
	line-height : 316px ;
	display : table-cell;
      vertical-align : middle;
}

h2.titleInt
{
font-size : 25px ;
text-transform : uppercase ;
color : #DC002A ;
font-weight : normal ;
margin : -5px 0 15px 0;
padding : 0 ;
}

h2.titleInt.divider
{
background : url(images/divider2.png) no-repeat 0px bottom;
padding-bottom : 10px !important ;
overflow : visible ;

}

.team
{
height : 160px ;
width : 160px ;
margin : 0 15px 15px 0 ;
overflow : hidden ;
background : #383838 ;
float : left ;
text-align : center ;
}

.team.last
{
margin-right: 0 ;

}

.team img
{
/*max-width : 160px ;*/
max-height : 160px ;
min-height : 160px ;
}
.team strong
{
width : 140px ;
height : 120px ;
position : absolute ;
font-weight : normal ;
color : #181818 ;
z-index : 3 ;
padding : 40px 10px 0 10px ;
text-align : center ;
left : 0 ;
top : 0px ;
font-size : 18px ;
background : #DC002A ;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
line-height: 17px ;
}



.team strong span
{
color : #fff ;
display : block ;
margin-bottom : 10px ;
}
.team:hover strong
{
top : 160px ;
}

.table
{
width : 100% ;
border : 0 ;
}
.table caption
{
color : #fff ;
background : #DC002A ;
height : 43px ;
line-height : 43px ;
text-align : left ;
padding : 0 15px ;
font-size : 18px ;
text-transform : uppercase ;
margin : 0 0 10px 0 ;
border : 0 ;
position : relative;
}


.table caption form
{
margin : 0 ;
padding : 0 ;
position : absolute ;
right : 10px ;
top : -15px;
}

.table tr
{
background : none ;
padding : 0 ;
margin : 0 ;
border : 0 ;
}

.table th
{

color : #181818 ;
font-size : 16px ;
text-align : center ;
border : 0 ;
padding : 5px ;
}

.table th span
{
display : block ;
background : #969696 ;
padding : 5px ;

height : 100% ;
}

.table tr td
{
color : #fff ;
font-size : 16px ;
text-align : center ;
padding : 5px ;
border : 0 ;
background : #5B5B5B ;
vertical-align: middle;
border : 10px solid rgba(0,0,0,0.9);
}

.table tr td span
{
/*background : #5B5B5B ;
padding : 5px ;
min-height : 22px;
display : block ;*/
line-height: 18px ;
/*height : 100%;*/
}

td.first, th.first
{
padding-left : 0 !important ;
border-left: 0 !important
}
td.first span, th.first span
{
margin-left : 0 !important ;
}

td.last, th.last
{
padding-right : 0 !important ;
border-right: 0 !important
}
td.last span, th.last span
{
margin-right : 0 !important ;
}
.table tbody tr:nth-child(even) td
{
background : #2F2E2E !important ;
}

.contactForm
{
width : 48% ;
margin : 10px 0 10px 0;
padding : 0 ;

}

fieldset.fields
{
background : #DC002A ;
padding: 10px ;
margin : 0 0 10px 0;
}

fieldset.files
{
background : #969696 ;
padding: 10px ;
}

fieldset.files label
{
color : #181818 ;
}

.contactForm input[type=text], .contactForm textarea
{
width : 300px ;
background : #000 ;
background : rgba(0,0,0,0.5);
border : 0 ;
padding : 5px ;
font : normal 14px/18px Dosis, Arial, Helvetica, sans-serif ;
color : #fff ;
margin : 0 ;
}

.contactForm textarea
{
height : 100px ;
}

.contactForm p
{
margin : 0 0 5px 0 ;
}

fieldset.fields p:last-child
{
margin : 0 ;
}

.contactForm input[type=submit]
{
font : normal 14px/18px Dosis, Arial, Helvetica, sans-serif ;
display : inline-block ;
background : #000 ;
color : #fff ;
padding : 5px 15px ;
margin : 5px 0 ;
border : 0 ;
cursor : pointer ;
}


.leftEncart h3
{
font : normal 18px/18px Dosis, Arial, Helvetica, sans-serif ;
margin : 0 5px 0px 5px ;
padding : 3px 0 3px 2px ;
font-weight : normal ;
text-transform : uppercase ;
position : relative ;
background : #DC002A ;
}

.leftEncart h3::after
{
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content : '';
	border-top: 4px solid #ddd;
	right : 10px ;
	top : 10px ;
	position : absolute ;
}

.breadcrumb
{
margin : 0 ;
text-transform : uppercase ;
padding : 10px 0 0 0 ;
}

.bigger p, p.bigger
{
	font-size : 16px;
	line-height: 20px ;
}

.txtBlack
{
	color : #000;
}

.border0
{
	border:none !important;
}

.success
{
	background-color: green ;
	background-color: rgba(0, 255, 0, 0.4);
	color: #fff ;
	padding : 10px ;
	border-radius : 5px ;
}

.innerMarque
{
	width : 80px;
	height : 80px ;
	background-repeat: no-repeat;
	background-position: left center ;
	float : left ;
	background-color: #000 ;
	background-color: rgba(0,0,0,0.5);
	margin : 0 20px 15px 0;
}

.innerMarque span
{
visibility: hidden;
}

.carto
{
	position : relative ;
	clear :both;
}
.map{
	position: absolute;
	display: block;
	width : 8px;
	height: 8px ;
	border-radius: 5px ;
	background : #DC002A;
	z-index: 100;
	overflow : visible;
	border : 1px solid #fff;
	cursor : default;

}

.map span{
	display: block ;
	position : absolute;
	top : -15px;
	left : 5px ;
	color : #fff;
	font-size : 12px ;
	padding : 1px 2px;
	background : #000;
	background : rgba(0,0,0,0.4);
	border-radius: 3px
}


.map:hover span{
font-size : 14px;
}

.libourne
{
	left : 218px;
	top : 121px;
}

.tarnos
{
	left : 139px;
	top : 256px;
}

.dax
{
	left : 155px;
	top : 267px;
}
.dax span
{
	top: 0px !important ;
	left : 9px !important ;
}

.bayonne
{
	left : 121px;
	top : 285px;
}
.bayonne span
{
	top : 8px !important;
}

.montdemarsan
{
	left : 215px;
	top : 240px;
}

.eauze
{
	left : 254px;
	top : 245px;
}
.eauze span
{
	top: 0
}

.pau
{
	left : 221px;
	top : 303px;
}

.pujo
{
	left : 253px;
	top : 303px;
}

.toulousenord
{
	left : 364px;
	top : 277px;
}

.toulousesud
{
	left : 363px;
	top : 286px;
}
.toulousesud span
{
	top : 0px !important;
}

.nimes
{
	left : 599px;
	top : 246px;
}

.nimes span
{
	left : -30px !important;
	top :5px !important;
}
.ales
{
	left : 586px;
	top : 223px;
}
.beaucaire
{
	left : 611px;
	top : 248px;
}
.beaucaire span
{
	top : 9px !important;
}

.levigan
{
	left : 538px;
	top : 230px;
}
.merignac
{
	left : 200px;
	top : 126px;
}

.merignac span
{
	left : -40px !important;
	
}
.artigues
{
	left : 210px;
	top : 126px;
}.artigues span
{
	width : 120px;
	top : 4px;
}
.langon
{
	left : 222px;
	top : 158px;
}.langon span
{
	top : 4px;
}

.levigan span
{
	left : -42px !important;

}

.valladolid
{
	left : 20px;
	top : 435px;
}


.fleurance
{
	left : 297px;
	top : 248px;
}

.auch
{
	left : 293px;
	top : 272px;
}
.tarbes
{
	left : 255px;
	top : 330px;
}

#nav
{
	position : absolute;
	margin : 0;
	padding: 0 ;
	bottom : 15px;
	right: 15px ;
	z-index: 1000;
}
#nav a
{
	display : inline-block ;
	color : #fff;
	background:#aaa;
	text-align: center ;
	width : 12px;
	height: 12px ;
	line-height: 12px ;
	border-radius: 6px ;
	font-size: 11px ;
	margin : 0 0px 0 6px;
	position : relative;
}

#nav a.activeSlide, #nav a:hover
{
	color : #fff;
	background:#DC002A;
	bottom : 1px ;
}

#tabs-4 a[href^="http://www.renault"]
{
display : block ;
	height: 40px;
	width: 200px;


    /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 10.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 30.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(0deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(0deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(0deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(0deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(0deg,  hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF4C4C4C, EndColorStr=#FF4C4C4C); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 1.00);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	font-size: 14px;
	line-height : 40px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15);


    /*  Opacity  */
	opacity: 1.000;


}
#tabs-4 a[href^="http://www.renault"]:hover
{
  /* Fill */
	background-color: transparent;
	background-origin: border-box;
	background-image:  -webkit-gradient(linear,  50% 100%,  50%   0%,  color-stop(0.000, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 15.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 35.0%, 1.00)) ); /* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(0deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(0deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* FF3.6 */
	background-image:      -ms-linear-gradient(0deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* IE10 */
	background-image:       -o-linear-gradient(0deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Opera 11.10+ */
	background-image:          linear-gradient(0deg,  hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Standards Compliant */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF595959, EndColorStr=#FF595959); /* IE6 to IE9 */
	zoom: 1;


    /* Stroke  */
	border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00);
	-moz-border-radius: 5px; /* FF1-3.6 */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


    /*  Label  */
	color: hsla(0.0, 0.0%, 100.0%, 1.00);
	font-family: "Helvetica","Verdana","Arial","sans-serif";
	text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00);


    /*  Shadow & Inner Shadow */
	box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15);


    /*  Opacity  */
	opacity: 1.000;
}



.cookie-notice {
	transition : .2s ease-in-out ;
	background: rgba(51, 51, 51, .85);
	bottom: 0;
	color: white;
	font-size: 1.1em;
	left: 0;
	line-height: 1.2;
	padding: 0.4em 2%;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99999;
}
.cookie-notice a{
	  color : white;
	  border-bottom : 1px solid ;
}
  
.cookie-notice a:hover{
	text-decoration:none ;
	border-color : white ;
}
  
.cookie-notice__accept,
.cookie-notice__accept:hover {
	  background: rgba(221, 59, 48, .85);
	  color: white;
	  cursor: pointer;
	  font-size: .9em;
	  padding: 0 .75em;
	  text-decoration: none;
	  margin-left : 20px ;
	  border : 0 ;
}
/* 
.alert-danger{
	padding : 1rem ;
	color : white ;
	background : rgba(255,0,0,.75);
}
.alert-success{
	padding : 1rem ;
	color : white ;
	background : rgba(22, 182, 115, 0.75);
} */


.my-10{
	margin-top : 1rem ;
	margin-bottom : 1rem ;
}