/***********************************************************************************************************************/
/* les typos */
/***********************************************************************************************************************/
a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0px;
}
a:link {
	color: #999966;
}
a:visited {
	color: #999966;
}
a:hover {
	color: #0066cc;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	letter-spacing: 1pt;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#979868;
}
.menuplus {
	overflow: visible;
	float: left;
	margin-left: -1px;
}
.message {
	font-size: 8pt;
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 8px;
}
.petititre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#658c00;
}
/***********************************************************************************************************************/
/* Commun */
/***********************************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.LogoHaut {
	width: 42px;
	position: absolute;
	left: 5px;
	top: 715px;
	z-index: 2;
	overflow: visible;
}
.LogoBas {
	width: 42px;
	position: absolute;
	left: 1847px;
	top: 715px;
	z-index: 2;
	overflow: visible;
}
.ZoneBasAdmin {
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	position: absolute;
	height: 38px;
	left: 851px;
	top: 659px;
	z-index: 10;
	visibility: visible;
	letter-spacing: 1px;
}
.bas {
	width: 1900px;
	height:2px;
}
.Avatar {
	margin: 4px;
	padding: 0;
}
.Avatar img {
	border: solid #3366cc 1px;
	margin: 0px;
	padding: 0px;
}
.AvatarModifier {
	width: 46px;
	height: 48px;
	padding-top: 5px;
	padding-left: 5px;
}
#ZoneMenuPlateformeGaucheFerme {
	position:absolute;
	left:627px;
	top:520px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuPlateformeGauche {
	position:absolute;
	left:627px;
	top:521px;
	width:194px;
	height:184px;
	z-index:5;
	visibility: hidden;
}
#ZoneMenuPlateformeDroiteFerme {
	position:absolute;
	left:1635px;
	top:47px;
	width:196px;
	height:184px;
	z-index:20;
}
#ZoneMenuPlateformeDroit {
	position:absolute;
	left:1635px;
	top:47px;
	width:196px;
	height:188px;
	z-index:2;
	visibility: hidden;
}
#ZoneMenuExtraGaucheFerme {
	position:absolute;
	left:535px;
	top:460px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuExtraGauche {
	position:absolute;
	left:535px;
	top:460px;
	width:209px;
	height:185px;
	z-index:10;
	visibility: hidden;
}
#ZoneMenuExtraDroitFerme {
	position:absolute;
	left:1676px;
	top:88px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuExtraDroit {
	position:absolute;
	left:1677px;
	top:89px;
	width:179px;
	height:176px;
	z-index:10;
	visibility: hidden;
}
#ZoneMenuRefGaucheFerme {
	position:absolute;
	left:599px;
	top:510px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuRefGauche {
	position:absolute;
	left:600px;
	top:510px;
	width:179px;
	height:177px;
	z-index:10;
	visibility: hidden;
}
#ZoneMenuRefDroitFerme {
	position:absolute;
	left:1196px;
	top:90px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuRefDroit {
	position:absolute;
	left:1198px;
	top:90px;
	width:179px;
	height:182px;
	z-index:10;
	visibility: hidden;
}
#ZoneMenuCompteGaucheFerme {
	position:absolute;
	left:448px;
	top:70px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuCompteGauche {
	position:absolute;
	left:448px;
	top:70px;
	width:178px;
	height:172px;
	z-index:10;
	visibility: hidden;
}
#ZoneMenuCompteDroitFerme {
	position:absolute;
	left:1613px;
	top:505px;
	width:194px;
	height:184px;
	z-index:10;
}
#ZoneMenuCompteDroit {
	position:absolute;
	left:1612px;
	top:505px;
	width:179px;
	height:170px;
	z-index:10;
	visibility: hidden;
}
.ZoneMenu {
	background-image: url(image/menu_ouvert.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #0068CE;
	overflow: auto;
	line-height: 7pt;
	background-repeat: no-repeat;
	float: left;
	width: 153px;
	height: 200px;
	font-style: normal;
	font-weight: normal;
}
.ZoneMenu h2 {
	font-size: 8pt;
	color: #0068CE;
	font-weight: bold;
}
.ZoneMenu h1 {
	font-size: 8pt;
	font-weight: bold;
}
.ZoneMenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
}
.ZoneMenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
}
.ZoneMenuTrait {
	margin-bottom: 3px;
	height: 1px;
	background-image: url(image/menutrait.gif);
	margin-top: 3px;
}
.MonoPixel {
	float: left;
}
.FlecheHautGauche {
	position:absolute;
	left:10px;
	top:35px;
	width:22px;
	height:24px;
	z-index:11;
}
.FlecheHautDroite {
	position:absolute;
	left:1869px;
	top:35px;
	width:22px;
	height:24px;
	z-index:11;
}
/***********************************************************************************************************************/
/* page accueil*/
/***********************************************************************************************************************/
.HomeHaut {
	background-color: #FFFF00;
	height: 150px;
}
.Home {
	background-image: url(image/home_01.jpg);
	background-repeat: no-repeat;
	height: 500px;
}
.HomeAccroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	font-weight: normal;
	width: 800px;
	text-align: right;
	letter-spacing: 0px;
	padding-top: 5px;
}
.HomeAccroche h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	font-weight: normal;
	display: inline;
}
.HomeLogoPole {
	padding-left: 473px;
	font-weight: normal;
	padding-top: 160px;
	padding-bottom: 37px;
}
.HomeMenu {
	width: 800px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	height: 19px;
}
.HomeMenu strong {
	color: #0066CC;
}
.TraitHome {
	background-color: #000000;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.HomeTexte {
	float: left;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #99a388;
	margin-left: 20px;
	margin-top: 40px;

}

.HomeBas {
	float: right;
	width: 500px;
	text-align: right;
	margin-top: 50px;
	margin-right: 10px;
}
.HomeBas p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.HomeBas h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.HomeBas h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
.bleu {
	color: #0066CC;
}
.TraitHomeLogo {
	background-color: #000000;
	height: 1px;
	width: 125px;
	margin-top: 5px;
	margin-bottom: 20px;
}
/***********************************************************************************************************************/
/* page infos du site*/
/***********************************************************************************************************************/
.InfoMenu {
	background-image: url(image/frisePersonnage.gif);
	background-repeat: no-repeat;
	background-color: #FFFF00;
	height: 150px;
}
.InfoLogo {
	margin: 20px 0 50px 20px;
}
.InfoTexte {
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
}
.infotexteLigne1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	margin-top: 20px;
	font-weight: bold;
}
.infotexteLigne2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
}
.infotexteLigne2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000099;
	text-decoration: underline;
	font-weight: normal;
}
.infotexteLigne2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0000CC;
	text-decoration: underline;
	font-weight: normal;
}
.infotexteLigne2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
}
.infotexteLigne3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	font-style: italic;
}

.FormationsTexte {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:9pt;
	margin : 0 0 0 20px;
}
.FormationsTexte p{
	margin : 0 0 5px 0;
}
.FormationsTexte h2{
	margin : 0 0 10px 0;
	font-size: 11pt;
}
.FormationsTexte a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #0066CC;
	font-weight:bold;
}
.FormationsTexte a:hover{
	color: #999966;
}
/***********************************************************************************************************************/
/* Menu haut commun*/
/***********************************************************************************************************************/
.Ancre {
	clear: both;
	width: 1900px;
	margin-bottom: -15px;
}
.AncreDroite {
	width: 550px;
	text-align: right;
	float: left;
}
.AncreCentre {
	width: 750px;
	text-align: right;
	float: left;
}
.AncreGauche {
	width: 600px;
	float: left;
}
.MenuHaut {
	clear: both;
	float: left;
	width: 1900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	overflow: visible;
}
.MenuHautCentre {
	float: left;
	width: 250px;
	height: 35px;
	overflow: visible;
}
.MenuHautCentre img {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}
.MenuHautCentreTexte {
	float: left;
	padding-top: 8px;
}
.MenuTitreGauche {
	width: 650px;
	float: left;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B2B2B2;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
}
.MenuTitreDroite {
	width: 740px;
	float: left;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B2B2B2;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}
.MenuTitreDroite img {
	margin-right: -5px;
	margin-left: -5px;
}
/***********************************************************************************************************************/
/* DEBUT les pages d'ouverture avec des formulaires */

/* les pages : ajout remarques, ajout chantier, ajout photos... */
/***********************************************************************************************************************/
.PageQuitter {
	width: 600px;
	height:300px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	font-size: 8pt;
	background-image: url(image/ajout.gif);
}
.PageFormulaire {
	width: 600px;
	height:300px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	font-size: 8pt;
	background-image: url(image/espaceur.gif);
}
.PageFormulaireBouton {
	float: left;
}
.PageFormulaireBouton input {
	margin-right: 10px;
	float: left;
}
.PageFormulaireLigne {
	border: solid #333333 1px;
	margin-bottom: 5px;
	clear: both;
	float: left;
	width: 580px;
	background-image: url(image/grille_blanche.gif);
}
.PageFormulaireLigneGauche {
	float: left;
	width: 150px;
	padding: 2px;
}
.PageFormulaireLigneDroite {
	float: left;
	padding: 3px;
	background-color: #FFFF00;
	width: 418px;
	border-left: solid #333333 1px;
}
.PageFormulaireLigne input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid #cccc99 1px;
	background-color: #FFFF00;
	color: #666666;
}
.PageFormulaireLigne label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background-color: #FFFF00;
	color: #666666;
	float:left;
}
.PageFormulaireLigne select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid #FFFF00 1px;
	background-color: #FFFF00;
	color: #666666;
}
.PageFormulaireLigne textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid #cccc99 1px;
	background-color: #FFFF00;
	color: #666666;
}
.PageFormulaireLigneRemarque {
	float: left;
	width: 450px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	padding-top: 8px;
	padding-right: 8px;
	overflow: visible;
	background-image: url(image/grille_blanche.gif);
	height: 40px;
	background-color: #FFFFFF;
}
.PageFormulaireLigneCommentaire {
	width: 475px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	padding: 8px;
	background-color: #FFFFFF;
	float: left;
	clear: both;
}
/***********************************************************************************************************************/
/* DEBUT Contenu centrale avec les 6 zones */
/* zone gauche, centrale avec l'image zone droite et le trait*/

/***********************************************************************************************************************/
.ZoneHaut {
	width: 1900px;
	float: left;
	height: 385px;
}
.ZoneBas {
	width: 1900px;
	float: left;
}
.TraitCentral {
	width: 1900px;
	height: 1px;
	float: left;
	background-color: #333333;
	clear: both;
}
.ZoneDroiteHaut {
	width: 750px;
	float: left;
}
.ZoneCentreHaut {
	width: 500px;
	float: left;
}
.ZoneGaucheHaut {
	width: 650px;
	float: left;
}
.ZoneDroiteBas {
	width: 750px;
	float: left;
}
.ZoneCentreBas {
	width: 500px;
	float: left;
	height: 260px;
}
.ZoneGaucheBas {
	width: 650px;
	float: left;
}
.IframeGauche {
	width: 600px;
	margin-left: 50px;
	clear: left;
}
/***********************************************************************************************************************/
/* page connexion */
/***********************************************************************************************************************/
.Connexion {
	width: 600px;
	height:300px;
	background-image: url(image/connexion.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left: 20px;
}
.Connexion p {
	margin-left: 300px;
}
.ConnexionOk {
	width: 45px;
	float: right;
	margin-top: 20px;
}
.ConnexionLogin {
	float: left;
	border: solid #333333 1px;
	background-image: url(image/grille_blanche.gif);
}
.ConnexionLoginDebut {
	float: left;
	width: 150px;
}
.ConnexionLoginGauche {
	float: left;
	width: 150px;
	padding: 2px;
}
.ConnexionLoginDroite {
	float: left;
	width: 200px;
	padding: 2px;
	background-color: #FFFF00;
}
.ConnexionLoginDroite input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1pt;
	border: solid #FFFF00 1px;
	background-color: #FFFF00;
	color: #666666;
}
/***********************************************************************************************************************/
/* page mon compte */
/* la iframe du haut */
/***********************************************************************************************************************/
.MoncompteHaut {
	width: 366px;
	height:385px;
	background-image: url(image/BlocMoncompte_haut.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.MoncompteAvatar {
	float: left;
	padding-left: 100px;
	margin-top: 240px;
	width: 200px;
}
.MoncompteAvatar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #CCCCCC;
	margin-left: 0px;
	margin-bottom: 8px;
}

.MoncompteAvatar img {
	margin: 0;
	padding: 0px;
	border:0px
}
/***********************************************************************************************************************/
/* page mon compte */

/* la iframe du bas */
/***********************************************************************************************************************/
.MoncompteBas {
	width: 366px;
	background-image: url(image/BlocMoncompte_bas.gif);
	background-repeat: no-repeat;
	height: 200px;
}
.MoncompteBasLigne {
	width:300px;
	padding-left: 35px;
	margin-top: 3px;
}
.MoncompteBasEtiquette {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	width: 100px;
	margin-right: 3px;
	text-align: right;
	float: left;
}
.MoncompteBasLigne input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background-color: #FFFFFF;
	border: solid #ffffff 1px;
}
.MoncompteBasBouton {
	height: 50px;
	text-align: right;
	outline-style: none;
	float: left;
	margin-left: 5px;
}
/***********************************************************************************************************************/
/* page Agenda */
/* la iframe du haut */
/***********************************************************************************************************************/
.AgendaHautDate {
	margin: 5px 0 15px 270px;
}
.BordureMois {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066FF;
	font-size: 24px;
	padding: 5px;
	display: inline;
}
.AgendaHautDate img {
	margin: 0px 10px 0px 10px;
}
.AgendaHautDateNombre {
	font-size: 36px;
}
#conteneur_rdv {
	height:270px;
	width:705px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
}
.AgendaHautRDV {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	height: 50px;
	float: left;
	clear: both;
	width: 100%;
}
.AgendaHautVide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	padding: 20px;
	width: 100%;
}
.AgendaHautJour {
	width: 85px;
	text-align: center;
	float: left;
	padding-top: 15px;
}
.AgendaHautNombre {
	width: 27px;
	float: left;
	background-image: url(image/iconeAgendaHaut.gif);
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 15px;
	height: 35px;
}
.AgendaHautSujet {
	font-size: 12px;
	padding-top: 15px;
	float: left;
	margin-left: 20px;
}
.AgendaHautRDVFocus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-size: 14px;
	float: left;
	clear: both;
	margin:0 0 10px 0;
	width: 100%;
	display:block;/*      height: 45px;   */
}
.AgendaHautJourFocus {
	width: 82px;
	text-align: center;
	float: left;
	height: 27px;
	margin-top: 11px;
	font-size: 14px;
	/*      border-top: solid #000000 1px;   */
/*      border-bottom: solid #000000 1px;    */
        padding-top: 3px;/*      border-left: solid #000000 1px;    */
}
.AgendaHautNombreFocus {
	width: 27px;
	float: left;
	background-image: url(image/iconeAgendaHautFocus.gif);
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 15px;
	height: 35px;
	margin-right:-1px;
}
.AgendaHautSujetFocus {
	/*      float: left;*/
/*      height: 28px;
        width:230px;
        margin-top: 11px;*/
        padding: 0px 10px 0 10px;
	font-size: 8pt;/*      border-top: solid #000000 1px;
        border-bottom: solid #000000 1px;*/
}
.AgendaHautLieu {
	/*text-align: center;
        float: left;*/
/*      height: 30px;
        width:100px;
        margin-top: 11px;*/
        padding: 0px 10px 0 10px;
	/*      background-color: #000000;*/
        font-size: 8pt;
}
.AgendaHautHeure {
	/*text-align: center;
        float: left;*/
/*      height: 27px;*/
/*      margin-top: 11px;*/
        padding: 0 10px 0 10px;
	/*background-color: #666666;*/
        font-size: 9pt;/*      border: solid #000000 1px;*/
/*      padding-top: 3px;*/
}
.EnSavoirPlus {
	text-align: center;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 100px;
	padding-top: 18px;
}
.AgendaHautAnnee {
	position:absolute;
	left:0px;
	top:353px;
	width:790px;
	height:32px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
}
.AgendaHautAnneeMoteur {
	font-size: 12px;
	float: left;
	width: 150px;
	color: #999966;
}
.AgendaHautAnneeMoteur img {
	padding: 0;
	margin: 0;
}
.AgendaHautAnneeCalendrier {
	padding:0;
	font-size: 8pt;
	float: left;
	height: 32px;
	background-image: url(image/annee.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 513px;
}
.AgendaHautAnneeCalendrier a {
	padding-right: 16px;
	padding-left: 7px;
}
.AgendaHautAnneeCalendrierFocus {
	color: #0099FF;
}
/***********************************************************************************************************************/

/* page Agenda */
/* la iframe du bas */
/***********************************************************************************************************************/
.AgendaBas {
	background-image: url(image/agendaBas.gif);
	background-repeat: no-repeat;
	height: 170px;
}
.AgendaBasRdv {
	height: 73px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 15px;
	letter-spacing: 1px;
}
.AgendaBasNombre {
	width: 79px;
	height: 29px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	position: absolute;
	top: 82px;
	left: 235px;
}
.AgendaBasDate {
	width: 241px;
	position: absolute;
	left: 67px;
	top: 131px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #0066cc;
	letter-spacing: 1px;
}
.AgendaBasAjout {
	margin: 0 0 0 225px;
}
.AgendaBasAjoutLigne {
	margin: 0 0px 0 5px;
}
.AgendaBasAjoutLigne img {
	margin: 0 5px 0 0;
	float: left;
}
/***********************************************************************************************************************/







/* page Chantier */







/* la iframe du haut pour le Chantier */







/***********************************************************************************************************************/







.ChantierHaut {
	width: 495px;
	height:385px;
	background-image: url(image/BlocGaucheHaut_plateforme.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	margin-right: -10px;
}
.ChantierHautAjoutChantier {
	float: left;
	width: 150px;
	padding-left: 55px;
	height: 140px;
}
.ChantierHautAjoutChantierLigne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #979867;
	width: 124px;
	float: left;
	position: absolute;
	left: 59px;
	top: 75px;
	z-index: 2;
	height: 52px;
}
.ChantierHautAjoutChantierLigne img {
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	margin-left: 5px;
}
.ChantierHautBouton {
	height: 140px;
	float: left;
	width: 145px;
	overflow: visible;
	z-index: 1;
	position: absolute;
	left: 469px;
	top: 81px;
}
.ChantierHautBoutonTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-size: 8pt;
	color: #999966;
	clear: both;
	width: 90px;
	text-align: center;
	margin-right: 50px;
}
.ChantierHautBoutonChoix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #979867;
	font-style: italic;
}
.ChantierHautBouton1 {
	float: left;
}
.ChantierHautBouton2 {
	float: left;
	margin-top: 5px;
}
.ChantierHautBouton3 {
	float: left;
	margin-top: 25px;
}
.ChantierHautBouton4 {
	float: left;
	margin-top: 10px;
}
.ChantierHautBouton5 {
	float: left;
	margin-top: -5px;
}
.ChantierHautListe {
	width:415px;
	height: 240px;
	overflow: auto;
	float: left;
	padding-left: 35px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#FFFF00;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFF00;
	scrollbar-darkshadow-color:#ffd700;
	scrollbar-face-color: #FFFF00;
	scrollbar-highlight-color:#FFFF00;
	scrollbar-shadow-color:#FFFF00;
}
.ChantierHautLigne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-bottom: 20px;
}
.ChantierHautLigne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	line-height: 12pt;
	text-transform: uppercase;
}
.ChantierHautLigne h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #658c00;
	font-weight: bold;
	text-decoration: underline;
	line-height: 14pt;
}
.ChantierHautLigne h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ChantierHautLigne p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #999999;
	margin-top: 2px;
	margin-bottom: 6px;
}
.ChantierHautLigneRemarque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}
.ChantierHautLigneRemarque img {
	margin-right: 4px;
}
.ChantierHautLigneChantier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin-bottom: 22px;
}
/* la iframe du bas pour le Chantier */
.ChantierBas {
	background-image: url(image/BlocGaucheBas_plateforme.gif);
	background-repeat: no-repeat;
	height: 140px;
	clear: left;
	width: 495px;
}
.ChantierBasListe {
	width:362px;
	height: 112px;
	float: left;
	padding-left: 87px;
	margin-top: 8px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#FFFF00;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFF00;
	scrollbar-darkshadow-color:#ffd700;
	scrollbar-face-color: #FFFF00;
	scrollbar-highlight-color:#FFFF00;
	scrollbar-shadow-color:#FFFF00;
	color: #0066CC;
}
.ChantierBasLigne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 3px;
}
.ChantierBasLigne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0066cc;
	font-weight: bold;
	margin-top: 5px;
	line-height: 10pt;
}
.ChantierBasLigne h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #658c00;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 9pt;
}
.ChantierBasLigne p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	padding-left: 32px;
}
.ChantierBasLigneIcone {
	float: left;
	margin-right: 5px;
}
.ChantierBasAjoutRemarque {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 8pt;
	color: #979867;
	margin-left: 30px;
	margin-top: 25px;
	width: 400px;
	letter-spacing: 1px;
}
.ChantierBasAjoutRemarque img {
	float: left;
}
.ChantierBasAjoutRemarqueLigne {
	float: left;
	margin-top: 8px;
	clear: both;
}
.ChantierBasAjoutRemarqueLigne img {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
/***********************************************************************************************************************/
/* page Forum */

/* la iframe du haut pour le forum */
/***********************************************************************************************************************/
.ForumConteneur {
	width: 650px;
	float: left;
	height: 385px;
	padding-left: 75px;
}
.ForumHaut {
	width: 409px;
	height:385px;
	background-image: url(image/BlocDroitHaut_plateforme.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.NumeroSujet {
	width: 30px;
	margin-top: 145px;
	padding-left: 97px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
}
.ForumDate {
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-size: 9pt;
	font-weight: bold;
	width: 350px;
	padding: 2px;
	border-bottom: solid #0066cc 2px;
	margin-right: auto;
	margin-left: auto;
}
.ForumHautTexte {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	text-align: justify;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#FFFF00;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFF00;
	scrollbar-darkshadow-color:#ffd700;
	scrollbar-face-color: #FFFF00;
	scrollbar-highlight-color:#FFFF00;
	scrollbar-shadow-color:#FFFF00;
	height: 150px;
	width: 355px;
	margin-left: 30px;
}
.ForumAjouterSujet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #979867;
	font-size: 8pt;
	width: 190px;
	float: left;
	padding-left: 25px;
	clear: right;
	padding-top: 225px;
	letter-spacing: 1px;
}
.ForumAjouterSujet p {
	padding-left: 3px;
	margin-top: 6px;
}
.ForumAjouterSujet img {
	margin-right: 5px;
	float: left;
}
.ForumTitreSujet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #979867;
	font-size: 8pt;
	float: left;
	width: 180px;
	padding-left: 30px;
	padding-top: 20px;
	letter-spacing: 1px;
}
.ForumTitreSujet img {
	float: left;
	padding-left: 2px;
}
.ForumTitreSujet p {
	float: left;
	padding-top: 3px;
}
/***********************************************************************************************************************/
/* Page forum */
/* la iframe du bas */
/***********************************************************************************************************************/
.ForumBas {
	width: 400px;
	background-image: url(image/BlocDroitBas_plateforme.gif);
	background-repeat: no-repeat;
	height: 275px;
	float: left;
	background-position: top center;
}
.ForumBasGauche {
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	float: left;
	color: #0066CC;
	background-image: url(image/iconeCommentaire_chiffre.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 5px;
}
.ForumBasGauche H1 {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0066CC;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 33px;
	margin-bottom: 10px;
	text-align: center;
}
.ForumBasGauche p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #0066CC;
	text-align: center;
	padding-bottom: 105px;
}
.ForumBasGaucheAjoutCommentaire {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	padding-left: 5px;
}
.ForumBasListe {
	width:360px;
	height: 235px;
	overflow: auto;
	float: left;
	padding-left: 20px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#FFFF00;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFF00;
	scrollbar-darkshadow-color:#ffd700;
	scrollbar-face-color: #FFFF00;
	scrollbar-highlight-color:#FFFF00;
	scrollbar-shadow-color:#FFFF00;
	padding-top: 10px;
}
.ForumBasLigne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-bottom: 3px;
	float: left;
	width:342px;
	clear: both;
	margin-right: 8px;
	padding-left: 10px;
}
.ForumBasLigne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #333333;
	float: left;
	width: 330px;
	padding-bottom: 5px;
}
.ForumBasLigne h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #658c00;
	font-weight: bold;
}
.ForumBasLigne h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ForumBasLigne p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-align: justify;
	float: left;
	display: block;
	width: 330px;
}
.ForumBasLigneSujet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}
.ForumTrait {
	float: left;
	background-color: #658c00;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 330px;
}
.ForumBasTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #656631;
	float: left;
	clear: both;
	letter-spacing: 1px;
	margin-top: -15px;
	z-index: 2;
	line-height: 8pt;
	text-align: left;
	width: 80px;
}
.ForumBasChoixSujet {
	width:230px;
	margin-top: 5px;
}
.ForumBasChoixSujetLigne {
	margin-bottom: 3px;
	clear: both;
}
.ForumBasChoixSujetLigne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #333333;
}
.ForumBasChoixSujetLigne h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #658c00;
	font-weight: bold;
}
.ForumBasChoixSujetLigne img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.ForumBasChoixSujetLigne p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: justify;
	display: block;
	width: 205px;
	float: left;
}
.ForumBasChoixSujetLigneFocus {
	margin-bottom: 3px;
	width: 250px;
	clear: both;
}
.ForumBasChoixSujetLigneFocus h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	color: #0097ef;
	float: left;
	width: 205px;
}
.ForumBasChoixSujetLigneFocus h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0068cb;
	font-weight: bold;
	float: left;
	width: 205px;
}
.ForumBasChoixSujetLigneFocus img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.ForumBasChoixSujetLigneFocus p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #92b8f6;
	text-align: justify;
	display: block;
	width: 205px;
	float: left;
}
.ForumBasIframe {
	width:400px;
	float: left;
}
.ForumBasIframeRight {
	width:230px;
	float: left;
	margin-left: 5px;
}
.ForumBasChoixSujetMoteur {
	width: 150px;
	clear: both;
	float: left;
	margin-top: 8px;
	margin-left: 25px;
}
.ForumBasChoixSujetMoteur h1 {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: center;
	float: left;
	padding: 3px 0px 3px 0px;
}
.ForumBasChoixSujetMoteur p {
	width: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: center;
	border: solid #666666 1px;
	padding: 3px 10px 3px 10px;
}
/***********************************************************************************************************************/
/* Page Mon compte */
/***********************************************************************************************************************/
.MoncompteBas {
	width: 366px;
	background-image: url(image/BlocMoncompte_bas.gif);
	background-repeat: no-repeat;
	height: 200px;
	background-position: top;
}
.MoncompteBasLigne {
	width:300px;
	padding-left: 30px;
	margin-top: 6px;
}
.MoncompteBasEtiquette {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	width: 105px;
	margin-right: 3px;
	text-align: right;
	float: left;
	font-weight: normal;
	margin-top: 3px;
}
.MoncompteBasLigne input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
	border: solid #ffffff 1px;
}
.MoncompteBasBouton {
	text-align: right;
	outline-style: none;
}
/***********************************************************************************************************************/
/* page Photos */
/* la iframe du haut pour le forum */
/***********************************************************************************************************************/
.PhotosHaut {
	margin-bottom: 15px;
	float: left;
	height: 170px;
	margin-left: 60px;
	width: 100%;
	clear: both;
}
.PhotosHautTop {
	border: solid #696969 0px;
	float: left;
	height: 170px;
	width: 260px;
}
.PhotosHautTop img {
	border: solid #696969 1px;
	padding:4px;
}
.PhotosHautPlay {
	float: left;
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #656631;
	font-size: 8pt;
	margin-top: 15px;
	width:160px;
	height:120px;
}
.PhotosHautPlay img {
	border: 0px;
}
.PhotosMoyen {
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #656631;
	font-size: 8pt;
	float: left;
	width: 170px;
	font-weight: normal;
}
.PhotosMoyen p {
	width: 80px;
	float: left;
}
.PhotosMoyenChantier {
	float: left;
	padding-left: 5px;
	width: 60px;
	margin-top: -10px;
}
.PhotosMoyenSelect {
	float: left;
	width: 170px;
	margin-bottom: 3px;
}
.PhotosMoyenSelect select{
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border:solide #cccc99 1px
}
.PhotosMoyenLieu {
	float: left;
}
.PhotosMoyenArchi {
	float: left;
	padding-left: 5px;
	margin-top: 25px;
}
.PhotosMoyenDate {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}
.PhotosBasVignettePage {
	height: 155px;
	font-family: Arial, Helvetica, sans-serif;
	color: #656631;
	font-size: 9pt;
	float: left;
}
.PhotosBasVignette {
	height: 143px;
	font-family: Arial, Helvetica, sans-serif;
	color: #656631;
	font-size: 9pt;
	float: left;
	margin-top: 57px;
}
.PhotosBasVignetteAjouter {
	width: 130px;
	float: left;
	padding-top: 50px;
	padding-left: 80px;
	clear: left;
	margin-right: -15px;
}
.PhotosBasVignetteAjouter img {
	float: left;
	margin-bottom: 30px;
	padding-right: 8px;
}
.PhotosBasVignetteFleche {
	float: left;
	padding-top: 100px;
	width: 50px;
}
.PhotosBasVignetteVignette {
	height: 143px;
	float: left;
	width: 450px;
}
.PhotosBasVignetteVignette img {
	margin-right: 12px;
	margin-left: 12px;
}
/***********************************************************************************************************************/
/* page Photos */
/* la iframe du BAS pour le forum */
/***********************************************************************************************************************/
.PhotosBas {
	margin-right: 40px;
}
.PhotosBasMenu {
	margin-top: 8px;
	float: left;
	width: 213px;
	padding-left: 10px;
}
.PhotosBasMenuTitre {
	margin-left: 46px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	height: 24px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.PhotosBasMenuTitre img {
	float: left;
	margin-right: 10px;
}
.PhotosBasMenuLigne {
	width:220px;
	clear: both;
	height: 40px;
	overflow: visible;
}
.PhotosBasMenuLigne img {
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 0px;
	overflow: visible;
	position: relative;
}
.PhotosBasMenuLigne p {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 8pt;
	background-color: #666666;
	width: 163px;
	float: left;
	height: 32px;
	padding-top: 2px;
	padding-left: 5px;
}
.PhotosBasPhotos {
	float: left;
	width: 436px;
	height: 190px;
}
.PhotosBasLegende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	float: left;
	font-weight: bold;
	margin-top: 6px;
}
.TitrePhotos {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	float: left;
	width: 280px;
	margin-bottom: 0px;
	overflow: hidden;
	height: 14px;
	margin-top: 6px;
}
.PhotosBasGrandeVignette {
	float: left;
	padding: 8px;
	border: solid #000000 1px;
	margin-top: 8px;
}
.PhotosBasGrandePhotos {
	float: left;
	border: solid #2a6190 1px;
	width: 368px;
	height: 276px;
}
.PhotosBasGrandePhotos img {
	margin: 8px;
	border: solid #9dadba 1px;
}
.PhotosBasPlus {
	width: 14px;
	padding-top: 163px;
	float: left;
}
.PhotosBasMoins {
	width: 14px;
	border: 0;
	float: left;
	clear: both;
}
#PhotosBasLayer1 {
	position:absolute;
	left:220px;
	top:18px;
	width:400px;
	height:315px;
	z-index:1;
	background-color: #FFFFFF;
	visibility: hidden;
}
.AjoutPhotos {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 70px;
	height: 150px;
	margin-left: 4px;
	margin-top: 16px;
}
.AjoutPhotos img {
	float: left;
}
/***********************************************************************************************************************/
/* page Annuaire */
/* la iframe du Haut pour la page extra */

/***********************************************************************************************************************/
.AnnuaireHautGauche {
	float: left;
	width: 103px;
	padding-top: 260px;
	color: #666633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999966;
}
.AnnuaireHaut {
	background-image: url(image/BlocAnnuaireHaut.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	height: 385px;
	width: 365px;
}
.AnnuaireHautAnnee {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3366FF;
	margin-top: 10px;
	font-weight: bold;
}
.AnnuaireHautAnnee a:link {
	color: #0066cc;
}
.AnnuaireHautAnnee a:hover {
	color: #666633;
}
.AnnuaireHautAnnee a:visited {
	color: #666633;
}
.AnnuaireHautNombre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0066cc;
	margin-top: 74px;
	padding-left: 198px;
	text-align: center;
	width: 60px;
}
.AnnuaireHautListe {
	width: 280px;
	height: 192px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#cccc99;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#cccc99;
	scrollbar-darkshadow-color:#333333;
	scrollbar-face-color: #cccc99;
	scrollbar-highlight-color:#cccc99;
	scrollbar-shadow-color:#cccc99;
	margin-top: 12px;
	margin-left: 30px;
}
.AnnuaireHautListe p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666633;
	margin-bottom: 4px;
	letter-spacing: 1px;
}
.AnnuaireHautListe a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
.AnnuaireHautListe a:hover {
	color: #666633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.AnnuaireHautListe a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
/***********************************************************************************************************************/
/* page Annuaire */
/* la iframe du BAS pour la page extra */
/***********************************************************************************************************************/
.AnnuaireBasTexte {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 103px;
	color: #666633;
	margin-top: 10px;
}
.AnnuaireBas {
	float: left;
	width: 365px;
	background-image: url(image/BlocAnnuaireBas.gif);
	background-repeat: no-repeat;
}
.AnnuaireBasForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	margin-left: 47px;
	margin-top: 10px;
	margin-bottom: 55px;
}
.AnnuaireBasContact {
	padding-left: 40px;
	background-image: url(image/poleAnnuaire.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
}
.AnnuaireBasContactFenetre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	height: 90px;
	width: 350px;
	padding-top: 5px;
}
.AnnuaireBasContactFenetre a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	letter-spacing: 0px;
}
/***********************************************************************************************************************/
/* page reference */
/* la iframe du Haut pour la page références */
/***********************************************************************************************************************/
.RefHaut {
	width: 560px;
	height:385px;
	background-image: url(image/gruemonde.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.ForumAjouterRef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 200px;
	clear: both;
	letter-spacing: 1px;
}
.ForumAjouterRef img {
	float: left;
	margin-top: 3px;
}
.ForumAjouterRefBasLigne {
	margin: 5px 0 0 0;
	padding: 0;
}
.ForumAjouterRefBasLigne img {
	float: left;
	margin: 0 3px 0 3px;
}
.RefHautReference {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 125px;
	margin-top: 70px;
	width: 270px;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#FFFFff;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color:#FFFFff;
	scrollbar-darkshadow-color:#FFFFff;
	scrollbar-face-color: #FFFFff;
	scrollbar-highlight-color:#FFFFff;
	scrollbar-shadow-color:#FFFFff;
	padding: 5px 0 5px 0;
	margin: 70px 0 0 15px;
}
/***********************************************************************************************************************/
/* page reference */
/* la iframe du bas pour la page références */
/***********************************************************************************************************************/
.RefBasGauche {
	width: 160px;
	float: left;
	height:280px;
}
.RefBasGaucheTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-top: 70px;
	padding-left: 5px;
	width: 80px;
	float: left;
	font-weight: normal;
	color: #999966;
}
.RefBasGaucheIcone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 5px;
	width: 70px;
	float: left;
}
.ForumAjouterRefBas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
	width: 120px;
	margin-left: 0px;
	float: left;
}
.RefBasDroite {
	width: 360px;
	float: left;
	height: 270px;
	background-image: url(image/BlocBibliographie.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.RefBasDroiteZone {
	margin-top: 20px;
	width: 325px;
	height: 220px;
	float: left;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:#333333;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color:#333333;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color:#333333;
	scrollbar-shadow-color:#333333;
}
.RefBasDroiteLivre {
	width: 287px;
	margin: 8px 4px 0 26px;
	padding: 8px 0px 0 0;
}
.RefBasDroiteLivre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	font-weight: normal;
	font-style: italic;
}
.RefBasDroiteLivre h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #999900;
	text-transform: uppercase;
}
.RefBasDroiteLivre h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #0066cc;
}
/***********************************************************************************************************************/
/* page reference */
/* la iframe du Haut pour la page références */
/***********************************************************************************************************************/
.MemoireHaut {
	width: 531px;
	height:385px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-image: url(image/grue.gif);
	background-repeat: no-repeat;
}
.MemoireHaut h1 {
	width: 120px;
	margin-left: 290px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
	font-weight: normal;
}
.MemoireHaut p {
	width: 120px;
	margin-left: 290px;
	color: #999966;
}
.MemoireHautSelection {
	width: 140px;
	margin-left: 260px;
	margin-top: 7px;
	overflow: visible;
}
.annee {
	font-weight: bold;
	color: #3366FF;
	height:25px;
	overflow: visible;
	z-index: 2;
}
.MemoireHautAnnee {
	width: 100px;
	margin-left: 365px;
	margin-top: 155px;
	text-align: center;
	background-color: #FFFFFF;
}
.MemoireBasFleche {
	float: left;
	padding-top: 60px;
	width: 50px;
}
.MemoireBas {
	float: left;
	margin-right: 4px;
	margin-left: 4px;
}
.MemoireBasAjout {
	float: left;
	margin: 135px 0 0 4px;
}
.MemoireBasAjoutMemoireLigne {
	margin: 4px 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999966;
}
.MemoirePortrait {
	border: solid #0066cc 1px;
	float: left;
}
.MemoireBasPoulie {
	text-align: center;
	border: 0px;
}
.MemoireNom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	float: right;
	margin: 3px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}
.MemoireSujet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	margin: 6px;
	font-weight: bold;
	color: #555638;
}