@charset "utf-8";
/* CSS Document */

/**
 * Cette feuille de styles gère l'apparence des filtres des pages de liste
 */

/*
 * HEXA COLORS
    Gris TF : 646665
    Gris : C9C9C9
    Gris clair : EEE8E6
    
    Bleu foncé : 0C78A3
    Bleu TF : 00B6DC
    Bleu : 0099D4
    Bleu clair : 80CCE9
    Bleu pale : D9F4FA
    
    Jaune : FFF500
*/

/*/////////// CONVERT FONT SIZE REM ////////////*/
/*
100% >> 16px
9px		.563rem			56.3%		9/16
11px	.688rem			68.8%		9/16
13px	.813rem			81.3%		13/16
16px	1.000rem		100.0%		16/16
21px	1.313rem		131.3%		21/16
24px	1.500rem		150.0%		24/16
*/

/*
==================================================
	Table of Contents / Sommaire
==================================================
    #Mobile (Portrait)	// 320px
	#Mobile (Landscape)	// 576px
    #Tablet (Portrait)	// 768px
	#Tablet (Landscape)	// 992px
	#Computer			// 1200px+ > 1250 avec scrollbar 
*/

/*
==================================================
	Mobile (Portrait)	// 320px
==================================================
	Pas besoin de déclarer de média queries
*/


/*
==================================================
	Mobile (Landscape)	// 576px
==================================================
*/
@media screen and (min-width: 576px) {


}/*/mediaquery*/


/*
==================================================
	Tablet (Portrait)	// 768px
==================================================
*/
@media screen and (min-width: 768px) {
.displayNb {
    font-size: 1.5rem;
    font-weight:bold;
    background:#AFD6EE;
    color:#FFF;
    margin: .813rem 0 0 0;
    padding: .2rem .5rem;
    border-radius:3px;
}

.filterBox {
    border:1px solid #CCC;
    border-radius:3px;
    line-height:2rem; 
    font-size:1.313rem; 
    margin: 0 .5rem .5rem 0;
}

.filterBox span,
.filterBox a,
.filterBox a:link,
.filterBox a:visited {
    padding:0 .5rem; 
    color:#999;
    background:#FFF; 
    
}

.filterBox a:last-child {
    padding-left:0;
}

.filterBox span {
    color:#BBB;
    border-right:1px solid #CCC;
    background:url("/templates/masterA/design/responsivePublic/images/deg300_grisc.png") left -180px repeat-x #EEE;
}

.filterBox a:hover,
.filterBox a:active{
    color:#1B8ACE;
}
.filterBox a.active {
    color:#76B9E2; 
    cursor:default; 
}

.filterBox strong {
    background:url("/templates/masterA/design/responsivePublic/images/encart_arrowWleft.png") left center no-repeat #EEE;
    background:url("/templates/masterA/design/responsivePublic/images/encart_arrowWleft.png") left center no-repeat,
               url("/templates/masterA/design/responsivePublic/images/deg180_grisc.png") left top repeat-x #EEE;
    padding:.5rem .5rem .5rem 1rem; 
    font-size: .813rem;
    vertical-align: top;
}

.filterBox a:hover strong {
    background:url("/templates/masterA/design/responsivePublic/images/encart_arrowWleft.png") left center no-repeat #1B8ACE;
    color:#FFF; 
}

.filterBox a.active strong {
    background:url("/templates/masterA/design/responsivePublic/images/encart_arrowWleft.png") left center no-repeat #76B9E2;
    color:#FFF;
}

.filterBox.form {
    background:none; 
}

.filterBox.form:hover {
    border-color:#1B8ACE;
}

.filterBox.form select {
    font-size: 1rem;
    min-height: 1.933333rem;
    margin: 0;
}

}/*/mediaquery*/


/*
==================================================
	Tablet (Landscape)	// 992px
==================================================
*/
@media screen and (min-width: 992px) {


}/*/mediaquery*/


/*
==================================================
	Computer	// 1200px+ > 1250 avec scrollbar 
==================================================
*/
@media screen and (min-width: 1200px) {

}/*/mediaquery*/


/*//////////////////////////////////// RAPPEL CSS 3 ///////////////////////////////////////*/
	/* Rounded corners 
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px;	
	-o-border-radius:		5px;	
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;	
	-chrome-border-radius:	5px;
	border-radius:			5px;*/
	
	/* Shadow box 
	-moz-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-ms-box-shadow:			0 2px 2px rgba(0,0,0,.5);
	-chrome-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-o-border-box-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	box-shadow:				0 2px 2px rgba(0,0,0,.5);*/
	
	/* Shadow Text 
	-moz-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-ms-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-chrome-btextox-shadow:	0 2px 2px rgba(0,0,0,.5);
	-o-border-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	text-shadow:			0 2px 2px rgba(0,0,0,.5);*/
	
	/*Transition
	-moz-transition:		all .3s ease;
	-webkit-transition:		all .3s ease;
	-ms-transition:			all .3s ease;
	-o-transition:			all .3s ease;
	-khtml-transition:		all .3s ease;
	-chrome-transition:		all .3s ease;
	transition: 			all .3s ease;*/
	
	/*ease // linear // ease-in // ease-out // ease-in-out */
	
	/*Transform
	-webkit-transform: 	scale(1);
   -moz-transform: 		scale(1);
   -o-transform: 		scale(1);
   transform: 			scale(1);*/
	
	/*Opacity
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 *//*
    filter : alpha(opacity=100); /* IE < 8 */