/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/


/***********************************************/
/* de l'ancien common.css                      */
/***********************************************/

body{
	font-family: Arial,sans-serif;
	color: #333333;/*color du texte de toute la page, sauf ce qui est défini autrement*/
	background: #cccccc url("../img/background_SoDa.jpg") fixed;/*url("../img/bg_grad.jpg") fixed;*/
}

div#main {
		width:740px;

}


/***********************************************/
/* barre menus horiz                           */
/***********************************************/

#globalNav{
	font: small Verdana,sans-serif;
    padding:0px 0px 0px 5px;
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 20px;
}

#globalLink{
	position: absolute;
	top: -5px;
	width: 657px;
	visibility: visible;
}


#globalNav a{
	margin-top: 4px;
	float:left;
}

a.glink, a.glink:visited{
	color: #21536A;/*couleur de la police*/
	font-weight: bold;
	padding: 2px 6px 4px 8px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("../img/glblnav_selected.gif");
	text-decoration: none;
}

/***********************************************/
/* sous-menus                                  */
/***********************************************/

.subglobalNav{
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 130px;/*position des sous menus*/
	left: inherit;/*0px;*/
	min-width: 240px;/*640px;*/
	height: 20px;
	padding: 0px 0px 0px 0px;
	color: #FC0;/*#ffffff;/*couleur des traits verticaux */
	z-index: 100;
	width: 460px;
	font-size: 12px;
	/*visibility: visible; lionel avait mis visible... mais ca change rien, toujours souci*/
}

/*sous menus ecrits en blanc, qui devient gris et se surligne par défaut sur le hover*/
.subglobalNav a:link, .subglobalNav a:visited {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 85%;*/
	color: #FB0;/*#ffffff;*/
	font-weight:bold;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

/*bandeau de recherche google*/
#search{
	position: relative;/*absolute;/*si absolute, alors par rapport a la page entiere.*/
	top: 8px;/*au depart, 90px*/
	z-index: 0;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FB0;/*#FFCC00;/*jaune orangé*/
	font-size: 10px;
	font-weight:bold;
	visibility: visible;
}

#search input{
    font-size: 85%;
    margin: 0px  0px 0px 10px;
}
 
/*#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}*/

#search a:hover{ margin: 0px;}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align: justify;
	clip: rect(auto,auto,auto,auto);
}

ul{
	list-style-type: square;
	font-size: 12px;
}


/**************** Grand rectangle blanc du fond : je le laisse transparent!!! ***************/

#pagecell1{
	position:relative;
	
	top: 5px;/*112px au depart*/
	/*left: 2%;
	right: 2%;*/
	width:100%;/*95.6%;*/
	/*background-color: #ffffff;*/
	/*z-index: 3; je vois pas a quoi ca sert */
	/*vertical-align: middle;*/
}


/***********************************************/
/* boites a bords ronds                        */
/***********************************************/

.zsnazzy {	width:740px;
	/*clip: rect(auto,auto,auto,auto); pas vu l'utilité de ca*/
	/*	padding-left: 10px; j'enleve ces fichus pix de padding gauche*/
	/*background-color:#FFF;*/
}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}/*couleur des tites boites, tester height*/

.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 0px 5px 0px; border-bottom:1px solid #444;}/*mets les bords en dessous des titres en rouge*/
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:12px;}

/*.xtop, .xbottom {display:block; background:transparent; font-size:1px;} utilité?? */
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}/*comprend pas a quoi sert hidden*/

.xb2, .xb3, .xb4 {/*background:#fff; */ border-left:1px solid #444; border-right:1px solid #444;}/*fond blanc en bas des encadrés ronds*/
.xb1 {margin:0 5px; height:1px; background:#444;/*c la couleur de la ligne en haut et bas des bois à bords ronds*/}/* */
.xb2 {margin:0 3px; height:1px; border-width:0 2px;}
.xb3 {margin:0 2px; height:1px;}
.xb4 {margin:0 1px; height:2px;}/*je vois pas a quoi sert height ici*/

.xboxcontent {/*display:block;/*sert a quoi?*/ border:0 solid #444; border-width:0 1px; height:auto;}/*couleur, et border-width 
des bords verticaux*/
.xboxcontentmini {/*display:block;/*sert a quoi?*/ border:0 solid #444; border-width:0 1px; height:200px;}

* html .xboxcontent {height:1px;}

.color_a {background:#c9ba65;/*beige de SoDa service*/ color:#fff;}
.color_b {background:#d4d8bd;/*gris clair de visitors*/ color:#000;}
.color_c {background:#758279;/*gris foncé de registered users*/ color:#fff;}
.color_d {background:#b2ab9b;}/*fond gris derriere banniere*/ 
.color_back {background:#FFF; }

.color_topMenu {background:#e9eaec; }

/******* liens bas de page *******/

#siteInfo{
	/*clear: both; inutile */
	border-top: 1px solid #cccccc;/* bord supp en gris */
	font-size: small;
	color: #cccccc;/*text en gris*/
	padding: 10px 10px 10px 10px;
	/*margin-top: 0px; inutile*/
}

#siteInfo img{
	padding: 2px 4px 4px 0px;
	vertical-align: middle;
}


a:link, a:visited{
	/*color: #005FA9;*/
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}