@charset "UTF-8";
/* CSS Document */
*{
/* Prevent any object from being highlighted upon touch event*/
-webkit-tap-highlight-color: rgba(0,0,0,0);outline:0;
}

body {margin:0;padding:0;/*font-family: 'Open Sans', sans-serif;*/font-family: 'Droid Sans', sans-serif;font-size:1em;line-height:1.2em;background:#FFF;}
h1, H2, H3, H4, p, ul, li a {font-family: 'Open Sans', sans-serif;font-size:1em;line-height:1.3em;}
li {margin-bottom:.3em;}
.content {display:block;max-width: 1240px;margin:0 auto;}
.responsive-img {width:100%;height:auto;}

.even_row {background:#eee;}
.odd_row {background:#fff;}

.border_dotted {border:1px dotted #CCC;padding:8px 16px;margin-right:5px;}

.separator_h_1 {margin-top:10px;margin-bottom:10px;border-bottom:1px solid #999;}

.leftmargin {margin-left:30px;}
.rightmargin {margin-right:30px;}
.innerpropmargin {margin-left:1em;margin-right:1em;}

.div.KT_field_error {color:red;font-style:italic;}

.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity: 1;
}
.grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	opacity: 1;
	-webkit-transition: 400ms ease-in;
	-moz-transition: 400ms ease-in;
	-ms-transition: 400ms ease-in;
	-o-transition: 400ms ease-in;
	transition: 400ms ease-in;
}

a {color:#369;text-decoration:underline;}
a:hover {color:#F63;text-decoration:none;}

/* ---------------------- */
/* RESPONSIVE */
/* ---------------------- */
/*  SECTIONS  */
.section {
max-width:1240px;
margin:0 auto;
clear: both;
padding: 0px;
}

.section.border_down {border-bottom:1px solid #1260a6;}

/* RESPONSIVE DIV AS TABLE */
.rTable {
	display: block;
	width: 100%;
}
.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
	clear: both;
}
.rTableHead, .rTableFoot{
	background-color: #DDD;
	font-weight: bold;
}
.rTableCell, .rTableHead {
	border-top: 1px solid #999999;
	border-right: 1px dotted #999999;
	float: left;
	height: 38px;
	line-height:38px;
	vertical-align:middle;
	/*overflow: hidden;*/
	padding: 3px 1.8%;
	width: 28%;
}
.rTable_FullRow {width:46%;}
.rTable:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
.rTableCell_last {border-bottom: 1px solid #999999;}
.table_label {background:#eee;font-weight:bold;}
.table_value {background:#fff;font-weight:normal;}

@media only screen and (max-width: 480px) {
.rTableCell, .rTableHead {	width: 100%;border-right: none;}
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0.5% 0 0.5% 0.6%;
}
.col:first-child { margin-left: 0; }

.col.no_margin_bottom {margin-bottom:0;} 	/* perso */
.col.no_margin_top {margin-top:0;} 			/* perso */

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.61%;}
.span_10_of_12 {width: 83.23%;}
.span_9_of_12 {width: 74.85%;}
.span_8_of_12 {width: 66.46%;}
.span_7_of_12 {width: 58.08%;}
.span_6_of_12 {width: 48.4%;}
.span_5_of_12 {width: 41.31%;}
.span_4_of_12 {/*width: 32.93%;*/width: 31.93%;}
.span_4_of_12_original{width: 32.93%;}
.span_3_of_12 {width: 24.55%;}
.span_2_of_12 {width: 16.16%;}
.span_1_of_12 {width: 7.783%;}

/*  ADAPTATIVE BELOW 770/860 PIXELS */
@media only screen and (min-width: 770px) and (max-width: 860px) {
	.col {  margin: 1% 0.5%;}
    .col:first-child{margin-left:0.5%}	
	
	.span_1_of_12 { width : 7.3%; }
	.span_2_of_12 { width : 15.6%; }
	.span_2_of_12.prod_smallblock { width : 32.3%;}
	.span_3_of_12 { width : 24%; }
	.span_3_of_12.prod_smallblock { width : 48.5%; }
	.span_4_of_12 { width : 32.3%; }
    .span_4_of_12_original{width: 32.93%;}
	.span_5_of_12 { width : 40.6%; }
	.span_6_of_12 { width : 49%; }
	.span_7_of_12 { width : 57.3%; }
	.span_8_of_12 { width : 65.6%; }
	.span_9_of_12 { width : 74%; }
	.span_10_of_12 { width : 82.3%; }
	.span_11_of_12 { width : 90.6%; }
	.span_12_of_12 { width : 99%; }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 770px) {
	/* hide some elements */
	.none {display:none;visibility:hidden}
	
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_4_of_12_original, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	.span_2_of_12.prod_smallblock { width : 48%;margin:0 1%}
}

/* ------------------ */
/* CAROUSSEL */
/* ------------------ */
.news-slider {
  /* Style the actual content */
}
.news-slider .text-content {
	position: absolute;
	z-index:1;
	top: 0;left: 60%;right: 0;
	padding: 2em 3em 3em 3em;width: 40%;height: 100%;color:#fff;
	background: rgba(18, 96, 166, 0.8);
	background: -moz-linear-gradient(270deg, rgb(50, 50, 50) 0%, rgb(18, 96, 166) 60%);
	background: -webkit-linear-gradient(270deg, rgb(50, 50, 50) 0%, rgb(18, 96, 166) 60%);
	background: -o-linear-gradient(270deg, rgb(50, 50, 50) 0%, rgb(18, 96, 166) 60%);
	background: -ms-linear-gradient(270deg, rgb(50, 50, 50) 0%, rgb(18, 96, 166) 60%);
	background: linear-gradient(0deg, rgb(50, 50, 50) 0%, rgb(18, 96, 166) 60%);
}
.news-slider .text-content h2 {margin: 0;line-height:1.2em;font-size:2em;font-weight:lighter}
.news-slider .text-content p {margin: 1em 0;}

.news-slider span.button-link {display:inline-block;padding: 0.25em 1em 0.25em 0.5em;position: absolute;bottom: 4em;left: 2.5em;
background:rgba(255, 255, 255, 0.5);color:#FFF;border-radius:100px;text-decoration:none;}
.news-slider span.button-link:hover {background:rgba(255, 255, 255, 1);color:rgba(18, 96, 166, 1);}
.news-slider .bg-slider-pict {height:330px;width:100%;}
.news-slider .news-pager {background-color:rgba(255,255,255,0.1);position:relative;z-index:10;text-align: right;display: block;margin:-2.4em 0 0 0;padding: 0;list-style: none;}
.news-slider .news-pager li {display: inline-block;padding: 0.1em 0 0.1em 0.1em;margin: 0 0 0 .1em;}
.news-slider .news-pager li.sy-active a {color: #fff;background-color: rgba(18, 96, 166, 1);}
.news-slider .news-pager li a {font-weight: 500;text-decoration: none;display: block;color: #BBB;background-color: rgba(18, 96, 166, 0.3);padding:5px 10px;}
.news-slider .news-pager li a:hover {color:#fff;}

@media only screen and (min-width: 550px) and (max-width: 980px) {
.news-slider {}
.news-slider .text-content {display:block;width:50%;left:50%;padding: 1.5em 2em 1.5em 2em;}
.news-slider .text-content h2 {margin: 0;line-height:1.1em;font-size:1.2em;}
.news-slider .text-content p {margin: 1em 0;font-size:.9em;line-height:1.1em;}
.news-slider  span.button-link {padding: 0.25em 1em 0.25em 0.5em;position: absolute;bottom: 1.5em;left:2em;font-size:.8em;}
.news-slider .bg-slider-pict {height:210px;width:100%;}
.news-slider .news-pager {display:none;visibility:hidden;}
}
@media only screen and (max-width: 550px) {
.news-slider .text-content {display:block;width:40%;left:60%;margin-top:0;padding: 1em 2em 1em 1em;}
.news-slider .text-content h2 {margin: 10px 0;line-height:1.1em;font-size:1em;}
.news-slider .text-content p {display:none;visibility:hidden;}
.news-slider  span.button-link {display:none;visibility:hidden;}
.news-slider .bg-slider-pict {height:150px;width:100%;}
.news-slider .news-pager {display:none;visibility:hidden;}
}


/* ------------------ */
/* breadcrumb */
/* ------------------ */
div#breadcrumb {display:block;padding:5px 12px 10px 12px;border-bottom:1px solid #CCC;color:#CCC;font-size:.8em;}
div#breadcrumb span {}
div#breadcrumb a {color:#999;text-decoration:none;padding:0 10px;}
div#breadcrumb a:hover {color:#1260a6;
				-webkit-transition: color 250ms ease-in;
				-moz-transition: color 200ms ease-in;
				-ms-transition: color 200ms ease-in;
				-o-transition: color 200ms ease-in;
				transition: color 200ms ease-in}

/* ------------------ */			
/* PERSO */
/* ------------------ */
.h1title {color:#1260a6;margin:0;padding:6px 0 0 20px;line-height:normal;}
/*.h2title {color:#1260a6;margin:0;background:url(/images/arrow01.png) 10px 2px no-repeat;padding:6px 0 0 40px;line-height:normal;font-size:1.4em;}*/
.h2title {color:#1260a6;margin:0;;padding:6px 0 0 20px;line-height:normal;font-size:1.8em;}
.h3title {color:#1260a6;margin:0;background:url(images/arrow02.png) 10px top no-repeat;padding:4px 0 0 25px;line-height:normal}
.p_normal {margin:10px 25px;}

.morelink {margin:0;padding:0 0 0 0;}
.morelink a {padding:6px 5%;color:#1260a6;border-left:1px solid #1260a6;color: #36C;text-decoration:none;}
.morelink a:hover {color:#C60}

.h2title a {color:#1260a6;text-decoration:none;}

div#green {display:block;background: #fff url(/images/ok.png) 0 50% no-repeat;margin:5px auto;padding:0 25px;text-align:left;font-weight:bold;color:#060}

#famille_1:before {content:"•";padding-right: 8px;color:#F00;}

i.glyphicon,i.fa {margin:0 .3em;}

.green {color:#390}
.red {color:#C00}

.border-dashed {border-top:1px dashed #1260a6;padding-top:20px}
.border-dashed_bottom {border-bottom:1px dashed #1260a6;padding:20px 0}
.border-dashed_top {border-top:1px dashed #1260a6;padding:20px 0 0 0;}

.margin_bottom {margin-bottom:20px;}

.separator_half {display:block;width:33%;margin:20px auto;border-top:1px solid #ccc}

.top_corpus_bg {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}
		
/* ------------------------------------------------------------------------ */
/* Grande image + texte sur pages catalogue et institutionnelles
/* ------------------------------------------------------------------------ */
.title-img {width:100%;height:auto;padding:10px;border-bottom:1px solid #CCC;}
.title-img.mot-du-president {background:url(/images/old/bgtitle_president.jpg) center center;background-size: cover;}
.title-img.groupement {background:url(/images/old/bgtitle_groupe.jpg) center center;background-size: cover;}
.title-img.charte {background:url(/images/old/bgtitle_charte.jpg) center center;background-size: cover;}

.title-txt {background-color: rgba(255, 255, 255, 0.9);margin:20px 20px 20px 50%;padding:20px 30px;border:1px solid #fff;
-moz-box-shadow: 1px 1px 4px 0px #656565;
-webkit-box-shadow: 1px 1px 4px 0px #656565;
-o-box-shadow: 1px 1px 4px 0px #656565;
box-shadow: 1px 1px 4px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);}
.title-txt h1 {color:#2a5091;font-size:1.5em;line-height:1.2em}
.title-txt p {color:#2a5091;}

h3.blue_title {color:#2a5091;font-size:1.4em;line-height:1.2em}

.title-fulltxt {margin:20px 25px;padding:20px 0;}
.title-fulltxt h1 {color:#2a5091;line-height:1.2em}
.title-fulltxt p {color:#2a5091;}

.input-responsive {padding:10px 25px;}
.input-responsive form {text-align:center;color:#666;}
.input-responsive select {padding:5px 10px;font-size:1.1em;color:#333;}

.content-responsive {padding:10px 25px;}

@media only screen and (min-width: 480px) and (max-width: 770px) {

	.title-img {padding:0;width:98%;}
	.title-txt {margin:0 0 0 50%;padding:10px 15px;-webkit-box-shadow:none;box-shadow:none;border:none;border-left:1px solid #999;}
}
@media only screen and (max-width: 480px) {
	.title-img {padding:0;width:98%;}
	.title-txt {display:block;bottom:0;margin:0;padding:10px 15px;-webkit-box-shadow:none;box-shadow:none;border:none;border-left:none;}
}

/* -------------------------- */
/* Bouton VOIR TOUT */
/* -------------------------- */
.seemore {margin:0;padding:0;border:1px solid #eee;}
.seemore .seemore-container {height:400px;line-height:400px;}
.seemore .seemore-container > a {display:block;width:100%;height:100%;background:#DDD;color:#fff;text-decoration:none;text-align:center;line-height:400px; }
.seemore .seemore-container > a span {font-size:1.4em;vertical-align:middle;display:inline-block;line-height:normal;}
.seemore .seemore-container > a span b {font-size:4em;vertical-align:middle;display:inline-block;line-height:.5em;}
.seemore .seemore-container > a:hover {background:#666;
-webkit-transition: background 250ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;}

/* -------------- */
/* Fiche PRODUIT */
/* -------------- */
/* image produit */
div#pict-container {max-width:96%;margin:0 auto;position:relative;z-index:1;border:1px solid #ddd}
div#pict-container a  {display:flex;position:relative;z-index:10;width:100%;}
div#pict-container a img {display:block;max-height:400px;/*min-height:300px;*/width:auto;margin:auto;}
div#moreviews {position:relative;z-index:1;margin:10px 0 0 10px}
div#moreviews span {font-weight:bold;color:#666;line-height:2em;}
div#moreviews a.smallimg {display:inline-block;border:1px solid #999;padding:0;text-align:center;margin:0 3px 3px 0;padding:0;}
div#moreviews a.smallimg img {display:block;max-width:150px;max-height:auto;margin:0;padding:0;text-align:center;}
div#moreviews a.smallimg:hover {border-color:red;}

@media only screen and (max-width: 800px) {
	.fiche_l {width:100%;float:none;margin-bottom:10px;}
	.fiche_r {width:90%;float:none;margin:0 5%;}
	a.bigimg img {max-height:250px;}
	
	div#moreviews {text-align:center;margin-left:0;}
	div#moreviews span {display:none;visibility:hidden;}
}

.nouveau {width:100%;min-height:125px;position:absolute;z-index:100;background: url(/images/stick-new.png) left top no-repeat;}
/* text produit*/
.descmarque {font-size:.9em;color:#666;}
.desctitle {font-size:1.3em;color:#06C;}

div.moreinfos {}
div.moreinfos div.ref {display:inline-block;font-size:.8em;padding:8px;color:#7f7f7f;background:#eee;border:1px solid #fff;}
div.moreinfos a.askinfos {display:inline-block;font-size:1em;background:#7fa4c7;color:#fff;padding:8px;margin:0;text-decoration:none;border:1px solid #fff;}
div.moreinfos a.askinfos:hover {
	background-color:#036;
	-webkit-transition: background 250ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	}


.blocprix {background:#eee;padding:10px;border:1px solid #fff;margin-bottom:2px;}
.blocprix.location {
background: -moz-linear-gradient(top, rgba(212,228,239,0.1) 0%, rgba(212,228,239,0.78) 60%, rgba(170,196,219,1) 80%, rgba(127,164,199,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(212,228,239,0.1) 0%,rgba(212,228,239,0.78) 60%,rgba(170,196,219,1) 80%,rgba(127,164,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(212,228,239,0.1) 0%,rgba(212,228,239,0.78) 60%,rgba(170,196,219,1) 80%,rgba(127,164,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad4e4ef', endColorstr='#7fa4c7',GradientType=0 ); /* IE6-9 */
}
table.locatable {width:100%;border-top:1px dotted #999;margin-top:10px;}
table.locatable td {padding:10px 0;border-bottom:1px dotted #999;}
table.locatable td.price {padding:10px 0;border-bottom:1px dotted #999;}
p.locamentions {font-size:.8em;line-height:1.1em;color:#333;margin-bottom:0;text-shadow: 0 1px 1px #FFF;}

.blocprix .mentions_prix {display:inline-block;font-weight:bold;margin:5px;}
.blocprix .prixvente {font-size:1.4em;line-height:1.1em;}

.actions {}
.actions form {background:#eee;padding:10px;margin:0;margin-bottom:2px;border:1px solid #fff;color:#003366}
.actions form .devistitle {font-size:1.2em;font-weight:bold;margin:0;padding:0;color:#003366;}

#cartForm #SubmitButton {
font-family:"Open Sans",sans-serif;
font-size: 1.4em;
color: #fff;
padding:8px 16px;
text-decoration: none;
text-shadow: #333;
line-height: 1em;
cursor: pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
border:none;
background-color: #1260a6;
}
#cartForm #SubmitButton:hover {background:#C30;}

#cartForm #soustraire, #cartForm #ajouter {
font-family:"Open Sans",sans-serif;
font-size: 1.4em;
font-weight:bold;
color: #fff;
padding:8px;
text-decoration: none;
text-shadow: #333;
line-height: 1em;
cursor: pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
border:none;
background-color: #1260a6;
}
#cartForm #soustraire:hover, #cartForm #ajouter:hover {background:#C30;}

div#selectavanteam {display:block;width:auto;background:#eee url(/images/stick-select02.png) 10px 12px no-repeat;padding: 0 12px 0px 120px;margin:0 0 2px 0;border:1px solid #fff;}
div#selectavanteam p {color:#333;line-height:auto;border-left:1px solid #ccc;padding-left:20px;font-size:.9em;}
div#selectavanteam p a {display:inline-block;margin-top:5px;}

div#marque {display:block;width:auto;background:#fff;padding: 0 12px 0px 120px;margin:0 0 2px 0;border:1px solid #fff;}
div#marque p {color:#333;line-height:auto;border-left:1px solid #ccc;padding-left:20px;font-size:.8em;}
div#marque p a {display:inline-block;margin-top:5px;}

div#carte {display:block;width:auto;background:#eee url(/images/carte-france-mini.jpg) 10px 12px no-repeat;padding: 0 12px 0px 120px;margin:0 0 6px 0;border:1px solid #fff;}
div#carte p {color:#333;line-height:auto;border-left:1px solid #ccc;padding-left:20px;font-size:.9em;}
div#carte p a {display:inline-block;margin-top:5px;}

table.infosteck {margin-bottom:20px;}
table.infosteck td {font-size:.9em;color:#333;padding:3px 10px;border-bottom:1px solid #666;}

.desctxt {}
.desctxt ul {margin-left:0;padding-left:1em;}


/* social */
.socialblock {padding-top:5px;}
.socialblock a.mt-share-inline-square-sm img {width: 44px;height: auto;border: 0px none;margin-top:-5px;margin-left:-5px}
.socialblock a.mt-share-inline-square-sm {display: inline-block;width: 34px;height: 34px;border-radius: 3px;margin-right: 4px;}
.socialblock .separator {display: inline-block;width:1px;height:40px;margin:0 5px 0 0;border-right:1px solid #333;}
.socialblock .mt-google:hover {background-color: rgb(225, 95, 79);}
.socialblock .mt-google {background-color: rgb(221, 75, 57);}
.socialblock .mt-linkedin:hover {background-color: rgb(16, 135, 192);}
.socialblock .mt-linkedin {background-color: rgb(14, 118, 168);}
.socialblock .mt-twitter:hover {background-color: rgb(8, 187, 255);}
.socialblock .mt-twitter {background-color: rgb(0, 172, 238);}
.socialblock .mt-facebook:hover {background-color: rgb(66, 100, 170);}
.socialblock .mt-facebook {background-color: rgb(59, 89, 152);}
.socialblock .mt-pinterest:hover {background-color: rgb(221, 42, 48);}
.socialblock .mt-pinterest {background-color: rgb(204, 33, 39);}
.socialblock .mt-email:hover {background-color: rgb(55, 129, 198);}
.socialblock .mt-email {background-color: rgb(3, 90, 142);}
.socialblock .mt-print:hover {background-color: rgb(55, 129, 198);}
.socialblock .mt-print {background-color: rgb(3, 90, 142);}
.socialblock .mt-pdf:hover {background-color: rgb(55, 129, 198);}
.socialblock .mt-pdf {background-color: rgb(3, 90, 142);}
					
/* ------------ */
/* boutons      */
/* ------------ */
.button_master {
	display:inline-block;
	color: rgb(230, 230, 230);
	font-family:"Open Sans",sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	padding: 10px 32px;
	margin:3px 0;
	border:0;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	background-color: #1260a6;
	text-shadow: #333;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
	}
.button_master:hover {
background-color:#666;
-webkit-transition: background 250ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;}

.button_small {font-size:.8em;padding: 6px 16px;}
.button_medium {font-size:1em;padding: 9px 21px;}
.button_type {font-size:.9em;padding: 3px 9px;background:#CCC;color:#FFF;font-weight:normal;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;}
.button_darker {background-color:#333;color:#FFF;}
.button_chevron {display:inline-block;background:#1260a6 url(/images/bg-chevron.png) 10px center no-repeat;padding:7px 20px 7px 40px;font-size:1em;text-align:left;}

.button_small:hover {color:#FFF;}
.button_medium:hover {color:#FFF;}
.button_type:hover {background:#1260a6;color:#FFF;}
.button_darker:hover {background-color:#1260a6;color:#FFF;}
.button_chevron:hover {background-color:#C60;color:#FFF;}

.button_simple {background-color:#fff;color:#999;font-size:1em;text-decoration:none;border:1px solid #999;border-radius:4px;padding:5px 10px;margin:3px 3px 0 0;}
.button_simple:hover {background-color:#999;color:#fff;}

/* boutons des sous familles */
ul.types_list {list-style: none; /* Remove list bullets */padding: 0 0 10px 0;}
ul.types_list li {display:inline-block;}
ul.types_list li:before {content: "";margin:0;}
ul.types_list li a {
display:block;
color:#fff;
text-decoration:none;font-weight:normal;padding: 4px 6px 4px 28px;font-size:.9em;margin:1px;
background:#AAA url(/images/bg-chevron.png) 5px center no-repeat;background-size:20px;
}
ul.types_list li a:hover {
color:#fff;
text-decoration:none;
background:#1260a6 url(/images/bg-chevron.png) 5px center no-repeat;background-size:20px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}	
/* --------------------- */
/*         HEADER        */
/* --------------------- */
/* ------------ */
/* TOP HEADER */
/* -------------*/
#top-header-container {display:block;width:100%;height:48px;padding:3px 0;border-bottom: 1px solid #111;
	background: -moz-linear-gradient(top, rgba(18,96,166,1) 0%, rgba(18,96,166,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(18,96,166,1) 0%,rgba(18,96,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(18,96,166,1) 0%,rgba(18,96,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
#top-header-container #top-header {display:block;max-width: 1240px;margin:0 auto;}
#top-header-container #top-header ul.headernavig {display:block;float:right;width:100%;color:#fff;padding:2px 10px 2px 5px;margin:0 0 0 0;text-align:right;}
#top-header-container #top-header ul.headernavig li {display:inline;padding:5px;}
#top-header-container #top-header ul.headernavig li a {color:#fff;font-size:.9em;text-decoration:none}
#top-header-container #top-header ul.headernavig li a:hover {color:#111}

#top-header-container #top-header .mini_logo {display:block;float:left;width:20%;}
#top-header-container #top-header .mini_logo {display:none;visibility: hidden;}
#top-header-container #top-header .mini_logo img {max-width:125px;padding-left:10px;}

@media only screen and (max-width: 550px) {
	#top-header-container #top-header .mini_logo {display:block;visibility:visible;;width:20%;}
	#top-header-container #top-header ul.headernavig {display:block;float:right;width:80%;}
	#top-header-container #top-header ul.headernavig li a {color:#fff;font-size:.8em;text-decoration:none}
}


/* ------------ */
/* MID HEADER */
/* -------------*/
.left_header_container {width:68%;background:#fff;}
.right_header_container {width:28%;background:#fff;float:right;text-align:right;}

.brand_container {display:block;float:left;background:#fff;}
.brand_container .brand_logo {display:block;float:left;/*width:30%;width:280px;*/max-width:300px;margin:.5em auto 5px auto;}
.brand_container .brand_logo img {max-width:300px;min-width:100px;}

.brand_container .brand_baseline {display:block;float:left;width:40%;padding:1% 15px 1% 15px;margin:1.1em 0 5px 10px;border-left:1px solid #369;}
.brand_container .brand_baseline p {font-size:.8em;color:#369;margin:0;}

.socialblock_container {background:#ddd;display:none;}
.socialblock_container {margin-top:20px;}
.header_socialblock {display:block;float:right;width:40px;margin-left:10px;}

#header_newsblock {display:block;float:right;margin:0;width:100%;}
#header_newsblock input[type="text"] {width:100%}
#header_newsblock div {font-size:.8em;text-align: left;padding-left:10px}

/* start header SOCIAL */
.header_socialblock a.mt-share-inline-square-sm img {width: 40px;height: auto;border: 0px none;margin-top:-4px;margin-left:-4px}
.header_socialblock a.mt-share-inline-square-sm {display: inline-block;width: 34px;height: 34px;border-radius: 3px;margin-right: 4px;}
.header_socialblock .mt-google:hover {background-color: rgb(225, 95, 79);}
.header_socialblock .mt-google {background-color: rgb(196, 196, 196);}
.header_socialblock .mt-linkedin:hover {background-color: rgb(16, 135, 192);}
.header_socialblock .mt-linkedin {background-color: rgb(196, 196, 196);}
.header_socialblock .mt-twitter:hover {background-color: rgb(8, 187, 255);}
.header_socialblock .mt-twitter {background-color: rgb(196, 196, 196);}
.header_socialblock .mt-facebook:hover {background-color: rgb(66, 100, 170);}
.header_socialblock .mt-facebook {background-color: rgb(196, 196, 196);}
.header_socialblock .mt-pinterest:hover {background-color: rgb(221, 42, 48);}
.header_socialblock .mt-pinterest {background-color: rgb(196, 196, 196);}
/* end header SOCIAL */

@media only screen and (min-width: 970px) and (max-width: 1240px) {
	.left_header_container {width:55%;}
	.right_header_container {width:43%;}
	.brand_container .brand_baseline {font-size:.8em;margin-top:24px;}
	/*.brand_container .brand_baseline {display:none;visibility:hidden;}
	.brand_container .brand_logo  {width:98%;}*/
}

@media only screen and (max-width: 970px) {
	.left_header_container {width:60%;}
	/*.brand_container .brand_baseline {display:none;visibility:hidden;}*/
	.brand_container .brand_logo  {width:98%;}
	.brand_container .brand_baseline {font-size:.8em;margin-top:20px;}
	.right_header_container {width:35%;float:right;}
}

@media only screen and (max-width: 880px) {
	.left_header_container .brand_baseline {display:none;visibility:hidden}
}

@media only screen and (max-width: 550px) {
	.left_header_container {display:none;visibility:hidden;}
	.right_header_container {display:none;visibility:hidden;}
	/*
	.left_header_container {display:block;float:left;width:100%;background:yellow}
	.right_header_container {display:none;visibility:hidden;}
	
	.right_header_container #header_newsblock {display:none;visibility:hidden;}
	
	.left_header_container .brand_container {display:block;width:100%;background:blue;}
	.left_header_container .brand_container .brand_baseline {display:none;visibility:hidden;background:green}
	.left_header_container .brand_container .brand_logo {display:block;float:left;width:100%;text-align:center;margin:0 auto;background:red}
	.left_header_container .brand_container .brand_logo img {display:block;width:225px;margin:0 auto;border:1px solid red}
	*/
}
			
/* start NEWSLETTER */
#header_newsblock {
	display:inline-block;
	float:right;
}
#header_newsblock table td {text-align:left;}
#header_newsblock span {margin:0;color:#666;font-size:.8em}
#header_newsblock input[type="text"]  {
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#header_newsblock table td input[type=button], #header_newsblock table td input[type=submit], #header_newsblock table td input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;float:right;margin:0 auto;
}

@media only screen and (max-width: 550px) {
	#header_newsblock {display:none;visibility:hidden;}
}

#sub-navig-header {
	width:100%;
	border-top: solid 1px #1260a6;
	border-bottom: solid 1px #1260a6;
	padding:0;
	margin:0;
	background:#fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
#sub-navig-header #menu-container {display:block;max-width: 1240px;margin:0 auto;padding:0;}

@media only screen and (min-width: 980px) {
.none_top {display:none;visibility:hidden;}
}
@media only screen and (max-width: 770px) {
.none_down {display:none;visibility:hidden;}
}
/* end NEWSLETTER */

/* search  -  recherche */
#search input[type="text"] {
	background: url(/img/search-dark.png) no-repeat 10px center #EEE;
	border: 0 none;
	display:block;
	float:right;
	font: bold 1em Arial,Helvetica,Sans-serif;
	color: #666;
	width:180px;
	padding: 6px 15px 6px 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	}

#search input[type="text"]:focus {
	background: url(/img/search-dark.png) no-repeat 10px center #fcfcfc;
	color: #6a6f75;
	width: 240px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	}
/* ---------------------- */
/* NEWS en page d'accueil */
/* ---------------------- */
.news .news_thumb {width:25%;margin-right:5%;float:left;}
.news .news_txt {width:65%;float:left;margin-bottom:15px;}
.news .news_txt .news_title {font-size:.8em}
.news .news_txt .news_desc {font-size:.8em}

@media only screen and (min-width: 480px) and (max-width: 770px) {
.news .span_6_of_12 {width:100%;}
}
@media only screen and (max-width: 480px) {
.news .span_6_of_12 {width:100%;}
.news_title .span_6_of_12, .cata_title .span_6_of_12 {width:48%;}
}

/* ----------- */
/* FOOTER */
/* ----------- */
.footer-top-container {width:100%;border-bottom: solid 1px #CCC;border-top: solid 1px #CCC;background-color: rgba(188, 188, 188, 0.15);margin:0;}
.footer-top-container .footersection {width:100%;padding:25px 0;margin:0 auto;}
.footer-top-container .footersection .h3title {margin-top:10px;color:#1260a6;}
.footer-top-container .footersection p.subtxt {margin-left:35px;font-size:.8em;color:#333;}

/* ----------- */
/* SLIDER */
/* ----------- */
a.sliderhref {display:block;-webkit-border-radius: 6px;border-radius: 6px;background:#fed51c;color:#333;padding:5px 10px;text-decoration:none;font-size:.8em;font-weight:bold;-webkit-box-shadow: 0 5px 5px 0 #4A4A4A;box-shadow: 0 5px 5px 0 #4A4A4A;}
a.sliderhref:hover {background:#1260a6;color:#fed51c;-webkit-transition: background 250ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;} 



@media only screen and (min-width: 480px) and (max-width: 770px) {

}
@media only screen and (max-width: 480px) {

}


/* ----------------- */
/* SCROLLER MARQUES */
/* ----------------- */
.marques_title {margin-top:20px;padding-top:20px;}
a.m_container {display:inline-block;width:90px;height:90px;border:1px solid #ddd;text-align:center;margin:3px 0 0 2px;padding:10px;}

/* ------------------------------ */
/* Pages INSTITUTIONNELLES */
/* ------------------------------*/
.blue_title {color:#2a5091;border-top:1px dotted #2a5091;padding-top:10px; }
.main_title {color:#2a5091;line-height:1.2em;padding-top:10px; }
.sub_title {color:#2a5091;line-height:1.2em}

ul.tabNavigation {margin:0 25px;padding:0;list-style:none;}
ul.tabNavigation li {display:inline-block;}
ul.tabNavigation li a {background:#AAA;margin:0;padding:6px 12px;color:#FFF;text-decoration:none;}
ul.tabNavigation li a:hover {background:#2a5091;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;}

.inner_margin {margin:15px 25px;}
.resum_txt p {font-size:.9em;color:#666;}
	
blockquote.citation {font-family:Georgia, "Times New Roman", Times, serif;background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
blockquote.citation:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote.citation:after {color: #ccc;content: close-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.8em;}
blockquote.citation p {display: inline;font-size:1.2em;line-height:1.4em;color:#666;font-style:italic;font-weight:bold;} 
blockquote.citation a {color:#36C;text-decoration:none;}
blockquote.citation a:hover {color:#F60;}

@media only screen and (min-width: 480px) and (max-width: 770px) {
	blockquote.citation {margin: 1.5em 0;padding: 0.5em 0  0.5em 10px;}
	blockquote.citation p {font-size:.9em;}
}
@media only screen and (max-width: 480px) {
	blockquote.citation {margin: 1.5em 0.5em;padding: 0.5em 0  0.5em 10px;}
	blockquote.citation p {font-size:1em;}
}

/* ----------- */
/* ACTUS */
/* ----------- */
/* liste des actus */
div.resum {display:block;border-bottom:1px solid #ccc;margin:0 0 20px 0;padding:10px 20px}
div.resum div.imgthumb {display:block;max-width:125px;max-height:125px;float:left;margin-right:20px;}
div.resum div.imgthumb img {border:1px solid #eee}
div.resum div.resumtxt {display:block;float:left;padding:0 0 0 10px;}
div.resum div.resumtxt h1 {margin-top:0;padding-top:0;}
div.resum div.resumtxt h1 a {color:#1260a6;font-weight:bold;text-decoration:none;font-size:.75em;}
div.resum div.resumtxt p {margin:0 0 10px 0;}
div.resum div.resumtxt p.resumdate {color:#999}
div.resum div.resumtxt a.resumlink {text-decoration:underline;color:#1260a6;}
div.resum div.resumtxt a:hover.resumlink {text-decoration:none;color:#111}

/* colonne droite actu : les 5e dernières */
div#actunavig {display:block;padding:10px;background:#eee;border:1px solid #ccc;border-top:none;}
div#actunavig h2 {color:#1260a6;font-weight:bold}
div#actunavig ul {list-style-position:outside;list-style-type:none;margin-left:0;padding-left:.5em;}
div#actunavig ul li {margin:5px 0}
div#actunavig ul li a {display:block;padding:5px;text-decoration:none;color:#1260a6;}
div#actunavig ul li a span {font-style:italic;color:#666}
div#actunavig ul li a:hover {text-decoration:none;background:#ddd;color:#111}

/* colonne droite actu : par mois */
div#actunavig ul#datelist {list-style-position:outside;list-style-type:disc;;padding-left:2em;}
div#actunavig ul#datelist li {margin: 0}
div#actunavig ul#datelist li a {padding: 2px 0;color:#1260a6;font-weight:bold;text-decoration:none;}
div#actunavig ul#datelist li a:hover {color:#111;}

/* AJOUT2023: COLONNE DE GAUCHE / bloc gris bords arrondis */
     .condensed {font-family: 'Quicksand', sans-serif;font-size:1em;}
        
    .grey_block {border:1px solid #CCC;border-radius:8px;padding:0 12px;margin-top:20px;margin-left:10px;font-size:.85em;background:#eee;}
    .yellow_block {background:#f8d247;color:#fff;padding:15px;border-top-left-radius:8px;border-top-right-radius:8px;}
    .blue_block {background:#069;color:#fff;padding:15px;border-radius:8px;margin-bottom:10px;}
    
    hr.hr_1 {border: 0;height: 1px;margin-top:20px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

    h1.com_title {font-family: 'Roboto Condensed', sans-serif;font-size:2em;line-height: 1.1em;color:#555}
    h3.com_title {font-family: 'Roboto Condensed', sans-serif;font-size:2em;line-height: 1.1em;color:#555}
    h2.com_title {font-family: 'Roboto Condensed', sans-serif;font-size:1.5em;line-height: 1.1em;color:#555;}
    
    .dllink.dltxt {padding:135px 30px 0 30px;display:block;font-size:2em;color:#FFF;line-height:normal;text-decoration:none;text-shadow:2px 2px 2px #333;}

    a .falselink {display:block;background:#069;color:#FFF;padding:12px 20px;margin:20px 0 0 0;border-radius:8px;margin:5px;text-decoration:none;font-size:1em;}
    a:hover .falselink {background:#EC8706}

    @media only screen and (min-width: 480px) and (max-width: 770px) {

    }
    @media only screen and (max-width: 480px) {

    }

@media only screen and (min-width: 480px) and (max-width: 770px) {

}
@media only screen and (max-width: 480px) {

}
		
/* ----------------------------------------- */
/* boutons nouveau-selection en page accueil */
/* ----------------------------------------- */
ul.index_subnav { display:block;margin: 20px auto 0 auto;padding-left: 0px;list-style-type: none;}
ul.index_subnav li {display:inline-block;vertical-align: top;margin: 5px 5px;}
ul.index_subnav li a {
	display: inline-block;
	font-family:"Open Sans",sans-serif;
	font-size: 1.4em;
	color: #fff;
	letter-spacing: 1px;
	padding:8px 18px 8px 36px;
	text-decoration: none;
	text-shadow: #111;
	line-height: 1em;
	cursor: pointer;
	border-radius: 3px;
	background:#1260a6 url(/images/bg-chevron.png) 8px center no-repeat;
	}
ul.index_subnav li a:hover {background-color:#777;color:#fff;text-shadow:#111;
	-webkit-transition: background 250ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;}
ul.index_subnav li a.selected {background-color:#333;color:#FFF;}

@media only screen and (min-width:480px) and (max-width:770px) {
	ul.index_subnav li {display:block;}
	ul.index_subnav li a {display:block;width:90%;margin:0 5%}
}

@media only screen and (max-width:480px) {
	ul.index_subnav li {display:block;}
	ul.index_subnav li a {display:block;width:80%;margin:0 auto}
	div.cnt-subblock-left {display:block;width:46%;float:left;text-align:left;margin:0 2%}
	div.cnt-subblock-right {display:block;width:46%;float:right;text-align:right;margin:0 2%}	
}

/* ---------------------------- */
/* petit bloc produit 			*/
/*  encart_prod01.inc.php    	*/
/* ---------------------------- */

.prod {margin:0;padding:2px 5px;border:1px solid #eee;}
.prod:hover {background:#fff;-webkit-box-shadow: 0 5px 5px 0 #D1D1D1;box-shadow: 0 5px 5px 0 #D1D1D1;border-left:1px solid #CCC;border-right:1px solid #CCC;}

.prod h6 {margin:5px 0;padding:0;font-size:1em;line-height:1.2em;}
.prod h6 a {color:#333;text-decoration:none;}
.prod:hover h6 a {color:#1260a6;text-decoration:none;}

.type {padding:5px;;font-size:.8em;line-height:.95em;color:#666;background:#EEE;}
.prod:hover .type {background:#b9ccdd;color:#FFF;}

.linkprod:before {content:"";padding:0 5px 0 0;}
.linkprod {display:block;background:#CCC;color:#FFF;padding:5px 10px;text-decoration:none;font-size:.8em;line-height:.95em;font-weight:bold;text-align:right;}
.prod:hover .linkprod {display:block;background:#1260a6;color:#FFF;padding:5px 10px;text-decoration:none;font-size:.8em;line-height:.95em;font-weight:bold}

.blocprix {text-align:right;}
.prix_ancien {font-size:.8em;}

.new {position:relative;z-index:1;padding:3px 7px;margin:0;color:#FFF;font-weight:bold;
background:#FC0;
background: rgb(254,204,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}
.new:before {content:"Nouveau";color:#FFF;font-weight:bold;text-shadow:1px 1px 1px #333;}

.select {position:relative;z-index:1;padding:3px 7px;margin:0;color:#FFF;font-weight:bold;
background:#1260a6;
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.select:before {content:"notre Sélection";color:#FFF;font-weight:bold;text-shadow:1px 1px 1px #333;}



.promo02 {
	font-size:.8em;line-height:1.2em;
	position: absolute;
	left:-12px;
	background: red;
	width:40%;padding:10px 5px;font-weight:normal;color:#FFF;border-radius:5px;-moz-border-radius:5px;text-align:center;
	-webkit-box-shadow: -1px 2px 2px 0 #666;
box-shadow: -1px 2px 2px 0 #666;
}
.promo02 b {font-size:1.5em;font-weight:bold;}
.promo02:after {
	left: 95%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 70, 85, 0);
	border-left-color: red;
	border-width: 10px;
	margin-top: -10px;
}
/* ------------ */
/*    FOOTER    */
/* ------------ */
.footer-container {
	
	background: rgb(0,83,159); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,83,159,1) 0%, rgba(0,56,112,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,83,159,1) 0%,rgba(0,56,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,83,159,1) 0%,rgba(0,56,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00539f', endColorstr='#003870',GradientType=0 ); /* IE6-9 */
}
.footersection {padding:30px 1%;}
.footersection a {color:#fff;text-decoration:none;}

.footersection .brand-footer {}
.footersection .brand-footer .brand {max-width:35%;float:left;padding:8px;margin:1% 2% 1% 5%;background:#FFF;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
}

.footersection .brand-footer .txt {float:left;min-width:47%;}
.footersection .brand-footer .txt p {color:#eee;font-size:.9em;padding:0 15px;}
.footersection .brand-footer .txt ul {color:#eee;margin:0;padding:0;list-style-type:none;}
.footersection .brand-footer .txt ul li {display:block;background:none;border-radius:8px;margin:5px 0;font-size:.9em;}
.footersection .brand-footer .txt ul li a {color:#eee;text-decoration:none;padding:3px 10px;}
.footersection .brand-footer .txt ul li a:hover {background:#999;border-radius:4px;color:#fff;}

.footersection .col-footer .txt {}
.footersection .col-footer .separator {border-left:1px dotted #eee;}
.footersection .col-footer .txt p {color:#eee;font-size:.9em;padding:0 25px;}
.footersection .col-footer .txt ul {color:#eee;margin:0;padding:0;list-style-type:none;}
.footersection .col-footer .txt ul li {display:block;background:none;margin:3px 10px;font-size:.9em;}
.footersection .col-footer .txt ul li a {display:inline-block;color:#eee;text-decoration:none;border-radius:4px;padding:3px 10px;}
.footersection .col-footer .txt ul li a:hover {background:#999;border-radius:4px;color:#fff;}


@media only screen and (max-width: 480px) {
.footersection .brand-footer {border-bottom:1px dotted #eee;padding-top:20px;padding-bottom:40px;margin-bottom:20px;}
.footersection .col-footer .separator {border-left:none;}
}

.sub_action_container {display:block;width:100%;float:left;margin:0;}
.sub_action_container a.list_supp {display:inline-block;background:#069;color:#FFF;text-decoration:none;padding:5px 13px 5px 0;border-right:1px solid #FFF;}
.sub_action_container a.list_supp:hover {background:#F60}
.sub_action_container a.list_add {display:inline-block;width:100%;float:right;background:#069;color:#FFF;text-decoration:none;padding:5px 10px;border-left:1px solid #FFF;margin:0;text-align:right;}
.sub_action_container a.list_add:hover {background:#F60}
.sub_action_container a.bt_devis {display:inline-block;width:100%;float:right;background:#09C;color:#FFF;text-decoration:none;padding:5px 10px;border-left:1px solid #FFF;margin:0;text-align:right;}
.sub_action_container a.bt_devis:hover {background:#F60}

.sub_action_container a.view {font-size:.9em}
		
		
/* ----------------------- */
/* GEOLOCALISATION */
/* ----------------------- */
.geo .innergeo {padding:5px 20px 0 40px;color:#555;border-right:1px dashed #369}
.geo .innergeo ul {list-style-type:none;padding:0;margin:20px 0;}
.geo .innergeo ul li {display:inline-block;}
.geo .innergeo ul li a {font-size:1.1em;padding:5px 15px;background-color:#369;}
.geo .innergeo ul li a:hover {background-color:#666;}

.geo h1, .geo h3 {font-size:1em;color:#369;margin:0;padding-left:0;}
.geo h1 span, .geo h3 span {font-weight:normal;display:block;}
.geo h5 {font-size:1.2em;color:#369;line-height:1.2em;margin:5px 0 5px 40px;}
.geo p {font-size:.9em;color:#369;line-height:1.2em;margin:10px 10px 10px 0;}

.geo .inneradress p {margin:5px 0 5px 15px;font-size:1em;}

.geo .map {display:block;max-width:380px;float:right;}
.geo .tel2 {display:inline-block;border:3px #369 solid;border-radius:32px;padding:7px 10px;color:#369;font-size:1.2em;line-height:1.2em;margin:5px 0 5px 30px;background:#FFF;font-weight:bold;min-width:200px;}
.geo .tel2 i {margin-right:10px;}
.geo .fax2 {display:inline-block;border:3px #369 solid;border-radius:32px;padding:7px 10px;color:#369;font-size:1.2em;line-height:1.2em;margin:0 0 5px 30px;background:#FFF;font-weight:bold;min-width:200px;}
.geo .fax2 i {margin-right:10px;}

.invert_shadow {text-shadow: 1px 1px 0 #fff;}

@media only screen and (min-width: 480px) and (max-width: 960px) {
	.geo .span_7_of_12, .geo .span_6_of_12 {width:98%;}
	.geo .span_2_of_12, .geo .span_3_of_12 {width:49%;}
	.geo .innergeo {border-right:none;}
	.geo .innergeo ul {width:75%;list-style-type:none;padding:0;margin:20px 0;}

}
@media only screen and (max-width: 480px) {
	.geo .map {display:none;max-width:200px;}

}