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

/**
 * Feuille de style principale appliquee a la page d'accueil du site eau2015.fr.
 *
 * File : styles/principale.css
 *
 * CSS Niveau 2.1
 *
 * 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 eau 2015 de l'Agence de l'eau Rhone-Mediterranee et Corse
 * @author     Sebastien MIZRAHI <sebastien.mizrahi@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 07/05/2008
 */


/*
Couleurs utilisees :
- blanc                 :   #FFFFFF     (fond de texte)
- bleu nuit             :   #114580     (fond de page et texte sur bulle)
- bleu ciel				:	#BCE4F6		(couleur de la bulle)
- bleu ciel fonce		:	#009EE0		(couleur du texte bleu sur fond de page)
*/


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

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

/* definition du format du corps de la page */
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #114580;
	color: #FFFFFF;
}

/* mise a zero des bordures et marges des elements de base de la page */
div, span, p, a, img {
    border: 0em;
    padding: 0em;
    margin: 0em;
}

h1 {
	font-weight: normal;
	padding: 0em;
    margin: 0em;
}

/**
 ***********************************
 * Definition des elements de page
 ***********************************
 * Partie superieure
 * Ordre des elements
 ***********************************
 */

/* Bulle de fond bleue */
#bulle {
	background-image: url("../images/bulle.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0em;
	margin: 0em auto;
	height: 19.5em;
	width: 50em;
}


#cadreGauche {
	background-image: url("../images/cadre-gauche.gif");
	background-position: left;
	background-repeat: no-repeat;
	height: 19.5em;
	float: left;
	padding: 0em 1.6em 0em 0em;
	margin: 0em;
}

/* div contenant les images de gauche */
#cadreImages {
	padding: 4em 0em 0em 1em;
	position: relative;	
}

/* Texte de bienvenue de la bulle bleue */
#texteBulle {
	padding-top: 5em;
	float:left;
}

#texteBulle h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #114580;
	background-color: #BCE4F6;
	margin-left: 1em;
}

#texteBulle h1 span.bienvenue {
	font-size: 1.5em;
}

/* div contenant les images republique francaise et ministere */
#cadreRf {
	font-size: 0.75em;
	float: left;
	margin: 0.83em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	position: relative;
	left: 1.47em;
}

/* div contenant les images de consultation et le logo de l'Agence de l'Eau */
#cadreConsultAe {
	margin: 0.63em 0em 0em 0.63em;
	text-align: right;
	line-height: 0.5em;
	padding-right: 0.4em;
}

/**
 ***********************************
 * Partie inferieure
 * Ordre des elements
 ***********************************
 */

#cadreBas {
	padding: 1.5em 1em 0em 0em;
	margin: 0em auto;
	height: 19.5em;
	width: 50em;
}

/* Partie contenant le texte a gauche */
#cadreBasGauche{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width: 45%;
	text-align: right;
	line-height: 1.5em;
	float: left;
}

#cadreBasGauche p {
	margin-bottom: 0.6em;
}

#cadreBasGauche p strong.grandePolice {
	font-size: 1.2em;
	line-height: 1.5em;
}

/* Partie contenant les elements de droite */
#cadreBasDroite {
	float: left;
	margin-left: 5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#cadreBasDroite p {
	margin-left: 5em;
}
#cadreBasDroite p.margeHaut {
	margin-top: 2em;

}

#cadreBasDroite span.flecheBleue {
	position: relative;
	top: 0.18em;
}

#cadreBasDroite div.flecheVerte {
	float: left;
	position: relative;
	left: 2em;
	top: 1.6em;
}

#cadreBasDroite div.logoComite {
	position: relative; 
	top: 0.63em; 
	margin-left: 5em;
}

span.texteBleu {
	color: #009EE0;
}