/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */

/**
 * Feuille de style principale appliquee sur toutes les pages du site de l'Agence de l'eau Rhone-Mediterranee et Corse.
 *
 * File : styles/principale.css
 *
 * CSS Niveau 2
 *
 * LICENSE: Ce programme est mis a disposition selon le Contrat Creative Commons
 * Paternite-NonCommercial-ShareAlike 2.0 France disponible en ligne 
 * http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ ou par courrier postal a  
 * Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
 *
 * @category   Site Web institutionnel de l'Agence de l'eau Rhone-Mediterranee et Corse
 * @author     Nicolas FREVOL <nicolas.frevol@getronics.fr>
 * @copyright  2008 Agence de l'eau Rhone-Mediterranee et Corse
 * @license    http://creativecommons.org/licenses/by-nc-sa/2.0/fr/  Creative Commons Paternite-NonCommercial-ShareAlike 2.0 France
 * @version    1.0.0 du 17/01/2008
 */

/**
 ***********************************
 * Definition des parametres de base
 ***********************************
 */

/* mise a zero des marges de la page HTML */
html {
    margin: 0;
    padding: 0;
}

/* definition du format du corps de la page */
body {
    margin: 0 auto;
    padding: 0;
    width: 990px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;															/* important pour que ie gere bien l'unite em */
}

/* mise à zero des bordures et marges des elements de base de la page */
div, span, p, a, img, form, h1, h2, h3, h4, h5, h6 {
    border: 0em;
    padding: 0em;
    margin: 0em;
}

/**
 ****************************
 * Redefinition des tags HTML
 ****************************
 */
hr {                                                                            /* initialisation par defaut */
    margin: 0;
    padding: 0;
    color: #000000;
    height: 1px;
    background-color: #000000;
    border: 0em;
}

a {
    color: #005A6D;                                                             /* couleur des liens par defaut */
    text-decoration: none;                                                      /* non souligne par defaut */
}

a:visited {
    color: #666666;
}

a:hover {
    text-decoration: underline;                                                 /* souligne lors du survol */
}



h1 {
    font-size: 2em;															/* 22px */
    color: #333333;
    margin: 0;
    padding-bottom: 10px;
    font-weight: normal;
    text-align: left;
	text-indent:43px;
	background: #FFFFFF url("../images/fond-h1.gif") top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 1em;																/* 18px */
    color: #333333;
    font-weight: bold;
    background: #FFFFFF url("../images/fond-h2.gif") top left no-repeat;
    padding-bottom: 10px;
	margin-top: 5px;
	text-indent:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* Permet d'aligner la puce presente sur le h2 si celui ci contient un champ en exposant*/
h2 sup {
    font-size: 0.5em;															/* 8px */                                                            
}

p.titreSeparateur {
	font-size: 1.64em;																/* 18px */
	padding-bottom: 0px !important;
	background: #FFFFFF url("../images/fond-h2.gif") 0px 4px no-repeat;
	text-indent:22px;
    color: #014F61;
    margin-bottom: 12px;
	margin-top: 5px;
    border-bottom: 1px solid #015061;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
    font-size: 1em;															/* 12px */
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0 0 10px 17px;
	background-image: url("../images/fleche-double-h3.gif");
    background-repeat: no-repeat;
	background-position: top left;
    color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;

}

button {
    line-height: 1em;
    background-color: #1C555F;
    border: none;
    font-size: 1em;																/* 11px */
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 1px 4px 1px;
}

#contenu select, #contenu label, #contenu input, #contenu textarea {
    font-size: 1.09em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* formulaires */
#page legend {
	font-size: 1.09em;
	font-weight: bold;
	color: #024E5E;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

#page fieldset {
	padding: 0px 10px 5px 10px;
	border: 1px dashed #333333;
}

#page label {
	font-size: 1em;
	color: #333333;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
}

#page input, #page select , #page textarea {
	font-size: 1em;
	margin-bottom: 0em;
	border: 1px solid #1C555F;
}

#conteneur button, #conteneurSansMenuDroit button {
	background-color: #1C555F;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1.09em;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 1px;
}

/**
 **************
 * Mise en page
 **************
 */

#header {
    width: 989px;
    background-image: url("../images/fond-recherche.gif");
    background-position: right;
    background-repeat: repeat-y;
	border-right: 1px solid #57565B;

}

/* bandeau haut */


/* banniere englobant logo, ecogeste, recherche */
#banniere {
    margin: 0; 
    padding: 0 0 0 34px;
	font-size: 0.69em;															/* 11px */
    width: 955px; 
    overflow: auto;
    background-image: url("../images/fond-banniere.gif");
    background-position: left;
    background-repeat: repeat-y;
}

#logo {
    margin: 0;
    padding: 0 0 0 5px;
    height: auto;
    float: left;
    width: auto;
}

#entete {
    padding: 3px 0 5px 5px;
    font-size: 0.91em;															/* 10px (heritage du font-size de banniere) */
}

#entete ul {
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline;
}

#entete li {
    display: inline;
    color: #57565B;
}

#entete a {
    margin: 6px 5px 3px 5px;
    padding: 0;
}

#entete li a {
    padding: 0;
    margin: 0;
    color: #57565B;
}

#entete li.bandeauHaut a {
    font-weight: bold;
}

img.drapeau {
    display:inline;
	vertical-align: bottom;
}

img.rss {
    display:inline;
	vertical-align: middle;
	padding-right: 5px;
}




#bandeauEcogeste {
    float: left;
    width: 394px;
    margin: 8px 0 0 25px;
    padding: 0 0 0 74px;
    background-image: url("../images/fond-ecogeste.gif");
    background-position: left top;
    background-repeat: no-repeat;
}

p.accrocheOrange {
    font-size: 0.91em;															/* 10px (heritage du font-size de banniere) */
    font-weight: bold;
    padding-left: 30px;
    color: #990000;
}

p.accrocheOrange a{
    color: #990000;
    text-decoration: none;
}

#bandeauEcogeste p.titre {
    font-weight: bold;
    padding-left: 30px;
    font-size: 1.09em;															/* 12px (heritage du font-size de banniere) */
    font-weight: bold;
}

#bandeauEcogeste p.texte {
    padding-left: 30px;
    font-size: 1em;																/* 11px (heritage du font-size de banniere) */
    line-height: 1em;
}

#recherche {
    text-align: right;
	padding-right: 17px;
}

#recherche strong {
	color: #024E5E;
}

#recherche input.texte {
 height: 1.3em;
 width: 11.8em;
 font-size: 1em;																/* 11px (heritage du font-size de banniere) */
 border: 1px solid #1C555F;
 margin: 0;
 padding: 0;
}

#recherche label strong {
    font-size: 1.18em;															/* 13px (heritage du font-size de banniere) */
    margin: 0;
    padding: 0 3px 0 0;
}

#recherche div { 
    margin-bottom: 3px;
}


#recherche button {
    width: 12em;
}

#recherche div.bouton2 {
    padding: 3px 3px 1px 0;
    font-size: 1em;																/* 11px (heritage du font-size de banniere) */
    text-align: right;
}

#recherche div.bouton2 a {
    color: #000000;
    font-weight: bold;
}

/* menu haut */
#menuHaut {
	background-image: url("../images/fond-menu-haut.gif");
    background-repeat: repeat-y;
    background-position: left;
	background-color: #E5EFF1;
	font-size: 0.69em;
	font-weight: bold;
	padding-left: 34px;
	border-right: 1px solid #57565B;
	overflow: auto;
}

#menuHaut a {
	display: block;
	float: left;
	text-align: center;
	color: #005A6D;
}

a:visited {
    color: #005A6D;
}


#menuHaut .ligneSimple {
	padding-top: 8px;
	padding-bottom: 8px;
}

#menuHaut a {
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}

.lbl1 { width: 159px;}
.lbl2 { width: 129px;}
.lbl3 { width: 104px;}
.lbl4 { width: 156px;}
.lbl5 { width: 119px;}
.lbl6 { width: 110px;}
.lbl7 { width: 130px;}

/*.lbl1 { width: 159px;}
.lbl2 { width: 156px;}
.lbl3 { width: 124px;}
.lbl4 { width: 126px;}
.lbl5 { width: 106px;}
.lbl6 { width: 106px;}
.lbl7 { width: 130px;}*/
	
}
#menuHaut a.large {
	width: 146px;
	padding-left: 2px;
	padding-right: 2px;

}

#menuHaut a.petit {
	width: 110px;
	/* padding-left: 2px;
	padding-right: 2px; */
    text-align: center;
}

#menuHaut a.dernier {
	padding-left: 8px; 
    text-align: center;
}


#menuHaut a.sansBordure {
	border-right: none;
}

#menuHautDroite {
    width: 160px;
	float: left;
}

/* conteneur */
#conteneur {
    width: 989px;
    background-image: url("../images/filet-double-et-simple.gif");              /* donne l illusion que le menu gauche continue jusqu en bas */
    background-position: left;                                                	/* fond positionne a 12em du bord car le flux commence en dehors de l ecran */
    background-repeat: repeat-y;
	border-right: 1px solid #57565B;
	overflow: auto;																/* utile pour voir le filet double */
}

#conteneurSansMenuDroit {
    width: 989px;
    background-image: url("../images/filet-double-conteneur.gif");              /* donne l illusion que le menu gauche continue jusqu en bas */
    background-position: left;                                                	/* fond positionne a 12em du bord car le flux commence en dehors de l ecran */
    background-repeat: repeat-y;
	border-right: 1px solid #57565B;
	overflow: auto;																/* utile pour voir le filet double */
}


/* Styles relatifs aux menus deroulants des colonnes de gauche et de droite */
.menuColonneInvisible {
    display: none;
}


/* -------------------------------------------------------- */
/* ------------------  MENU GAUCHE   ---------------------- */
/* -------------------------------------------------------- */
#menuGauche {
    width: 197px;
    float: left;
	padding-top: 10px;
	background-image: url("../images/menu-gauche-haut.gif");
    background-position: top left;
    background-repeat: no-repeat;
}

#menuGauche ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
    background-image: url("../images/filet-double.gif");
    background-position: left;
    background-repeat: repeat-y;
	background-color: #F5F5F5;
	border-right: 1px solid #57565B;
}

#menuGauche ul li ul {
	border: none;
}

#menuGauche ul li {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.75em;                                                          /* 12px */
    line-height: 1em;                                                           /* pour ne pas avoir de difference avec IE */
}

#menuGauche a, #menuGauche a:visited {
    color: #000000;
	display: block;
	height: 1%;
}

#menuGauche li.parente a {
	padding-right: 10px;
}

#menuGauche ul li ul {
    margin: 0 0 14px -35px;
    font-weight: bold;
    padding: 4px 0 0 35px;
}

#menuGauche ul li ul li {
	font-size: 0.77em;	/* 11px */
	line-height: 1.1em;
	padding: 0 0 3px 0;
}

#menuGauche ul li ul li a {
	padding-left: 4px;
	padding-bottom: 2px;
}

#menuGauche ul li ul li ul {
	margin-left: -35px;
	margin-bottom: 0;
}

#menuGauche ul li ul li ul li {
	font-size: 1em;
}

#menuGauche ul li ul li ul li.smenuGauche {
    margin: 0 0 0 3px;
    padding: 5px 0 0 7px;
	list-style-type: none;
	background: url("../images/puce-tiret.gif") 0 4px no-repeat;
    line-height: 1.2em;
	font-weight: normal;
}

#menuGauche ul li ul li.parente {
  	/* background-image: url("../images/fleche-grise.gif");
    background-position: top right;
    background-repeat: no-repeat; */
}



#menuGauche li.titre1 {
    margin: 15px 0 0 0;
    padding: 0 0 0 35px;
    background-image: url("../images/filet-double-bleu-fonce2.gif");
    background-position: left;
    background-repeat: repeat-y;
    font-size: 0.81em;                                                           /* 13px */
	line-height: 1.2em;
    font-weight: bold;
    color: #2F2E32;
}

#menuGauche li.titre1 span.libTitre1 {
	display: block;
	background-color: #A9E2E2;
	padding-top: 5px;
	margin-left: -1px;
	padding-left: 4px;
}

#menuGauche li.titre1 li a:hover, #menuGauche li.titre1 li.parente a:hover {
	background-color: #A9E2E2;
}

#menuGauche li.titre1 li.parente ul li a:hover {
	background-color: #A9E2E2;
	background-image: none;
}

#menuGauche li.titre2 {
    margin: 0em;
    padding: 0 0 0 35px;
    background-image: url("../images/filet-double-bleu-clair.gif");
    background-position: left;
    background-repeat: repeat-y;
    font-size: 0.81em;                                                           /* 13px */
	line-height: 1.4em;
    font-weight: bold;
    color: #2F2E32;
}

#menuGauche li.titre2 span.libTitre2 {
	display: block;
	background-color: #CAEAF0;
	padding-top: 15px;
	margin-left: -1px;
	padding-left: 4px;
}

#menuGauche li.titre2 li a:hover {
	background-color: #CAEAF0;
}



#menuGauche li.titre2 li.parente a:hover {
	background-color: #CAEAF0;
	/* background-image: url("../images/fleche-grise.gif");
    background-position: top right;
    background-repeat: no-repeat; */
}

#menuGauche li.titre2 li.parente ul li a:hover {
	background-color: #CAEAF0;
	background-image: none;
}


/* -------------------------------------------------------- */
/* ------------------    CONTENU     ---------------------- */
/* -------------------------------------------------------- */

#contenu {
    width: 623px;
	float: left;
	padding-top: 5px;
	font-size: 0.69em;	/* 11px */
	color: #333333;
	overflow-x: hidden;
}

#contenu p {
	padding-bottom: 10px;
}

#conteneurSansMenuDroit #contenu {
	width: 784px;
}

.contenuGauche {
	width: 310px;
	padding-right: 5px;
	float: left;
}

.contenuDroite {
	width: 260px;
	padding-left: 4px;
	float: left;
}

/* fil d arianne */
#filAriane {
    margin: 0;
    padding: 0px 15px 27px 15px;
    font-size: 0.91em;
	font-style: italic;
}

#page {
    padding: 0 15px 0 15px;
}

p.intro {
    font-size: 1em;                                                          /* 12px */
	line-height: 1.3em;
    color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 13px !important;
}

.csc-textpic-text {
	overflow: auto;
}

.csc-textpic-caption {
	font-size: 0.82em;
	font-style: italic;
	color: #006666;
	padding-bottom:10px;
}

.blocContenu {
	padding-bottom: 15px;
	clear: both;
	overflow: auto;
}

.blocGch {
	width: 280px;
	padding: 0 10px 0 0;
	float: left;
	overflow: auto;
	clear: left;
}

.blocDrt {
	width: 280px;
	padding: 0 0 0 0;
	clear: right;
	overflow: auto;
}

.blocGch p.bodytext, .blocDrt p.bodytext {
	text-align: left !important;
}

div.imgDrt {
    margin: 0.3em 0 0 0;
    padding: 0 0 0 0.5em;
    float: right;
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 10px;
}

div.imgGch {
    margin: 0.3em 0 0 0;
    padding: 0 0.5em 0 0;
    float: left;
}

#contenu ul, #contenu ol {
    font-size: 1em;                                                          /* 11px */
    line-height: 1.2em;
    margin-top: 0em;
	color: #333333;
	margin-bottom: 0;
	padding-bottom: 7px;
}

#contenu sup {
	line-height: 0.5em;
}

#contenu ul li, #contenu ol li {
    padding: 0 0 3px 0;
    line-height: 1.2em;
}

#contenu ul ul {
    font-size: 1em;
    padding-top: 0.3em;
	list-style-image: url("../images/puce-tiret.gif");
}

#contenu dd ul, #contenu dd ol {
	font-size: 1em;
}

#contenu a {
    text-decoration: underline;
}

#contenu a:visited {
    color: #666666;
    text-decoration: underline;
}

#contenu a:hover {
    text-decoration: none;                                                 /* souligne lors du survol */
}


div.finContenu {
	font-size: 1em;
	font-weight: bold;
    text-align: right;
	padding: 15px 15px 0 0;
	clear: both;
	overflow: hidden;															/* sinon bug d'affichage quand le focus est sur le lien haut de page */
}

/* -------------------------------------------------------- */
/* ------------------  MENU DROITE   ---------------------- */
/* -------------------------------------------------------- */

#menuDroite {
	width: 169px;
	float: left;
	background-image: url("../images/filet-simple.gif");
	background-position: left;
    background-repeat: repeat-y;
	overflow: hidden;
}

div.blocDirect {
	background-image: url('../images/fond-en-direct.gif');
	background-position: 0 2px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding: 20px 0 4px 16px;
	font-size: 0.81em;
}

div.blocDirect span.titre {
	font-weight: bold;
	font-size: 1em;
}

/* Permet de coller le label du formulaire endirect a la liste lorsque l'on zoom sous IE */
/*#enDirect{
    height: 4.4em;
}*/

#enDirect button {
	font-size: 0.81em;
}

#menuDroite label {
    font-size: 1em;
}

#menuDroite a, #menuDroite a:visited {
    color: #000000;
	display: block;
	height: 1%;
}
#menuDroite select, #menuDroite label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menuDroite select#vousEtes {
    width: 15em;
    margin-bottom: 0.4em;
	font-size: 0.75em;
}

#menuDroite ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-image: url("../images/filet-simple.gif");
    background-position: left;
    background-repeat: repeat-y;
}

#menuDroite li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.85em;															/* 11px  (heritage du font-size de #menuDroite li.titreX) */
}



#menuDroite ul li ul {
    background-color: #FFFFFF;
    margin-left: -19px;
    font-weight: bold;
    padding: 4px 0 6px 18px;													/* decalage gauche general des ul du menuDroite */
}

#menuDroite ul li ul li {
    line-height: 1.15em;
    padding: 4px 0 4px 0;
	font-size: 0.77em;															/* 10px */
}

#menuDroite ul li ul li a {
	padding-left: 6px;
	padding-bottom: 2px;
}

#menuDroite ul li ul li.parente {
	/* list-style-image: url("../images/fleche-grise2.gif"); */


}

#menuDroite ul li ul li ul {
    margin: 0;
    padding: 0 0 0 12px;
    background: none;
	font-weight: normal;
}

#menuDroite ul li ul li.smenuDroite {
    margin: 10px 0 0 5px;
    padding: 0px 0 0 0;                                                   		/* 6px 0 0 15px */
    font-size: 1em;                                                             /* 11px */
	list-style: disc;
	list-style-image: none;
}

#menuDroite li.titre1 li a:hover {
	background-color: #C0EAD9;
}

#menuDroite li.titre2 li a:hover {
	background-color: #FFCC66;
}

#menuDroite li.titre3 li a:hover {
	background-color: #CCCCCC;
}

#menuDroite li.titre4 li a:hover {
	background-color: #CCCCFF;
}

#menuDroite li.titre1 {
    margin: 0;
    padding: 14px 0 0 19px;
    font-weight: bold;
    background-image: url("../images/filet-simple-vert.gif");
    background-position: left;
    background-color: #C0EAD9;
	color: #2F2E32;
    background-repeat: repeat-y;
    font-size: 0.81em;
	line-height: 1.4em;
}

#menuDroite li.titre1 span.libTitre1 {
	padding-left: 4px;
}

#menuDroite li.titre1 ul li a {
	padding: 0px;
	text-align: center;
}

#menuDroite li.titre2 {
    margin: 0;
    padding: 14px 0 0 19px;
    font-weight: bold;
    background-image: url("../images/filet-simple-orange.gif");
    background-position: left;
    background-color: #FFCC66;
	color: #2F2E32;
    background-repeat: repeat-y;
    font-size: 0.81em;
	line-height: 1.4em;

}

#menuDroite li.titre2 span.libTitre2 {
	padding-left: 4px;
}

#menuDroite li.titre3 span.libTitre3 {
	padding-left: 4px;
	display: block;
}

#menuDroite li.titre4 span.libTitre4 {
	padding-left: 4px;
}

#menuDroite li.titre3 {
    margin: 0em;
    padding: 0px 0 0 19px;
    font-weight: bold;
    background-image: url("../images/filet-simple-gris.gif");
    background-position: left;
    background-color: #CCCCCC;
	color: #2F2E32;
    background-repeat: repeat-y;
    font-size: 0.81em;
	line-height: 1.2em;
}

#menuDroite li.titre4 {
    margin: 0em;
    padding: 14px 0 0 19px;
    font-weight: bold;
    background-image: url("../images/filet-simple-violet.gif");
    background-position: left;
    background-color: #CCCCFF;
	color: #2F2E32;
    background-repeat: repeat-y;
    font-size: 0.81em;
	line-height: 1.4em;
}





#piedDePage {
    text-align: left;
    clear:both;
    margin:0;
    padding: 0 0 10px 0;
	background-image: url("../images/filet-double-et-simple.gif");              /* donne l illusion que le menu gauche continue jusqu en bas */
    background-position: left;                                                	/* fond positionne a 12em du bord car le flux commence en dehors de l ecran */
    background-repeat: repeat-y;
	border-right: 1px solid #57565B;
	overflow: auto;
}

#piedDePage p.certification_gauche, #piedDePageLarge p.certification_gauche {
   margin-right:40px;
    padding: 0 0 0 35px;
    text-decoration: none;
	background-image: url("../images/filet-double-et-simple.gif");
    background-position: left;
    background-repeat: repeat-y;
	float: left;
}

#piedDePage p.certification_droite, #piedDePageLarge p.certification_droite {
    margin: 0;
    padding: 0 0 0 35px;
    text-decoration: none;
	float: right;
}

#piedDePageLarge {
    text-align: center;
    clear:both;
    margin:0;
    padding: 0 0 10px 0;
	background-image: url("../images/filet-double-conteneur.gif");              /* donne l illusion que le menu gauche continue jusqu en bas */
    background-position: left;                                                	/* fond positionne a 12em du bord car le flux commence en dehors de l ecran */
    background-repeat: repeat-y;
	border-right: 1px solid #000000;
	overflow: auto;
}

div.contact {
    font-size: 0.63em;
    text-align: center;
	width: 585px;
	margin: 15px 15px 0 15px;
    clear: both;
    border-bottom: 1px solid #000000;
    padding: 15px 0 10px 0;
}

#piedDePageLarge div.contact {
	width: 750px;
}

#piedDePage a, #piedDePageLarge a {
    font-size: 0.6em;
}

#piedDePage ul, #piedDePageLarge ul {
    margin: 0em;
    padding: 0em;
    display: inline;
}

#piedDePage li, #piedDePageLarge li {
    display: inline;
    padding: 0em;
    margin: 0em;
    width: auto;
    color: #57565B;
}

#piedDePage li a, #piedDePageLarge li a {
    padding:  0;
    margin-bottom: 0em;
    color: #57565B;
}

#piedDePage li.bandeauBas a, #piedDePageLarge li.bandeauBas a {
    font-weight: bold;
    color: #57565B;
}

/**
 ********************************
 * Styles generiques (classes)
 ********************************
 */

.centre, .align-center {
    text-align: center !important;
}

.droite, .align-right {
    text-align: right !important;
}

.gauche, .align-left {
    text-align: left !important;
}

.milieu {
    vertical-align: middle;
}

.initFlux {
    clear: both;
}

.initFluxDroite {
    clear: right;
}

.flottantGauche, .float-left {
    float: left;
}

.flottantDroite, .float-right {
    float: right;
}

.fondBlanc {
    background-color: #FFFFFF;
}

.fondBleuFonce {
    background-color: #99B9C0;
}

.fondBleuClair {
    background-color: #E5EFF1;
}

.rouge {
	color: #FF0000 !important;
	border-color: #FF0000 !important; 
}

.violet {
	color: #333399 !important;
}

.noBorder {
	border: none !important;
}

li .sansPuce {
    list-style: none;    
}

/**
 ********************************
 * Styles personnalises (classes)
 ********************************
 */
 
 input.btn {
    padding: 0.1em 0.2em 0.1em 0.2em;
    line-height: 1em;
    background-color: #1C555F;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.surtitre {
    font-size: 1em;
    font-weight: bold;
    margin: 0em;
    padding: 1em 0 0 0;
    color: #57565B;
}


/* mise en  forme du glossaire */
h1 .glossary, h2 .glossary, h3 .glossary, h4 .glossary, #filAriane .glossary, #menuGauche .glossary, #menuDroite .glossary, .intro .glossary {
	text-decoration: none !important;
	color: #333333 !important;
}

dfn, abbr, acronym {
	border: none;
}

h1 dfn,
h1 abbr,
h1 acronym,
h2 dfn,
h2 abbr,
h2 acronym,
h3 dfn,
h3 abbr,
h3 acronym,
h4 dfn,
h4 abbr,
h4 acronym,
#filAriane dfn,
#filAriane abbr,
#filAriane acronym,
#menuGauche dfn,
#menuGauche abbr,
#menuGauche acronym,
#menuDroite dfn,
#menuDroite abbr,
#menuDroite acronym,
.intro dfn,
.intro abbr,
.intro acronym
{
	text-decoration: none !important;
	font-style: normal !important;
	border: none;
}

.gloss dt {
    font-size: 1em;                                                          /* 11px */
    color: #014F61;
    font-weight: bold;
    background: #FFFFFF url("../images/fond-h2.gif") 0px 2px no-repeat;
	text-indent:22px;
	padding: 2px 0 0 0;
    margin: 15px 0 0.5em 0;
    border-bottom: 0.05em solid #000000;
}

.gloss dd {
    font-size: 1em;                                                          /* 12px */
    line-height: 1.2em;
    text-align: justify;
    padding: 0em;
    margin: 0em;
}

/* mise en forme pour les redevances */
form#elevages li label {
	float: none;
}

form#elevages li select, form#elevages li input, form#elevages table input {
	margin-bottom:0;
}

ul.redevance {
	list-style: none;
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
}

ul.redevance li {
	overflow: auto;
	padding: 0 !important;
	
}

#conteneurSansMenuDroit .intitule {
	width: 440px;
}

.intitule {
	padding: 5px 5px 5px 15px;
	float: left;
	border-right: 4px solid #FFFFFF;
}

#conteneurSansMenuDroit .taux {
	width: 180px;
}

.taux {
	text-align: center;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* mise en forme pour les actualités */
.latestNews .blocGch p, .latestNews .blocDrt p {
	text-align: left !important;
}
.indent {
	 padding-left: 30px;
}

/* espacement entre chaque document pour liste de fichier DAM */
.tx-damfrontend-pi2 ul li {
	margin-bottom : 10px !important;
}

/* flux RSS */
.titleRSS {
	font-size: 1.3em;
	color: rgb(62, 52, 47);
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em; 
}

.descriptionRSS {
font-size: 1.1em; color: rgb(96, 96, 96); 
}

.lienRSS {
border-style: initial; border-color: initial; font-size: 1.1em;  
}