/*
-----------------------------------------------
ScAH - Service conseil André Houde
Création : 13 juillet 2008, André Houde, www.scah.ca
----------------------------------------------- 
*/


/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	D'ÉDTION DU CONTENU
                                             
   ===========================================
*/

form, td, div, p, li, h5, h6 .txt_texte, .contenu{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fefefe;
}

.txt_texte, .texte {
	text-align:justify;
}

td .txt_texte, td.texte{
	text-align:left;
}


h1, .txt_titre1{
	margin:0px;
	padding:0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #bedcf1;
}

.txt_titre1_1{
	margin:0px;
	padding:0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ddf88b;
}


h2, .txt_titre2{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bedcf1;
}

h3, .txt_titre3{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ddf88b;
}

h4, .txt_titre4{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ddf88b;
}


.txt_justifie{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fefefe;
	text-align:justify;
}

.txt_citation{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic ;
	color: #fefefe;
}

.txt_reference{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ddf88b;
}

.txt_indication{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1c3e7d;
}

.txt_tableau{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#ddf88b;
}



#centre ul {
	list-style-image: url(../styles/imgs/puce.png);
}



a{
	margin:0;
	padding:0;
	color:#ddf88b;
}

a:hover {
	color:#fefefe;
}

a img {
	margin:0;
	padding:0;
	border-width: 0; 
	border-style: none; 
	text-decoration: none;
}

.photo img {
	padding: 5px;
	margin: 5px;
}

.photo p{
	padding: 5px;
	margin: 0;
}



/*  carte d'Affaire - mail 
----------------------------------------------- */

#logo_scah{
	width: 951px;
	height: 63px;	
}

#map_logo{
	margin:0 0 0 676px;
	padding:0;
}

#map_logo img {
	border:none;
}

#carte_mail{
	float:left;
	padding: 444px 0 0 200px;
	font-size:11px;
	color:#000;
}

#carte_mail a{
	color:#0974B8;
	font-size:11px;
}

#carte_mail a:hover{
	color:#465461;
}

#carte_realisation{
	float:left;
	padding: 300px 0 0 150px;
}

#carte_realisation img{
	margin:7px;
	border:1px solid #ccc;
	width:20%;
}


/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DE STRUCTURE DE LA PAGE
                                             
   ===========================================
*/

/*  structure globale de la page  
----------------------------------------------- */

html {
	margin:0;
	padding:0;
}

html #carte {
	background-color: #ffffff;
}

html{
	background-color: #729abd;
/*	background-position: left top;
	background-image: url(imgs/background_site_cote_0.gif);
	background-repeat: repeat-x;  */
}

body{
	margin-right: auto;
	margin-left: auto;
}

.skiplink{
	display:none;
}


/*  structure global du site 
----------------------------------------------- */

#site_haut {
	margin:0px;
	padding:0px;
	background-color:#729ABC;
}

#site_centre {
	margin:0px;
	padding:0px;
	background-position: left top;
	background-repeat: repeat-x;
}

#accueil #site_centre {
	background-image: url(imgs/background_site_cote_0.gif);
}

#detail #site_centre.background_0{
	background-image: url(imgs/background_site_cote_0.gif);
}

#detail #site_centre.background_2{
	background-image: url(imgs/background_site_cote_2.gif);
}

#detail #site_centre.background_3{
	background-image: url(imgs/background_site_cote_3.gif);
}

#detail #site_centre.background_4{
	background-image: url(imgs/background_site_cote_4.gif);
}

#detail #site_centre.background_9{
	background-image: url(imgs/background_site_cote_9.gif);
}

#site_bas {
	margin:0px;
	padding:0px;
	background-color:#414E5A;
}

/*  structure spécifique  
----------------------------------------------- */

#container {
	margin-right: auto;
	margin-left: auto;
	display:table;
	background-position: left top;
	background-repeat: no-repeat;
}

#carte #container{
	background-image: url(imgs/background_carte.jpg);
	width: 1200px;
}

#accueil #container{
	background-image: url(imgs/background_site_1.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_0{
	background-image: url(imgs/background_site_0.jpg);
	width: 955px;
	height: 568px;
}


#detail #container.background_2{
	background-image: url(imgs/background_site_2.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_3{
	background-image: url(imgs/background_site_3.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_4{
	background-image: url(imgs/background_site_4.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_4_1{
	background-image: url(imgs/background_site_4_1.jpg);
	width: 955px;
	height: 568px;
}


#detail #container.background_5{
	background-image: url(imgs/background_site_5.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_6{
	background-image: url(imgs/background_site_6.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_7{
	background-image: url(imgs/background_site_7.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_8{
	background-image: url(imgs/background_site_8.jpg);
	width: 955px;
	height: 568px;
}

#detail #container.background_9{
	background-image: url(imgs/background_site_9.jpg);
	width: 955px;
	height: 568px;
}


#detail .background-contenu{
	padding:4px;
	background-color:#6e98be;
	border:1px solid #9dc1d5;
	color:#ffffff;
}

/* Entete de page
----------------------------------------------- */


#headerPrint{
	display:none;
	height:0;
	position:relative;
}



/* Marge de gauche
----------------------------------------------- */

#gauche, #gauche_haut, #gauche_centre, #gauche_bas {
	float: left;
	padding:0;
	margin:0;
	width: 170px;
}

#detail #gauche{
	display:none;
}


/* Centre de page 
----------------------------------------------- */


#contenu{
	float: left;
	padding:0;
	margin:0;
	vertical-align:top;
}

#accueil #contenu{
	width: 720px;
}

#detail #contenu{
	width:890px;
}


#accueil #centre {
	display:none;
}

#detail #centre {
	float: left;
	padding:0;
	margin: 0;
	width: 700px;
}

#accueil #centre_haut {
	display:none;
}

#detail #centre_haut, #detail #centre_bas  {
	float: left;
	padding:0;
	width: 670px;
}

#accueil #centre_gauche{
	display:none;
}

#detail #centre_gauche{
	float: left;
	padding:0;
	margin: 0 0 0 30px;
	width: 310px;
}


#detail #centre_droit.trois-quart{
	width: 440px;
}
#detail #centre_gauche.un-quart{
	width: 170px;
}


#accueil #centre_droit{
	display: none;
}

#detail #centre_droit{
	float: right;
	padding:0;
	margin: 0 20px 0 0;
	width: 310px;
}


#accueil #centre_bas {
	display: none;
}



/* Contenu - marge de droite slideshow
----------------------------------------------- */

#detail .flashclass{
	width: 160px;
	border: none;
}

#detail p.inner{
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#1c3e7d;
}

#detail #myslideshow1{
	float:left;
}
#detail #myslideshow2{
	float:left;
}
#detail #myslideshow3{
	float:left;
}
#detail #myslideshow4{
	float:left;
}




/* Contenu - cote droit
----------------------------------------------- */

#droit,  #droit_haut, #droit_centre, #droit_bas {
	float: right;
	padding:0;
	margin:0;
	width: 160px;
}

#droit_haut{
	height: 332px;
}

#droit_centre{
	height: 84px;
}

#droit_bas{
	display:none;
}


/* Bas de page
----------------------------------------------- */

#BasDePage{
	float: left;
	padding:0;
	margin:0;
	width:720px;
	text-align:left;

}


/* Bas de contenu - Copyright
----------------------------------------------- */

#logo{
	padding:0px;
	margin:80px 0 0 0;
}


#copyright p {
	display:none;
	font-family: Myriam-Pro, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #729abc;
}

#copyright .tel {
	font-weight:bold;
	padding-left:20px;
	font-size: 12px;
}




/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DES COMPOSANTES
                                             
   ===========================================
*/


/* Plan du site
----------------------------------------------- */	

#plandusite {
	margin: 0;
	padding: 15px 0 0 15px;
}

#plandusite li{
	margin: 0;
	padding: 7px 0 0 0;
}






/* Nouvelle
----------------------------------------------- 

Voir le fichier http://www.scah.ca/cmx/cmx_client/nouvelle/nouvelle_scah.xsl 

*/





/* Abonnement
----------------------------------------------- */


#abonnement{
	float:left;
	padding:0;
	margin:2px 0 0 0;
	width:161px;
}

#abonnement .boiteEntete{
	margin:0;
	padding:0;
	height:17px;
	background-position: left top;
	background-image: url(imgs/abonnement_entete.gif);
	background-repeat: no-repeat;
}

#abonnement #boiteOuvrir{
	margin:0;
	padding:1px 0 0 0;
	height:13px;
	width:161px;
	text-align:right;
}

#abonnement #boiteOuvrir.bkg {
	background-position: left top;
	background-image: url(imgs/abonnement_bkg.gif);
	background-repeat: no-repeat;
}

#abonnement #abonn_boiteContenu{
	display : none;
	background-position: left bottom;
	background-image: url(imgs/abonnement_bkg_on.gif);
	background-repeat: no-repeat;
	height:84px;
}


#abonnement #img_abonnement{
	cursor:  pointer;
}

#abonnement #abonn_haut{
	display:none;
}

#abonnement #abonn_centre{
	margin:0;
	padding:0;
	width:161px;
	height: 72px;
}

#abonnement #abonn_bas{
	text-align:right;
}

#abonnement input {
	margin:0;
	padding:0;
	border:none;
	font-size:11px;
	height:13px;
	color:#fff;
	background-color:transparent;
}

#abonn_prenom{
	margin:0;
	padding: 7px 0 0 0;
	width:161px;
}

#abonn_nom{
	margin:0;
	padding: 6px 0 0 0;
	width:161px;
}

#abonn_courriel{
	margin:0;
	padding: 4px 0 0 0;
	width:161px;
}

#abonnement #Prenom {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#abonnement #Nom {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#abonnement #Courriel {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#abonnement #btabonnement {
	float:right;
	margin:0;
	padding:0;
	width:78px;
	height:12px;
	background-position: left top;
	background-image: url(imgs/abonnement_envoyer_over.gif);
	background-repeat: no-repeat;
	cursor:  pointer;
}












/* zone
----------------------------------------------- */


#zone_client{
	float:left;
	padding:0;
	margin:2px 0 0 0;
	width:161px;
}

#zone_client .boiteEntete{
	margin:0;
	padding:0;
	height:17px;
	background-position: left top;
	background-image: url(imgs/zone_entete.gif);
	background-repeat: no-repeat;
}


#zone_client #zone_boiteContenu{
	background-position: left bottom;
	background-image: url(imgs/abonnement_bkg_on.gif);
	background-repeat: no-repeat;
	height:84px;
}


#zone_client #img_zone{
	cursor:  pointer;
}


#zone_client #zone_centre{
	margin:0;
	padding:0;
	width:161px;
	height: 72px;
}

#zone_client #zone_bas{
	text-align:right;
}

#zone_client input {
	margin:0;
	padding:0;
	border:none;
	font-size:11px;
	height:13px;
	color:#fff;
	background-color:transparent;
}

#zone_prenom{
	margin:0;
	padding: 7px 0 0 0;
	width:161px;
}

#zone_nom{
	margin:0;
	padding: 6px 0 0 0;
	width:161px;
}

#zone_courriel{
	margin:0;
	padding: 4px 0 0 0;
	width:161px;
}

#zone_client #Prenom {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#zone_client #Nom {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#zone_client #Courriel {
	margin:0 0 0 42px;
	padding:0;
	width:105px;
}

#zone_client #btzone {
	float:right;
	margin:0;
	padding:0;
	width:78px;
	height:12px;
	background-position: left top;
	background-image: url(imgs/zone_envoyer_over.gif);
	background-repeat: no-repeat;
	cursor:  pointer;
}















/* Recherche
----------------------------------------------- */	

#recherche {
	float:left;
	padding:0;
	margin:0;
	width:149px;
	height:34px;
	background-position: left top;
	background-image: url(imgs/recherche_bkg.jpg);
	background-repeat: no-repeat;
}


#rech_centre{
	float:left;
	width:122px;
	height:34px;
}

#rech_bas{
	float:left;
	width:15px;
	height:15px;
}

#recherche input {
	margin:0;
	padding:0;
	border:none;
	font-size:11px;
	height:11px;
	color:#fff;
	background-color:transparent;
}

#rech_centre #mots {
	margin:15px 0 0 26px;
	padding:0;
	width:93px;
}

#rech_bas #btrecherche {
	padding:0;
	margin:14px 0 0 0;
	width:15px;
	height:12px;
	background-position: left top;
	background-image: url(imgs/bt_rech.jpg);
	background-repeat: no-repeat;
	cursor:  pointer;
}




/* Icones
----------------------------------------------- */	

#icones {
	float:left;
	padding:0;
	margin:0;
	width:149px;
	height:20px;
	background-position: left top;
	background-image: url(imgs/icones_bkg_off.jpg);
	background-repeat: no-repeat;
}

#icones #acc{
	float:left;
	margin:0 0 0 24px;
	width:21px;
}

#icones #contact{
	float:left;
	margin:0 0 0 2px;
	width:18px;
}

#icones #plan{
	float:left;
	margin:0 0 0 0px;
	width:20px;
}

#icones #zone{
	float:left;
	margin:0 0 0 3px;
	width:50px;
}




/* renseignement
----------------------------------------------- */


#renseignement{
	float:left;
	padding:0;
	margin:2px 0 0 0;
	width:285px;
}

#renseignement .boiteEntete{
	display:none;
	margin:0;
	padding:0;
	height:17px;
	background-position: left top;
	background-image: url(imgs/renseignement_entete.gif);
	background-repeat: no-repeat;
}

#renseignement #boiteOuvrir{
	margin:0;
	padding:1px 0 0 0;
	height:13px;
	width:285px;
	text-align:right;
}

#renseignement #boiteOuvrir.bkg {
	display:none;
	background-position: left top;
	background-image: url(imgs/renseignement_bkg.gif);
	background-repeat: no-repeat;
}

#renseignement #rens_boiteContenu{
	background-position: left bottom;
	background-image: url(imgs/renseignement_bkgr.png);
	background-repeat: no-repeat;
	height:131px;
}


#renseignement #img_renseignement{
	cursor:  pointer;
}

#renseignement #rens_haut{
	display:none;
}

#renseignement #rens_centre{
	margin:0;
	padding:0;
	width:285px;
	height: 131px;
}

#renseignement #rens_bas{
	text-align:right;
}

#renseignement input{
	margin:0;
	padding:0;
	border:none;
	font-size:11px;
	height:13px;
	color:#fff;
	background-color:transparent;
}

#renseignement textarea {
	margin:0;
	padding:0;
	border:none;
	font-size:11px;
	color:#fff;
	background-color:transparent;
}

#rens_prenom{
	margin:0;
	padding: 6px 0 0 0;
	width:285px;
}

#rens_nom{
	margin:0;
	padding: 6px 0 0 0;
	width:285px;
}

#rens_courriel{
	margin:0;
	padding: 4px 0 0 0;
	width:285px;
}

#rens_telephone{
	margin:0;
	padding: 4px 0 0 0;
	width:285px;
}

#rens_demande{
	margin:0;
	padding: 4px 0 0 0;
	width:285px;
}


#renseignement #Prenom {
	margin:0 0 0 44px;
	padding:0;
	width:105px;
}

#renseignement #Nom {
	margin:0 0 0 44px;
	padding:0;
	width:105px;
}

#renseignement #Courriel {
	margin:0 0 0 44px;
	padding:0;
	width:105px;
}

#renseignement #Telephone {
	margin:0 0 0 44px;
	padding:0;
	width:105px;
}

#renseignement #Demande {
	margin:0 0 0 44px;
	padding:0;
	width:215px;
}


#renseignement #btrenseignement {
	float:right;
	margin:0;
	padding:0;
	width:78px;
	height:12px;
	background-position: left top;
	background-image: url(imgs/renseignement_envoyer.gif);
	background-repeat: no-repeat;
	cursor:  pointer;
}








/* Contenu publicitaire
----------------------------------------------- */

#pub{
	padding:0;
	margin:26px 0 0 69px;
}

#pub1{
	margin:0;
	padding:6px;
	float:left;
	width: 140px;
	height:74px;
}

#pub1 a{
	text-decoration:none;
	color: #fff;
}
#pub2 a{
	text-decoration:none;
	color: #01247e;
}
#pub3 a{
	text-decoration:none;
	color: #414e5a;
}

#pub1 a:hover, #pub2 a:hover, #pub3 a:hover {
	text-decoration:underline;
}


#pub2{
	margin:0 0 0 26px;
	padding:6px;
	float:left;
	width: 140px;
	height:74px;
}
#pub3{
	margin:0 0 0 28px;
	padding:6px;
	float:left;
	width: 142px;
	height:74px;
}































/* Activite
----------------------------------------------- */

#evenement {
	padding:0;
	margin:0;
	width:214px;
	height:202px;
	background-position: left top;
	background-image: url(imgs/background_evenement.jpg);
	background-repeat: no-repeat;
}

#evenement div.boiteContenu{
	margin:0;
	padding:58px 0 0px 0;
	width:214px;
	height:125px;
}

#evenement div.boitePhoto, #evenement div.boiteEntete {
	display:none;
}

#evenement div.boiteEvenements{
	margin:0;
	padding:0;
	overflow:auto;
	height:125px;
}

#evenement div.boiteEvenements span.date{
	margin:0;
	padding:0;
	font-weight: bold;
	color: #fff;
}

#evenement div.boiteEvenements span.titre{
	margin:0;
	padding:0 0 0 7px;
	color: #E1A93B;
}

#evenement div.boiteEvenements p{
	margin:0;
	padding:0 0 5px 0;
	color: #fff;
}

#evenement div.boiteEvenements a {
	margin:0;
	padding:0;
	text-decoration:none;
	color: #fff;
}

#evenement p.boitePieddepage {
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
}

#evenement_detail {
	padding:0;
	margin:0;
	background-position: left top;
	background-image: url(imgs/background_evenement.jpg);
	background-repeat: no-repeat;
	height:46px;
}




/* Activite - Archive
----------------------------------------------- */

#evenement_archive {	
	padding: 0;
	margin: 0;
}

#evenement div.boiteEvenements h3{
	margin:0;
	padding:0;
}

#evenement_archive div.boiteNouvelles span.date{
	margin:0;
	padding:0;
	font-weight: bold;
}

#evenement_archive div.boiteNouvelles span.titre{
	margin:0;
	padding:0 0 0 7px;
}

#evenement_archive div.boiteNouvelles span.desc{
	margin:0;
	padding:0 0 5px 0;
}

#evenement_archive div.boiteNouvelles a {
	margin:0;
	padding:0;
	text-decoration:none;
}










/* Modèle de contenu - Tableau pointillée horizontale
----------------------------------------------- */

#tab_horizontal {
	margin:0;
	padding:0;
	border:0;
	border-spacing: 0px; 
	border-collapse: collapse;
}

#tab_horizontal tr {
	margin:0;
	padding:0;
}

#tab_horizontal td{
	vertical-align:top;
	margin:0;
	padding:0 5px 0 0;
	border-right: none;
}

#tab_horizontal td.separateur{
	padding-left:14px;
}


#tab_horizontal #titre_col_font{
	background-color: #EEF5F8;
	border-right: 1px dashed #E6861B;
	border-bottom: 3px solid #E6861B; 
}



#tab_horizontal #titre_font{
	background-color: #EEF5F8;
	border-bottom: 3px solid #E6861B; 
}

#tab_horizontal #titre{
	border-bottom: 3px solid #E6861B; 
}

#tab_horizontal #titre_col{
	border-right: 1px dashed #E6861B;
	border-bottom: 3px solid #E6861B; 
}

#tab_horizontal #col_font{
	background-color: #EEF5F8;
	border-right: 1px dashed #E6861B;
}

#tab_horizontal #col{
	border-right: 1px dashed #E6861B;
}

#tab_horizontal #font{
	background-color: #EEF5F8;
}




/* Modèle de contenu - Tableau pointillée vertical
----------------------------------------------- */

#tab_vertical {
	margin:0;
	padding:0;
	border:0;
	border-spacing: 0px; 
	border-collapse: collapse;
}

#tab_vertical tr {
	margin:0;
	padding:0;
}

#tab_vertical td{
	margin:0;
	padding:4px 5px 4px 5px;
	border-right: none;
}

#tab_vertical #titre_ligne{
	border-bottom: 1px dashed #E1A93C;
	border-bottom: 3px solid #E1A93C; 
}


#tab_vertical #titre_ligne_font{
	background-color: #E1A93C;
	border-bottom: 1px dashed #E1A93C;
	border-bottom: 3px solid #E1A93C; 
}

#tab_vertical #ligne_font{
	background-color: #EEF5F8;
	border-bottom: 1px dashed #E1A93C;
	color:#E1A93C;
}

#tab_vertical #ligne{
	border-bottom: 1px dashed #E1A93C;
}

#tab_vertical #ligne2{
	border-bottom: 3px dashed #E1A93C;
}









/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DES MENUS
                                             
   ===========================================
*/




/* Menu Section (marge de gauche)
----------------------------------------------- */

#menuSection {
	padding: 0px;
	margin: 85px 0 0 0;
	width: 131px;
}

#menuSection ul.n1 {
	margin: 0;
	list-style: none;
	padding:0 0 10px 0;
}

#menuSection ul.n1 li{
	margin:0;
	padding:0;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#menuSection ul.n1 li a{
	display: block;
	padding:0;
	margin:0;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}

#menuSection ul.n1 li a:hover {
	color: #ddf88b;
}

#menuSection ul.n1 li a.current {
	color: #ddf88b;
}


#menuSection ul.n2 {
	margin: 0;
	list-style: none;
	padding:0 10px 10px 0;
}

#menuSection ul.n2 li{
	margin:0;
	padding:0;
}

#menuSection ul.n2 li a{
	display: block;
	padding:0;
	margin:0;
	text-align:right;
	font-size: 10px;
	font-weight: bold;
	color: #78a6cd;
	text-decoration:none;
}

#menuSection ul.n2 li a:hover {
	color: #ddf88b;
}

#menuSection ul.n2 li a.current {
	color: #ddf88b;
}










/* Menu principal
----------------------------------------------- */

#menuPrincipal{
	float:left;
	padding:0;
	margin:3px 0 0 0;
	height: 31px;
	position:absolute;
	width:690px;
}



#menuPrincipal ul { 
	padding:0;
	margin: 0;
	list-style: none;
	float:right;
	display:inline;
}

#menuPrincipal li {
	position: relative;
	float: left;/**/
	background-position: left bottom;
	background-image: url(../styles/imgs/menu-separateur.gif);
	background-repeat: no-repeat;
	height:17px;
}

#menuPrincipal ul li{ 
	padding:0;
	margin: 0;
}

#menuPrincipal ul li a{ 
	padding:0 7px 0 7px;
	margin: 0 7px 1px 7px;
	display: block;
	position: relative;
	width:100%;	
	color: #fff;
	text-decoration: none;

}

#menuPrincipal ul li a:hover {
	color: #E1A93B;
}

#menuPrincipal ul li a.current {
	color: #E1A93B;
}



/* Menu principal -  sous-menu vertical
----------------------------------------------- */

#menuPrincipal ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menuPrincipal ul ul,
div#menuPrincipal ul li:hover ul ul,
div#menuPrincipal ul ul li:hover ul ul
{display: none;}

div#menuPrincipal ul li:hover ul,
div#menuPrincipal ul ul li:hover ul,
div#menuPrincipal ul ul ul li:hover ul
{display: block;}

#menuPrincipal ul ul {
	position: absolute;
	z-index: 500;
}

#menuPrincipal ul li ul{
	padding:0;
	margin: 0;
	float: left;
	width: 135px;
	top: 17px;
	text-align: left;
	background-position: left top;
	background-image: url(../styles/imgs/background-ssmenu.gif);
	background-repeat: repeat-y;
	/*filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;  */
}

#menuPrincipal ul li ul li{ 
	float: left;
	padding:2px 0 2px 8px;
	margin: 0;
	width: 100px;
	height:100%;
	background-image: none;
	display: block;
	position: relative;
}

#menuPrincipal ul li ul li.first{
	padding:14px 0 2px 8px;
}

#menuPrincipal ul li ul li.last{
	background-position: left bottom;
	background-image: url(../styles/imgs/ss-menu-bas.gif);
	background-repeat: no-repeat;
	height:25px;
}


#menuPrincipal ul li ul li a{ 
	padding:0 7px 0 7px;
	margin:0;
	text-decoration:none;
	background-position: left center;
	background-image: url(../styles/imgs/ss-menu-puce.gif);
	background-repeat: no-repeat;
}