/* selection.css 

Style pour les éléments du FORM 'selection'
	$dim_vignettes  &  $pagination
	
/* palette inspirée de http://www.colourlovers.com/palette/4519672/soaring_striations 

/* #FDF2B6;	/* creme : cadres */
/* #E8C96C;	/* brun clair : cadre */
/* #7C6835;	/* brun : T2 T3 T4 */
/* #790909;	/* rouge sombre : lien */
/* #823700;	/* marron foncé : T1 et signal survol */


/* ======================= Position du FORM selection dans 'cadre' ? à voir ================== */
div.selection {
	padding-top: 10px;
	padding-bottom: 20px;
}


/* ======================= Selection dim_vignettes (radio hidden) ================== 
.dim_vignettes {
	position: absolute;
	top: 20px;
	right: 20px;
}
 /* Boutons radio cachés 
.dim_vignettes input[type=radio] { 
	display:none;
	} 
.dim_vignettes label:hover{
 	cursor: Pointer;
} 
.dim_vignettes input[type="radio"]:checked+label img {
	outline: 3px solid #0f0;
} 
 */
/*
								Elements radio' du FORM utilisés pour mise en forme de 
									'liste' : 		name='liste_noms'	dans 	DIV class='modif_affichage'
								ou 	'mosaique' :	name='vignette'		dans	DIV class='modif_affichage'

*/	
/* .dim_vignettes */

.modif_affichage {
	position: absolute;
	top: 20px;
	right: 20px;
}
 /* Boutons radio cachés */
/* .dim_vignettes input[type=radio], */
.modif_affichage input[type=radio] { 
	display:none;
	}
/* Pointeur */
/* .dim_vignettes label:hover, */
.modif_affichage label:hover{
 	cursor: Pointer;
} 
/* cadre brun autour de l'image (label) de l'élément 'checked' */
/* .dim_vignettes input[type="radio"]:checked+label img, */
.modif_affichage input[type="radio"]:checked+label img {
	outline: 5px solid #C0A96B;
} 

/* ======================= Pagination  ======================== */
.pagination {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
 /* Boutons radio cachés */
.pagination input[type=radio] { 
	display:none;
	}
.pagination label{
	display: inline-block;
	cursor: Pointer;
/*	border-style: solid;
	height:18px;
	width:50px;
	border-width: 1;
	vertical-align: top;
	font-size: small;
	margin-bottom: 5; */
	background-color: #fff;
	border: 1px solid #E8C96C;	/* brun clair : cadre */
	color: #790909;	/* rouge sombre : lien */
	margin: 1px;
	padding: 2px 20px;
	text-decoration: none;
} 
.pagination input[type="radio"]:checked + label{
    background-color: #7C6835;	/* brun : T2 T3 T4 */
    border: 1px solid #E8C96C;	/* brun clair : cadre */
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 20px;
	cursor: default;
} 
.pagination input[type="radio"]:disabled + label{
    background-color: #C0A96B;	/* brun : 29 96 1391 */
    border: 1px solid #ffE8C96C;	/* brun clair : cadre */
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 20px;
	cursor: default;
} 
.pagination label:hover{
    background-color: #947C3F;	/* brun plus clair */
    border: 1px solid #E8C96C;	/* brun clair : cadre */
    color: #fff;
    margin: 1px;
    padding: 2px 20px;
	}
	
/* ======================= DIV choix (affiche au survol) ============== */
/*      <A href="#" class="choix"><img src='iinterro.jpg'/><span>Suggestions de choix</span></a>      */

.choix {
   position: relative;
}
/* le <span> ne doit pas s'afficher */
.choix span {
	display: none;
	text-align: left;
	border: 1px solid #E8C96C;	/* brun clair : cadre */
	white-space: nowrap;
	background: white;
	color: black;
	padding: 5px;
	font-size: 11px;
	line-height: 14px;
	z-index: 50;
	width: 300px;
}
/* sauf au survol  */
.choix:hover span {
	display: inline;
	position: absolute;
}

/* ======================= Bouton +/- affiche selection 2 ============== */

/* Boutons radio caché */


#selec_plus input[type=radio] { 
	display:none;
	}
#selec_plus label:hover{
 	cursor: Pointer;
} 
/* ======================= Sélection 2 ============== */
#2_selec {
	display: none;
	padding-top: 10px;
	left: 20px;	
}