/* STYLES DES LIENS */
A img {
	border:0px;
	text-decoration:none;
	}

A:link {
	color:#2872C1; 
	text-decoration:none;
	}

A:active { 
	color:#2872C1; 
	text-decoration:none;
	}
	
A:visited { 
	color:#2872C1; 
	text-decoration:none;
	}
	
A:hover { 
	color:#5397DF;
	text-decoration:underline;
	} 


BODY
		{
		margin:0px;
		overflow-x:hidden;
		background-color:#C3BDA4;
		background-repeat:repeat-x;
		background-position:bottom;
		font:100%/100% arial;
		}


#NUAGES		{
		width:100%;
		background-position:top right;
		background-repeat:repeat-x;
		}
		
#MARGES

        {
		position:relative;
		left:20%;
        }


#MAIN	{
		position:relative;
		left:-150px;
		width:900px;
		background-color: #29271E;
		border:1px solid #29271E;
		*border:0px solid #29271E;
		}
		
#main_container	{
		padding-left:10px;
		}
	

#haut	{
		width:880px;
		background-repeat:no-repeat;
		
		}

#hauthaut	{
		position:relative;
		width:880px;
		height:50px;
		}

#logo	{
		position:relative;
		float:left;
		height:50px;
		width:175px;
		background-image:URL(/portail/image/logoAccueil.jpg);
		background-repeat:no-repeat;
		}

#droitelogo	{
		float:left;
			}
			
#recherche	{
		margin-left:4px;
		height:33px;
		width:701px;
		}
		
.recherche1	{
		background-color: #B53B07;
		}
.recherche2	{
		background-color: #155B00;
		}
.recherche3	{
		background-color: #082E76;
		}
.recherche4	{
		background-color: #871300;
		}
.recherche5	{
		background-color: #6C6342;
		}


.zoneRecherche	{
		float:right;
		position:relative;
		}
		
.zoneRechercheInput	{
		padding:0px 2px;
		float:right;
		}

#imgSousRecherche	{
		position:relative;
		height:17px;
		width:705px;
		}
		
#hautbas	{
		position:relative;
		width:880px;
		height:25px;
		background-repeat:no-repeat;
		}

#menuHaut	{
		position:relative;
		width:880px;
		height:98px;
		}

#menuHaut1	{
		position:absolute;
		top:0px;
		left:0px;
		}
#menuHaut1on 	{
		position:absolute;
		top:-40px;
		left:0px;
		}
		
#menuHaut2	{
		position:absolute;
		top:0px;
		left:221px;
		}
#menuHaut2on	{
		position:absolute;
		top:-40px;
		left:221px;
		}
		
#menuHaut3	{
		position:absolute;
		top:0px;
		left:442px;
		}
#menuHaut3on	{
		position:absolute;
		top:-40px;
		left:442px;
		}
		
#menuHaut4	{
		position:absolute;
		top:0px;
		left:663px;
		}
#menuHaut4on	{
		position:absolute;
		top:-40px;
		left:663px;
		}		
		
#trait	{
		position:relative;
		margin-top:10px;
		margin-right:10px;
		width:880px;
		height:1px;
		background-image:URL(/portail/image/traitPointille.gif);
		background-repeat:repeat-x;
		}

#centre	{
		position:relative;
		background:URL(/portail/image/AccueilVideFond.gif) bottom left repeat-y;
		width:100%;
		margin-right:10px;
		}

.VideUp	{
	position:absolute;
	top:-5px;
	}
		
#centreGauche {
		position:relative;
		background-color:#302E25;
		float:left;
		width:200px;
		}
		
#listeDiffusion {
		position:relative;
		background-repeat:no-repeat;
		height:158px;
		width:200px;
		cursor:pointer;
		}
		
#listeDiffusionText	{
		position:relative;
		color:#ffffff;
		background-color:#5CA3C3;
		text-decoration:none;
		width:200px;
		cursor:pointer;
		}


#meteo {
		position:relative;
		background-image:URL(/portail/image/meteo.gif);
		background-repeat:no-repeat;
		padding-left:10px;
		width:200px;		}
		
#centreGaucheVide {
		position:relative;
		width:200px;
		}

#centreCentre {
		position:relative;
		float:left;
		margin-top: 10px;
		margin-left:10px;
		width:400px;
		}
		
#motBienvenue {
		margin-top: 0px;
		width:400px;
		background-color:#ffffff;
		color:#29271E;
		}
		
#communique {
		background-color:#3F3D35;
		margin-top: 10px;
		}
		
#communiqueRepet {
		position:relative;
		margin-top:5px;
		left:20px;
		padding-right:10px;
		}

#comLargeur	{
		width:355px;
		margin-bottom:10px;
		}

#communiqueIcon {
		position:relative;
		float:left;
		padding-right:5px;
		padding-top:16px;
		}

#communiqueTexte {
		position:relative;
		color:white;
		float:left;
		width:337px;
		}
		
.communiqueTitre a	{
		Font-weight:bold;
		color:FFFFFF;
		text-decoration:none;
		}
		
.communiqueContenu	{
		color:#D2CEBF;
		}
		
.LienBleu	{
		color:#5397DF;
		text-align:right;
		}	
		
.LienBleu2	{
		color:#5397DF;
		}	
		
.LienBleu a	{
		color:#5397DF;
		text-align:right;
		}	
		
#communiqueLigne	{
		width:355px;
		position:relative;
		background-color:#585241;
		height:1px;
		clear:both;
		}
		
#centreDroite {
		position:relative;
		float:left;
		margin-top:10px;
		width:260px;
		margin-left:10px;
		}
		
#calendrier {
		position:relative;
		background-color:#191712;
		width:260px;
		}
		
#legendeFond	{
		background: URL(/portail/image/legendeFond.png) repeat-x top left;
		width:250px;
		padding-right:4px;
		height:100%;
		behavior: url(/portail/image/media/pngbehavior.htc);
		}

		
#calendrierEvent	{
		background-image: URL(/portail/image/calendrierEvent.gif);
		background-repeat: repeat-x;
		padding-top:5px;
		margin-left:20px;
		margin-bottom:10px;
		width:221px;
		}

.dateEvent	{
		color:#F1F1ED;
		margin-top:5px;
		margin-left: 12px;
		}
		
#menuBas	{
		position:relative;
		margin-top:10px;
		margin-right:10px;
		height:27px;
		background-image:URL(/portail/image/ligneMenuBas.gif);
		background-repeat:repeat-x;
		clear:both;
		}
		
#menuBasGauche	{
		position:relative;
		float:left;
		}
		
#menuBasCentre	{
		position:relative;
		background-color:#625C40;
		color:#ffffff;
		height:27px;
		float:left;
		}
		
#menuBasBackground	{
		position:relative;
		background-color:#625C40;
		*padding-top:3px;
		}
		
#menuBasLien	{
		position:relative;
		padding:4px 10px 4 15;
		background-image:URL(/portail/image/MenuBasFleche.gif);
		background-position:7px 9px;
		background-repeat:no-repeat;
		color:white;
		}
		
#menuBasDroite	{
		float:left;
		}
		
#credit	{
		margin-top:22px;
		width:880px;
		margin-bottom:10px;
		}
#dateActuelle	{
		color:#ABA692;
		text-align:right;
	    margin-top:4px;
		}

#dateActuelle a	{
		color:#ABA692;
		}


		 
.petit	{
		Font-size: 70%;
		}

.normal	{
		Font-size: 80%;
		}
		
.grand	{
		Font-size: 100%;
		}
		
#motBienvenueDegrade	{
		background:URL(/portail/image/motBienvenueDegrade.gif) no-repeat bottom left;
		}
		
		
.alignleft	{
		text-align:left;
		padding-left:20px;
		margin-top:5px;
		}
		
.floatleft	{
		float:left;
		}

.btnflash	{
	width:217px;
	height:98;
	}

.cinqpx	{
		margin-top:5px;
		}
		
.gros	{
		Font-weight:bold;
		}
				
IMG		{
		border:0px;
		behavior: url(/portail/image/media/pngbehavior.htc);

		}
		
/*----------------------------------CSS pages de contenu---------------------------------*/		
#centreContenu	{
		margin-top:10px;
		width:100%;
		margin-right:10px;
		background:URL(/portail/image/fond_menu_gauche.gif) repeat-y top left;
		}

#menuContenuPrincipal	{
		position:relative;
		margin-top:1px;
		background-image:URL(/portail/image/ContenuMenuPrincipal.gif);
		background-color:#3A3728;
		background-repeat:no-repeat;
		width:250px;	
		}
		
#menuContenuPrincipalBas	{
		margin-top:1px;
		width:250px;
		}
		
#menuContenuSecondaire	{
		position:relative;
		background:URL(/portail/image/ContenuMenuSecondaire.jpg) bottom left;
		background-repeat:no-repeat;
		width:250px;
		background-color:#3A3728;		
		}
		
.texteMenuContenuP	{
		position:relative;
		color:#ffffff;
		font-weight:bold;
		padding:9px 15px;		
		}	
		
.texteMenuContenuS	{
		position:relative;
		color:#ffffff;
		padding:9px 34px;
		}	

#centreContenuDroite	{
		background-color:#EFEDE3;
		width:620px;
		}

#centreContenuDroitePP	{
		background-color:#EFEDE3;
		width:880px;
		}

#ContenuEntete	{
		background-image:URL(/portail/image/cheminDegrade.gif);
		background-repeat:repeat-x;		
		background-position:bottom left;
		border-bottom:1px solid white;
		}
		
#cheminCoinGauche	{
		background-image:URL(/portail/image/cheminCoinGauche.gif);
		background-repeat:no-repeat;
		background-position:top left;		
		}
		
#cheminCoinDroit	{
		background-image:URL(/portail/image/cheminCoinDroit.gif);
		background-repeat:no-repeat;
		background-position:top right;		
		}
		
#contenuCentre	{
		background-color:#ffffff;
		padding-left:31px;
		padding-right:31px;
		padding-bottom:30px;	
		margin:0px;
		}
		
#contenuLigne	{
		border-top:1px solid #C7C5BB;
		background-repeat: repeat-x ;
		margin-bottom:5px;
		}
		
#contenuBas	{
		padding:0px 10px;
		background-color:#ffffff;
		}
		
#contenuFermeture	{
		background-color:#ffffff;
		height:5px;
		}

		
#cheminTexte	{
		text-align:right;
		padding:7px;
		}

#cheminTexte a	{
		text-decoration:none;
		color:#2872C1;
		font-weight:bold;
		*padding:1px;
		}
		
#contenuTitre	{
		}
		
#contenuTitre2	{
		padding-bottom:4px;
		*padding-bottom:0px;
		}

#contenuTitreContainer	{
		}
		
#titreBienvenue	{
		}
		
#contenuEncadre	{
		margin-top:10px;
		background-image:URL(/portail/image/fondContenu.gif);
		padding:15px;	
		}

#contenuMenuBas	{
		background-color:#ffffff;
		height:31px;
		margin-right:5px;	
		}

#contenuMenuDroite	{
		background:URL(/portail/image/contenuBasLiensCentre.gif) repeat-x;
		padding:5px;
		}
		
.armoirie
	{
	position:absolute;
	top:-227px;
	}

.tour	{
	border:1px solid red;
}

#FOND_POINT
	{
	background:URL(/portail/image/fond_point.gif);
	height:1px;
	margin:20px 0px;
	}

#LISTE_DIFFUSION
	{
	}

#LISTE_DIFFUSION .titre
	{
	font-size:80%;
	font-weight:bold;
	padding-bottom:3px;	
	}

#LISTE_DIFFUSION .input
	{
	margin-bottom:10px;
	}

#LISTE_DIFFUSION .check
	{
	float:left;
	}

#LISTE_DIFFUSION .check_label
	{
	font-size:80%;
	float:left;
	padding:0px 0px 8px 0px;
	}

#LISTE_DIFFUSION .check_container
	{
	clear:both;
	}


.input_general
	{
	border:1px solid #3A3728;
	font-size:80%;
	padding:2px 2px 2px 5px;
	height:24px;
	}

/*-------------------------------------CSS pages de listing---------------------------------*/ 

#listingCoinGauche	{
	background:URL(/portail/image/listingGauche.gif) no-repeat bottom left;
	margin-top:20px;
	}
	
#listingCoinDroite	{
	background:URL(/portail/image/listingDroite.gif) no-repeat bottom right;
	}
	
#listingCentral	{
	background:URL(/portail/image/listingCentre.gif) repeat-x bottom left;
	width:100%;
	}
	
#listingCoinGaucheGrand	{
	background:URL(/portail/image/listingGauche2.gif) no-repeat bottom left;
	margin-top:20px;
	}
	
#listingCoinDroiteGrand	{
	background:URL(/portail/image/listingDroite2.gif) no-repeat bottom right;
	}
	
#listingCentralGrand	{
	background:URL(/portail/image/listingCentre2.gif) repeat-x bottom left;
	width:100%;
	}
	
#listingIcon	{
	background:URL(/portail/image/listingIcon.gif) no-repeat;
	padding:15px 15px 15px 35px;
	}
	
#listingPasIcon	{
	padding:15px 15px 15px 15px;
	}
	
#listingChiffre1	{
	background:URL(/portail/image/chiffre1.gif) no-repeat;
	padding:15px 15px 15px 35px;
	}  
	
#listingChiffre2	{
	background:URL(/portail/image/chiffre2.gif) no-repeat;
	padding:15px 15px 15px 35px;
	} 
	
#listingChiffre3	{
	background:URL(/portail/image/chiffre3.gif) no-repeat;
	padding:15px 15px 15px 35px;
	} 
	

#BAS_PAGE
	{
	width:100%;
	}

#BAS_PAGE .gauche
	{
	float:left;
	width:46%
	}

#BAS_PAGE .droite
	{
	float:right;
	width:46%
	}


.fleche_recherche	{
	padding-top:15px;
	text-align:center;
	position:relative;
	}

.clear	{
	clear:both;
	}

.plan_niv1
	{
	font-size:90%;
	padding:4px 15px 4px 27px;
	cursor:pointer;
	background:URL(/portail/image/fond_is1.gif) no-repeat top left;
	}

.plan_niv2
	{
	font-size:80%;
	padding:2px 15px 2px 37px;
	cursor:pointer;
	background:URL(/portail/image/fond_is2.gif) no-repeat top left;
	}

.plan_niv3
	{
	font-size:80%;
	padding:2px 15px 2px 47px;
	cursor:pointer;
	background:URL(/portail/image/fond_is3.gif) no-repeat top left;
	}


/* STYLE DE LA GALERIE */

.boite_globale
	{
	width:100%;
	margin-top:15px;
	}

.boite_titre01
	{
	float:left;
	}

.boite_titre02
	{
	float:left;
	color:#FFFFFF;
	font-size:80%;
	padding:5px 30px 5px 10px;
	}

.photo
	{
	float:left;
	margin:8px 16px;
	width:100px;
	height:100px;
	background:URL(/portail/image/fond_photo.gif);
	}

.docs
	{
	padding:5px;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}


	/* STYLES POUR LA PAGINATION */
.page_offoff {
	background-color:#746E54;
	border:1px solid #746E54;
	color:#FFFFFF;
	font-weight:bold;
	width:22px;
	}

.page_off {
	background-color:#FFFFFF;
	border:1px solid #746E54;
	color:#2872C1;
	text-decoration:none;
	font-weight:bold;
	width:22px;
	}

.page_on {
	background-color:#FFFFFF;
	border:1px solid #969696;
	color:#5397DF;
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;
	width:22px;
	}

/* STYLES POUR Envoyer à un ami */
.ea_global1
	{
	background:URL(/portail/image/langage/1/envoyer_ami.jpg) no-repeat;
	width:700px;
	height:400px;
	position:relative;
	}

.ea_global2
	{
	background:URL(/portail/image/langage/2/envoyer_ami.jpg) no-repeat;
	width:700px;
	height:400px;
	position:relative;
	}

.ea_nom
	{
	top:119px;
	left:57px;
	color:white;
	position:absolute;
	}

.ea_courriel
	{
	top:199px;
	left:57px;
	color:white;
	position:absolute;
	}

.ea_comm
	{
	top:124px;
	left:390px;
	color:white;
	position:absolute;
	}

.ea_etoile1
	{
	top:119px;
	left:318px;
	color:white;
	position:absolute;
	}

.ea_etoile2
	{
	top:199px;
	left:318px;
	color:white;
	position:absolute;
	}

.ea_boutton
	{
	top:340px;
	left:540px;
	color:white;
	position:absolute;
	}

.ea_input
	{
	background:none;
	border:0px;
	padding:5px 4px 0px 4px;
	font:11px/12px Verdana,Arial;
	}



/* STYLES POUR L'IMPRESSION */

@media PRINT 	{
	IMG.SCREEN	{display:none}	
	DIV.print_top	{display:none;}
	}

@media screen 	{
		IMG.PRINT	{display:none}	
	}

#VI_entete
	{
	border-bottom:1px solid #000000;
	}	

#VI_entete .logo
	{
	float:left;
	padding:10px;
	}	

#VI_entete .adresse
	{
	float:right;
	padding:27px 10px 10px 10px;
	}	
	