/*
// *****************************************************************************
// PARTIE STANDARD A NE PAS SUPPRIMER
// *****************************************************************************

// -----------------------------------------------------------------------------
// GENERALTES
// -----------------------------------------------------------------------------
*/

a:link		{ text-decoration: underline; color:#000000; }
a:visited	{ text-decoration: underline;  color:#000000; }
a:hover		{ text-decoration: underline; color:#000000;  }


/*
// -----------------------------------------------------------------------------
// FONT STANDARD
// -----------------------------------------------------------------------------
*/
.texte
{ font-size:100%;  }
.titre
{ color:#F58225;}
.sous-titre
{ color:#F58225;}
.lien
{ color :  #000000; }

.texte-erreur
{ color:#cc0000; }

.texte-rouge{color : #bd0005;}
/*
// *****************************************************************************
// FIN PARTIE STANDARD A NE PAS SUPPRIMER
// *****************************************************************************

// -----------------------------------------------------------------------------
// DEFINITION DES ELEMENTS PAR DEFAUT
// -----------------------------------------------------------------------------
*/
	div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
	abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
	img 			{ border:0; }
	form 			{ margin:0; padding:0; border:none; }

	h1,h2,h3,h4		{ margin:0; padding:0;
					  border:none;
					  font-family: verdana,arial,helvetica,sans-serif;
					  color:  #bd0005;
					}

	h1				{ font-size:140%; }
	h2				{ font-size:130%; }
	h3				{ font-size:110%; }
	h4				{ font-size:100%;}

	ul, li{ margin:0; padding:0; list-style-type:none; }
	h1.accueil{display:none;}
/*
// -----------------------------------------------------------------------------
// EWB_VUE EN BACK OFFICE
// -----------------------------------------------------------------------------
*/
div#ewb_vue table {width:100%; font-size:100%; font-family: verdana,arial,helvetica,sans-serif;}
/*
// *****************************************************************************
// DEBUT STYLE SITE CLIENT
// *****************************************************************************
// -----------------------------------------------------------------------------
// DECLARATIONS GENERALES
// -----------------------------------------------------------------------------
*/
html, body {
    height: 100%;
}


body { margin : 0;
	text-align:center;
	padding : 0;
	height:100%;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color:#ffffff; font-size:0.9em; color:#000000;
}


table#page-accueil {font-size:0.7em;}


/* ----- APPLICATION DU MÊME STYLE DE BASE AU CELLULE DE TABLEAU ----*/
td {
	font-family: verdana,arial,helvetica,sans-serif;
	 color:#000000;
	}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV SKIP QUI PERMET DE SAUTER LE MENU DE NAVIGATION ET D'ACCEDER DIRECTEMENT AU CONTENU.
// -----------------------------------------------------------------------------
*/

div#skip-top {position: absolute; margin:0; padding:0; display: none;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV PRINCIPALE CONTAINER QUI CONTIENT TOUTE LA PAGE. ELLE N'INTERVIENT PAS DANS HANDILOG.
// SA TAILLE PEUT ÊTRE DEFINIE EN PIXELS ET TOUTES LES DIV QU'ELLE CONTIENDRA POURRONT ÊTRE DEFINIES EN POURCENTAGE;
// -----------------------------------------------------------------------------
*/
	div#container {
		margin : 0px;
		padding-top:10px;
		width:770px;
		}

		html>body #container { width:770px; height: auto; margin:0 auto; }
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV HAUT
// -----------------------------------------------------------------------------
*/

#haut-pi {float:left;text-align:right; width:540px;margin:20px 0 0 8px;font-size:0.7em;}
#haut-pi a {float:right; color:#000000;}
#haut-pi a:hover{text-decoration:none;}

#bandeau-top{float:left;width:591px; margin:10px 0 10px 8px; text-align:right;}


#haut{float:left;text-align:left; width:453px;margin:20px 0 0 0px;}

#haut a {float:right; color:#000000;margin-right:7px;}
#haut a {float:right; color:#000000;margin-right:0;}
.logo_partage{float:right;border:0;margin:8px 0 0 0; padding:0;}
.separation-jaune-top{background: url(../e_img/charte/separation-jaune-top.gif) 0px 27px repeat-x;}


/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV LOGO
// -----------------------------------------------------------------------------
*/
	#logo,#logo-pi  	 { display:block; float:left; margin:20px 0px 0 0px; padding:0px 20px 0 20px; }
	#logo-pi{ padding:0px 0px 0 20px;}
	#logo img, #logo-pi img{ display:block; }

/*
// -----------------------------------------------------------------------------
// fond gris
// -----------------------------------------------------------------------------
*/
.rbroundbox { background: #efefef; margin:10px 0;}
.rbtop div { background:url(../e_img/charte/coin-ht-g-gris.gif) no-repeat top left; }
.rbtop { background: url(../e_img/charte/coin-ht-dr-gris.gif) no-repeat top right; }
.rbbot div { background: url(../e_img/charte/coin-bas-g-gris.gif) no-repeat bottom left; }
.rbbot { background: url(../e_img/charte/coin-bas-dr-gris.gif) no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 9px;
font-size: 1px;
}
.rbcontent { margin: 0 9px; }

#economiseur{float:left; width:385px; padding-left:9px;}
#economiseur .image{float:left; padding-right:10px;}

#fd-ecran{float:right; width:345px; padding-left:9px;}
#fd-ecran a,#fd-ecran a:hover,#fd-ecran a:visited,#fd-ecran a:link{text-decoration:none;}
#fd-ecran div{float:left; width:88px;margin-right:5px;}
#fd-ecran ul{margin:0px; padding:0px;}
#fd-ecran ul li{margin:0px; padding:0px;}
#fd-ecran ul li span.survol a{display:block;color:#000000; padding:0 0 0px 5px;}
#fd-ecran ul li span.survol a:hover{background:#bd0005;color:#ffffff; text-decoration:none;}

#e-cards {float:left;width:403px;}
#e-cards h3{margin:0; padding:0;color:#bd0005; font-weight:bold;font-size:1.3em; }
#e-cards .rbcontent { margin: 0 9px; padding-left:9px; }
#e-cards.rbroundbox {margin:0px 0px 9px 0px;}
#e-cards li{display:inline;width:50%;}
#e-cards table{font-size:1.3em;}
span.serie{color:#bd0005; font-weight:bold;}
span.serie2{color:#bd0005; font-weight:bold;font-size:0.8em;}
#e-cards a,#e-cards a:hover,#e-cards a:visited{color:#000000; font-weight:bold;text-decoration:underline;}

#quizz{float:right;width:353px; height:216px;background: url(../e_img/charte/carte_quizz.jpg) no-repeat; margin-bottom:5px;}
#quizz a img{margin:100px 0 0 225px; }
#quizz h2{display:none;}

#don h2{font-size:140%; margin:0; padding:0}
#don h3{margin:0; padding:0px 0px 2px 0;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CONTENU - PAS DE DEFINITION NECESSAIRE
// -----------------------------------------------------------------------------
*/
	div#contenu { padding:0; margin:0px; text-align:left; float:left; width:770px;font-size:0.8em;}
	div#contenu h2 {margin:10px 0 15px 0;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV GAUCHE - PAS UTILISE DANS HADILOG
// -----------------------------------------------------------------------------
*/

div#gauche { width:250px;text-align:left; padding:20px 0;}
div#gauche p{margin:0;padding:0 2px;}
div#gauche h2,h3{margin:5px 2px;}

div#enfants{color:#ffffff;width:249px;}
div#enfants a, div#enfants a:visited{color:#ffffff; text-decoration:underline;}
div#enfants-fd{background-color:#bd0005;padding:4px;}
div#enfants h2{background: url(../e_img/charte/fleche-fd-rouge.gif) no-repeat 140px 6px; padding-bottom:2px;}
div#enfants h3{color:#ffffff;}

#journees a, #surprises a, #journees a:visited, #surprises a:visited {color:#000000; text-decoration:underline;}
#journees h2{background: url(../e_img/charte/fleche-fd-gris.gif) no-repeat 175px 6px; }
#surprises h2{background: url(../e_img/charte/fleche-fd-gris.gif) no-repeat 115px 6px;}

h2 a:hover{background: url(../e_img/charte/fleche-fd-gris-on.gif)no-repeat 180px 6px;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV DROITE
// -----------------------------------------------------------------------------
*/
	div#droite {float:left;
		margin-left:2px;
		 width:507px;
		text-align:left;
		height:auto;
		}



.image{float:left;padding-right:10px;}
.texte-accole{float:left; width:75%;}
.separation-rouge{margin:5px 0;background: url(../e_img/charte/separation-rouge.gif) repeat-x; width:100%;height:2px; }

/*
// -----------------------------------------------------------------------------
// MISE EN FORME PAGINATION
// -----------------------------------------------------------------------------
*/
/*div#pagination { padding:0; width:100%; margin:0; text-align:center;  }
div#pagination li { margin:0; padding:0; text-align:left; float:left; display:inline; }
div#pagination li div.element {margin:0; padding:0; text-align:center; width:90px;  }
*/

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV BOTTOM - FRONT ET HANDILOG (MENU GAUCHE) - NE PAS SUPPRIMER
// -----------------------------------------------------------------------------
*/

	div#bottom {width:770px;
		margin :0px;
		padding:0;
		font-size:85%;
		height:auto;
		voice-family:"\"; }\""; voice-family:inherit;
		text-align:center;
		/*background:black;*/
		}



/*
// -----------------------------------------------------------------------------
// MISE EN FORME DU BOTTOM MENU - FRONT ET HANDILOG (MENU GAUCHE)
// -----------------------------------------------------------------------------
*/
	#bottom_menu {padding:0px 0 0 0; width:100%;}

	#bottom_menu ul { margin:0 !important; border:none; padding:0; padding:0px;}
	#bottom_menu li { display:inline; text-align:center; margin:0; border:none; height:26px;list-style:none;}

	#menu-haut {padding:0px 0 0 0; width:100%; float:left;text-align:left; background:url(../e_img/charte/fd-menu-ht.gif) right no-repeat;}
	#menu-haut ul { margin:0 !important; border:none; padding:0; padding:0px;}
	#menu-haut li { display:inline; text-align:center; margin:0; border:none; height:26px;list-style:none;}




/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV ECEDI - FRONT
// -----------------------------------------------------------------------------
*/

	.ecedi-24{font-size:0.7em;}
	.ecedi-24 a,.ecedi-24 a:visited {text-align:center; text-decoration:none; color#000000;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DES FORMULAIRES
// -----------------------------------------------------------------------------
*/

div#contact{width:440px;margin-left:200px;}
div#contact h2{font-size:180%; }

	div#formulaire {
		margin:0;
		padding:0;

		width:440px;
		}

#formulaire .label {float:left;width:110px;padding-top:2px;text-align:right;font-weight:bold; margin:0;}

input.formu,textarea.formu,select.formu{
       font-size:12px; font-family : verdana,arial,sans-serif;width:290px; margin:2px 2px 2px 10px;}

.combo-box{vertical-align: bottom;border:none;}
.label-combo{float:left; margin-left:10px;}
	.texte
{
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align:justify;
}

.list{margin-left:10px;}

.texte-petit, a.texte-petit, a.texte-petit:visited
{
   font-family : verdana,arial,sans-serif;  text-align:justify;
}

.texte-petit2
{
   font-family : verdana,arial,sans-serif; text-align:justify;
}

.chp-obligatoire{font: bold 14px Arial, Helvetica, sans-serif;color:#F60;}