html {
	font-size: 105%;
}

body {
    background-color: #fff;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}

h1 {
	font-size: 180%;
	font-weight:normal;
	color:rgb(88, 161, 46);
	background-position:left bottom;
	padding:5px;
	width:95%;
	text-transform:uppercase;
}

input {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
}

select {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
}

.bouton_recherche {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: #006B85 !important;
    background-color: rgb(232, 243, 243);
    border: 1px solid #6A6165;
    cursor: pointer;
    padding: 2px;
    margin-right: 10px;
}

.bouton_recherche:hover {
	color:#fff !important;
	background-color:#5990AF;
}

.bouton_reset{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: #006B85 !important;
    background-color: rgb(232, 243, 243);
    border: 1px solid #6A6165;
    cursor: pointer;
    padding: 2px;
    font-weight: bold;
}

.bouton_reset:hover {
	color:#fff !important;
	background-color:#5990AF;
}

#content {
	background-color: #fff;
}


/* Lien de retour vers la recherche */
#retourFormulaire,#exportPdf {
	width		: 100%;
	text-align	: right;
	margin-right: 10px;
	margin-bottom: 5px;
}
#exportPdf {
    text-align: left;
}
#retourFormulaire a,#exportPdf a {
	font-weight		: bold;
	text-decoration	: none;
	color			: #d84646;
}

#retourFormulaire a:hover,,#exportPdf a:hover {
	text-decoration	: underline;
}

.presentation {
	margin-left:0px;
	color: #006B85;
	font-family: arial;
	font-size: 14px;
}

.presentation a {
	color: #d84646;
	font-weight: bold;
	text-decoration:none;
}

.resultatVide {
	display: none;
}

#formulaires {
	border: none;
}



.rechFieldLibelle {
    width: 148px;
    font-size: 14px;
    font-weight: bold;
    color: #006B85;
    float: left;
}

.rechFieldsFieldset {
	border:		: solid 1px #333;
	/*background-color:#F8FBFC ; (enlevr par cf)*/
	padding:20px;
	width:580px;
	font-family: arial;
}

.rechFieldsFieldset input,.rechFieldsFieldset select{
	color: rgb(102, 102, 102);
}

.rechFieldSubmit {
	text-align:right;
	margin-right: 25px;
	margin-top:5px;
}

.rechLibre {
	padding-bottom:5px;
	border-bottom: dotted 1px #fff;
	margin-bottom:5px;
}

.rechField {
	margin-bottom:5px;
}

/* ---------------- Affichage des résultats sous forme de planche contact ---------------- */


/*
 * La classe utilisée pour l'affichage du nombre de résultats peut être paramétrée via le fichier de configuration (ici cnres)
 */

.cnres {
	width		: 600px;
	text-align	: right;
	margin-right: 10px;
	margin-bottom: 5px;

	font-weight		: bold;
	text-decoration	: none;
}

/*
 * L'ensemble des vignettes est affichée grâce à une table, dont la classe est rechPlanche
 */

.rechPlanche {
	width		: 100%;
	border		: solid 1px black;
	border-collapse: collapse;
}

.rechPlanche td {
	border		: dotted 1px #aaa;
	text-align	: center;
}

/*
 * Chaque "cellule" de la planche a pour classe rechPlancheCellule.
 * Elle est changée par rechPlancheCelluleSurvol au survol de la souris
 */

.rechPlancheCellule {
	cursor		: pointer;
	color		: #000;
	background-color: #fff;
	padding		: 5px;
}

.rechPlancheCelluleSurvol {
	cursor		: pointer;
	color		: #d84646;
	background-color: #ccc;
	padding		: 5px;
}

.rechPlancheImage {
	margin-top	:10px;
	border		: dotted 1px #aaa;
}

/*
 * La combo de changement de page est située dans un DIV dont la classe est rechPlangePageDiv
 * La combo elle-même a pour ID rechPlanchePageCombo
 */

.rechPlangePageDiv {
	width		: 100%;
	text-align	: center;
	margin-top	: 10px;
}

#rechPlanchePageCombo  {
	font		: 11px "Microsoft Sans Serif" , Arial;
}


/* ---------------- Affichage des résultats sous forme de grilles ---------------- */

/*
 * La table a pour classe principale rechGrille
 * L'entête des colonnes a pour classe rechGrilleEntete
 *
 * L'affichage des lignes de données alterne les classes rechGrilleLignesImpaires et rechGrilleLignesPaires
 * La ligne survolée utilise quant-à elle la classe rechGrilleLigneSurvolee
 */

table.rechGrille {
	border-collapse	:collapse;
	border		:1px solid #679eb5;
	
}

table.rechGrille tr{
	border		: 1px solid #679eb5;
	border-spacing	: 1px;
}

table.rechGrille td{
	padding		: 2px;
	border		: thin solid #e6e6e6;
	vertical-align: top;
}


.rechGrilleSeparateur {
	border-left	: solid 1px #fff !important;
	border-right	: solid 1px #fff !important;
}

tr.rechGrilleSeparateur td {
	border		: none;
	background-color: white;
	border-bottom: solid 4px #afafaf;
}

table.rechGrille th{ 
	padding			:3px; 
	text-align		:center; 
	font-weight		:bold; 
	color			:#679eb5;
	background-color	:#e6e6e6;
}

table.rechGrille tr.rechGrilleLignesImpaires td {  
	cursor			:pointer; 
	
}

table.rechGrille tr.rechGrilleLignesPaires td {  
	cursor			:pointer; 
}

table.rechGrille tr.rechGrilleLigneSurvolee td { 
	color			:#000000; 
	cursor			:pointer; 
	background-color:#cfcfcf;
}

.ccenter {
	text-align		: center;
}


/* ---------------- Affichage des détails ---------------- */

/*
 * L'affichage des détails est réalisée via une tansformation XSLT entièrement paramétrable
 * Il s'affiche via une page dont la classe principale (associée à la balise BODY) est rechDetailBody
 * La transformation par défaut utilise une table de 2 colonnes
 * Les libelles ont pour classe rechDetailLibelle et les valeurs rechDetailValeur
 */

.rechDetailBody .rechGrille tr:nth-child(even) {
	background-color: #f0f0f0;
}

.rechDetailTable tr td {
	vertical-align: top;
}


.rechDetailBody {
	font-family		: Verdana, helvetica, arial, sans-serif;
	background		: #fff;
}

.rechDetailLibelle {
	color		: #7f7f7f;
	font-size	: 12px;
	width		: 150px;
	
}

.rechDetailValeur {
	color		: #000;
	font-weight	: normal;
	font-size		: 12px;
}

.rechDetailBody a {
	font-weight		: bold;
	font-size		: 12px;
	color			: #d84646;
	text-decoration : none;
}

.rechDetailBody a:hover {
	text-decoration : underline;
}

.rechDetailConsulter {
	text-align:center;
}

.detailTitre {
	width		: calc(100%-10px);
	font-size	: 12px;
	font-weight	: bold;
	background-color : #679eb5;
	color: white;
	border-bottom: solid 4px #afafaf;
	margin-bottom: 0px;
	padding: 5px;
}

.colCentre {
	text-align:center;
}
.autocomplete {
width:calc(100% + 15px) !important;
}