/********   Partagenda    *********/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	/* pour centrer #container - IE5 ne supporte pas margin:auto */
}

#container {
	width: 770px;
	/*background-color:#66CC22;*/
	text-align: left;
	/* pour rétablir l'alignement par défaut à gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
}

#contenu {
background-color:#006699;
	width: 770px;
	display: inline;
	float:left;
}

#ContainerNewsletter {
	text-align: left;
	/* pour rétablir l'alignement par défaut à gauche */
	margin: 0px auto;
	margin-top: 0;
	width: 600px;
	padding: 0 0 0 0px;
	display: block;
}


BODY { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px;}
P, TD, TEXTAREA  { font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
LI {font-size : 11px;  list-style-image: url(../img/puce_bleue_petite.gif); padding-bottom: 10px;}
UL {margin-left: 20px;}
INPUT { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;}
SELECT {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;}
HR {color: #4FB4E8}

.BarTitle { font-size: 18px; font-weight: bold; color: #0075AF;}

img{
	border: none;
}

/******** Liens *********/

a:active {  color: #1C7CD8; text-decoration: underline;}
a:link { color: #1C7CD8; text-decoration: underline;}
a:visited {  color: #1C7CD8; text-decoration: underline;}
a:hover { color: #1C7CD8; text-decoration: none;}


/******** Navigation générale *********/

.MessageErreur{
color: #CC0000;
font-weight: bold;
}


#Logo{
	width: 197px;
	display: inline;
	float: left;
}

#TitrePage{
	width: 480px;
	display: inline;
	float: left;
}

.TitreDemoTexte{
	font-size: 14px;
	font-weight: bold; 
	color: #000000;
}

.NomFonctionnalite{
	font-size: 14px;
	font-weight: bold; 
	color: #000000;
	padding-bottom: 20px;
}

#BandeauHaut{
	width: 770px;
	border: #666666 solid 1px;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

#BandeauHautNu{
	width: 770px;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#BandeauHautNu2{
	width: 600px;
	display: inline;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#BandeauHautNu3{
	width: 770px;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;

}

#TexteBandeauHaut{
	width: 288px;
	display: inline;
	float: left;
}

#RechercherDisplay{
	width: 770px;
	display: inline;
	float: center;
	padding-top: 10px;
}

#RechercherGauche{

	width: 150px;
	display: inline;
	float: left;
	padding-top: 10px;
}


#RechercherDroite{
	width: 617px;
	display: inline;
	float: left;
	padding-top: 10px;
}

#SeparationHorizontale{
	width: 770px;
	background-image:url(../img/separation_pointilles_horiz.gif);
	display: inline;
	float: left;

}

#SeparationHorizontale2{
	width: 600px;
	background-image:url(../img/separation_pointilles_horiz.gif);
	display: inline;
	float: left;

}

#Navigation, #NavigationBas {
	width: 573px;
	display: inline;
	float: left;
	font-weight: bold;
	padding-top: 14px;
}

#Navigation a, #Navigation a:visited, #Navigation a:hover,{
	color: #000000;
	text-decoration: underline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#Navigation a:hover{
	color: #1C7CD8; 
	text-decoration: none;
}


/* Lien bleu qui represente la page sur laquelle on se trouve */
.NavigationSelect{
color: #1C7CD8;
font-weight: bold;
text-decoration: none;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}


#NavigationBas{
	width: 770px;
	font-weight: normal;
	padding-bottom: 10px;
}

#NavigationBas a {
	color: #000000;
	text-decoration: underline;
}

#NavigationBas a:hover{
	color: #1C7CD8; 
	text-decoration: none;
}

#envoyerami{
	width: 385px;
	display: inline;
	float: left;
	background: url(../img/envoyer_page_picto.gif); 
	background-repeat: no-repeat; 
	background-position:70px;
	padding: 12px;
	
}

#imprimer{
	width: 385px;
	display: inline;
	float: left;
	background: url(../img/imprimante.gif);
	background-repeat: no-repeat; 
	background-position: 130px;
	padding: 12px;
}


/******** Choix des fonctionnalites *********/

.Liste {
	width: 210px;
	display: inline;
	float: left;
	padding-top: 10px;
}

.Liste2 {
	width: 260px;
	display: inline;
	float: left;
	padding-top: 10px;
}


.BoutonsCentre {
width: 290px;
	display: inline;
	float: left;
text-align: center;
	padding-top: 10px;
}






/******** Blocs couleur *********/

.Bloc01{
	width: 100%;
	background: #FDF6C6;
	border: #FE3F07 solid 2px;
	padding: 10px;

}

.Bloc02{
	width: 100%;
	background: #F0EDE5;
	border: #C4B796 solid 1px;
	padding: 10px;
}



.Bloc02Aere{
	width: 100%;
	background: #F0EDE5;
	border: #C4B796 solid 1px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.Bloc02Aere260{
	width: 260px;
	border: #C4B796 solid 1px;
	padding: 10px;
	display: inline;
	float: left;
}

.Bloc03{
	width: 100%;
	background: #FDF6C6;
	border: #FE8D1C solid 1px;
	padding: 10px;
}


.BlocDemo{
	width: 720px;
	font-size: 10px;
	display: inline;
	float: center;
	margin-top: 20px;
	margin-bottom: 20px;
}


.BlocFoncSansImage{
	width: 750px;
	display: inline;
	float: left;
}


.BlocFonctionnalites{
	width: 750px;
	display: inline;
	float: left;
}

.BlocFonctionnalites2{
	width: 100%;
	display: inline;
	float: left;
}

.BlocFoncGauche{
	width: 112px;
	display: inline;
	float: left;
}

.BlocFoncDroite{
	width: 626px;
	font-size: 12px;
	display: inline;
	float: left;
	padding-left: 20px;
	margin-top: 0px;
}

.BlocFoncDroite2{
	width: 100%;
	font-size: 12px;
	display: inline;
	float: left;
	padding-left: 20px;
	margin-top: 0px;
}

.Apropos{
	padding-top: 10px;
}

.RecommanderDisplay{
	width: 770px;
	display: inline;
	float: left;
}

.Recommander02{
	width: 605px;
	display: inline;
	float: left;
}

.Recommander01{
	width: 160px;
	display: inline;
	float: left;
}

.Recommander02{
	width: 565px;
	display: inline;
	float: left;
}


.RecommanderLong{
	width: 720px;
	display: inline;
	float: left;
}

.RecommanderLong2{
	width: 720px;
	height: 2px;
	display: inline;
	float: left;
}
/******** FAQ *********/

.TitreFAQ{
	font-size: 14px;
	font-weight: bold; 
	color: #A89974;
}




/******** Rich Edit *********/

.PuceOrange li{
	list-style-image : url(../img/puce_orange_petite.gif);
}

.PuceBleue {
	list-style-image : url(../img/puce_bleue_petite.gif);
}

.EcranSuivant {
	font-size: 10px;
	font-weight: bold; 
	color: #FE850C;
	background: url(../img/fleche_suivant_droite.gif); 
	background-repeat: no-repeat; 
	background-position: 100px;	
}

.GrosseAccrocheBleue {
	font-size: 18px;
	font-weight: bold; 
	color: #1C7CD8;
	line-height: 20px;
}

.GrosseAccrocheBleue a { text-decoration: none;}
.GrosseAccrocheBleue a:active { text-decoration: none;}
.GrosseAccrocheBleue a:link { text-decoration: none;}
.GrosseAccrocheBleue a:visited { text-decoration: none;}
.GrosseAccrocheBleue a:hover { text-decoration: underline;}

.GrosseAccrocheRouge {
	font-size: 18px;
	font-weight: bold; 
	color: #FE3F07;
}

.GrosseAccrocheRouge a { text-decoration: none;}
.GrosseAccrocheRouge a:active { text-decoration: none;}
.GrosseAccrocheRouge a:link { text-decoration: none;}
.GrosseAccrocheRouge a:visited { text-decoration: none;}
.GrosseAccrocheRouge a:hover { text-decoration: underline;}


h2 {
	font-size: 14px;
	font-weight: bold; 
	color: black;
	margin: 0;
}

h1 {
	padding-left:25;
	padding-right:18;
	padding-top:18;
	padding-bottom:16;
	font-size: 16px;
	font-weight: bold; 
	color: #1C7CD8;
	background: url(../img/fleche_titre_bleue.gif); 
	background-repeat: no-repeat; 
	background-position:left center;
	margin: 0;
	
}

.TexteOrange{
	color: #FE850C;
}

.EssaiPartagenda {
	font-size: 14px;
	font-weight: bold; 
	color: #1C7CD8;
}

.EnvoyerPage {
	background: url(../img/envoyer_page_picto.gif); 
	padding-bottom: 10px;
}

.Apropos{
	width: 750px;
	display: inline;
	float: left;
	margin-top: 5px;
}

.Miseajour{
	color: #4BBB28;
}

.TemoignPhoto{
	width: 100px;
	display: inline;
	float: left;
}

.TemoignTexte{
	width: 630px;
	display: inline;
	float: left;
	padding-left: 20px;
}

.TemoignBas{
	width: 750px;
	display: inline;
	float: left;
	padding-top: 10px;
}

.AccrocheTemoignage{
	font-size: 18px;
	font-weight: bold;
	color: #000000;	
}

.Desabonnement {
text-align: center;
}

.Copyright {
color: #74B4F2;
text-align: center;
}

.LaPuceOrange {
	background: url(../img/puce_orange_petite.gif); 
	background-repeat: no-repeat; 
	background-position:left;
	padding-left: 14px;
}

.GrandTexteNoir{
	font-weight: bold;
	font-size: 22px;
}

.TexteMoyen{
	font-weight: bold;
	font-size: 14px;
}


.TexteBeigeFonce{
	color: #A89974;
}

.BordureImage{
	border: #8398AB solid 1px;
}

.LienFlottant{
	width: 310px;
	position: absolute;
	left:256px; top:166px;
	display: inline;
	float: left;
	height: 53px;
}