@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 {font-family: 'Oswald', sans-serif}
p, ul, li, h4 {font-family: 'Open Sans', sans-serif;}

/* BODY */
.maincontainer {max-width:1240px;background:#fff;margin:0 auto;border-left:1px solid #111;border-right:1px solid #111;-webkit-box-shadow: 0 0 4px 4px #CCC;box-shadow: 0 0 4px 4px #CCC;}
.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;}
.separator_h_2 {border-bottom:1px solid #666;width:50%;margin:30px auto;}


.leftmargin {margin-left:30px;}
.rightmargin {margin-right:30px;}
.topmargin {margin-top:30px;}
.topmargin_big {margin-top:60px;}
.topmargin_no {margin-top:0;}
.innerpropmargin {margin-left:2.5em;margin-right:2.5em;}

.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%;*/
	margin:0 0 0 0.6%;
}
.col:first-child { margin-left: 0; }

.col.no_margin_bottom {margin-bottom:0;} 	/* perso */
.col.no_margin_top {margin-top:0;} 			/* perso */
.col.no_margin {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%;}
.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: 480px) 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_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: 480px) {
	/* 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_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%}
}



/* ------------------ */
/* breadcrumb */
/* ------------------ */
div#breadcrumb {display:block;padding:10px 12px 10px 35px;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:#111;
				-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:#c84f1b;margin:0;padding:6px 0 0 0;line-height:normal;}
.h2title {color:#c84f1b;margin:0;padding:6px 0 0 0;line-height:normal;}
.h3title {color:#c84f1b;margin:0;padding:4px 0 0 0;line-height:normal}
.p_normal {margin:10px 25px;}

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

.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 {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}

.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;line-height:1.2em}
.title-txt p {color:#2a5091;}

.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 */
a.smallimg {display:inline-block;border:1px solid #999;padding:0;text-align:center;margin:0 3px 3px 0;padding:0;}
a.smallimg img {max-width:650px;max-height:auto;margin:0;padding:0;text-align:center;}
a.smallimg:hover {border-color:red;}
a.bigimg img {}

.nouveau {width:100%;text-align:right;position:absolute;z-index:100;}
/* text produit*/
.descmarque {font-size:.9em;color:#666;}
.desctitle {font-size:1.4em;color:#06C;}
.moreinfos {}
.moreinfos .ref {font-style:italic;color:#666;font-size:.9em;}

div.moreinfos {}
div.moreinfos div.ref {display:inline-block;font-size:1em;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:.9em;}
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: 0px;-moz-border-radius:0px;border-radius:0px;
	background-color: #777;
	}
.button_master:hover {
background-color:#c84f1b;
-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;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px;}
.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_chevron {display:inline-block;background:#c84f1b url(/images/bg-chevron.png) 10px center no-repeat;padding:7px 20px 7px 40px;font-size:1em;text-align:left;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px;}

.button_medium:hover {color:#fff;}
.button_chevron:hover {background-color:#333;}
.button_type:hover {background:#c84f1b;color:#FFF;}
.button_darker {background-color:#333;}
.button_darker:hover {background-color:#1260a6;}

.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:#c84f1b 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;
}	

/* ------------ */
/* TOP HEADER */
/* -------------*/
#top-header-container {width:100%;padding:5px 0;border-bottom: solid 1px #CCC;
	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:0 10px 0 5px;margin:0 0 0 0;text-align:right;}
#top-header-container #top-header ul.headernavig li {display:inline;padding:0 5px;}
#top-header-container #top-header ul.headernavig li a {color:#fff;font-size:1em;text-decoration:none}
#top-header-container #top-header ul.headernavig li a:hover {color:#111}

#header {display:block;max-width: 1240px;margin:0 auto;}
#header .brand-logo {min-width:270px;margin:10px;}



#sub-navig-header {
	width:100%;
	/*border-top: solid 1px #1260a6;
	border-bottom: solid 1px #1260a6;*/
	padding:0;
	margin:0;
	background:#c84f1b;
	/*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  */
	
}
#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;}
}



/* ---------------------- */
/* 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:95px;height:95px;text-align:center;margin:5px 0 5px 5px;}

/* ------------------------------ */
/* 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:400px;max-height:300px;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, div.resum div.resumtxt p.resumtitle {margin-top:0;padding-top:0;color:#666;font-size:1.8em}
div.resum div.resumtxt h1 a, div.resum div.resumtxt p.resumtitle a {color:#666;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:#666;font-weight:.9em;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:#666;font-weight:bold;}
div#actunavig ul li a span {font-style:italic;font-weight:normal;color:#999}
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:#666;font-weight:bold;text-decoration:none;}
div#actunavig ul#datelist li a:hover {color:#111;}


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

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

}

/* ---------------------------- */
/* petit bmoc 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:-8px;
	background: red;
	width:33%;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;}
}