/* Start of CMSMS style sheet 'ugoss_screen' */
/*  --------------------------------------------------------------
--
--	UGOSS - Union de Gestion des Oeuvres Sanitaires et Sociales
--	CSS screen layout
--
--	revision janvier 2008
--	bug a rapporter a aurelien point ferlito chez free point fr
--
--------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	background-color: #edece1;
}

/* ---- page : conteneur global, spacer
--------------------------------------------------------------- */
div#wrap {
	width: 900px;
	margin: 0 auto;
}
div.spacer {
	clear: both;
	height: 0;
}

/* ---- header : logo
--------------------------------------------------------------- */
div#header {
	background: url(uploads/img_layout/headerPS.png) no-repeat top #EDECE1;
	height: 160px;
	clear: both;
	position: relative;
}
div#header h1 a {
	font-size: 2em;
	line-height: 100%;
	color: #333;
	background: url(uploads/img_layout/logoPS.png) left top no-repeat !important;
	text-indent: -9999px;
	width: 200px;
	height: 155px;
	display: block;
	float: left;
margin-left:5px;
margin-top:3px;
}
div#header h1 a.yopyop {
	font-size: 2em;
	line-height: 100%;
	color: #333;
	background: url(uploads/img_layout/header_logo.png) left top no-repeat !important;
	text-indent: -9999px;
	width: 445px;
	height: 125px;
	display: block;
	float: left;
}
img#logoDroite {
	border: none;
	position: absolute;
	top: 17px;
	right: 20px;
z-index : -10;
}
img#subHeaderPharma {
	position: absolute;
	top: 114px;
	right: 30px;
	z-index: 20;
}
img#subHeaderOptique {
	position: absolute;
	top: 114px;
	right: 30px;
	z-index: 20;
}
img#subHeaderDentaire {
	position: absolute;
	top: 114px;
	right: 40px;
	z-index: 20;
}
img#subHeaderAppmedical {
	position: absolute;
	top: 114px;
	right: 30px;
	z-index: 20;
}
div#logout {
	border: 1px dotted #ccc;
	border-top: none;
	padding: 5px 7px;
	float: right;
	margin: 0 110px 0 0;
	background-color: white;
}
div#logout a {
	background: url(uploads/img_layout/icone_logout.gif) left center no-repeat;
	padding: 0 0 0 20px;
	zzmargin: 0 20px 0 0;
	zzfloat: right;
	zzdisplay: block;
}
div#nouvelleSaisie {
	color: #999999;
	font-style: italic;
	margin-top: 5px;
	padding-left: 12px;
	display: none;
}


/* ---- contenu : conteneur global des colonnes
--------------------------------------------------------------- */
div#contentWrap {
	width: 100%;
	margin: 1.2em 0;
	background: url(uploads/img_layout/content_bg.gif) left top repeat-y;
}

/* ---- contenu : articles
--------------------------------------------------------------- */
div#content {
	width: 471px;
	float: left;
	padding: .5em 18px .5em 18px;
	background: url(uploads/img_layout/ariane_bgtop.gif) left top no-repeat;
	border-right: 1px dotted #e5e5e5;
	margin-bottom: 1em;
}
div#ariane {
	padding-bottom: 0em;
}
div#ariane p {
	font-size: 1em;
	line-height: 145%;
	background: url(uploads/img_layout/puce.png) left 1.9em no-repeat;
	padding: 2em 0 .1em 1.8em;
	width: 445px;
}
div#ariane a {
	text-decoration: none;
	border-bottom: 1px dotted #e5e5e5;
	color: #666;
}
div#ariane a:hover {
	border-bottom: 1px dotted #666;
	color: #000;
}
div#content img.banniereDroite {
	float: right;
	margin: -45px 0 0 1em;
}
div#content img {
	overflow: hidden;
}

/* ---- navigation
--------------------------------------------------------------- */
div#nav {
	width: 114px;
	float: left;
	padding: 4.4em 0 2em 16px;
	background: url(uploads/img_layout/nav_bgtop.gif) center top no-repeat;
}

/* ---- colonne des actualités, promos
--------------------------------------------------------------- */
div#colDroite {
	width: 262px;
	float: right;
}
div.boutiqueBox {
	position: absolute;
	z-index: 50;
	zbackground: red;
	height: 70px;
	margin-top: -10px;
	width: 262px;
}
div.boutiqueBox img {
	border: none;
	display: block;
	margin: 0 0 0 14px;
	overflow: hidden;
}
div#search {
	background: url(uploads/img_layout/search_bg03.gif) left top no-repeat;
	height: 49px;
	padding: 5.5em 0 0 0;
}
div#actu {
	/* rien */
}
div.ugoss_partenaires {
	border: 1px solid #ffdf92; 
	margin: 10px auto; 
	padding: 5px; 
	width: 80%;
height:269px;
	background-color: white;

}
div.ugoss_partenaires h3 {
	color: #ffba04; 
	text-align: center;
}
div#promo {
	/* rien */
}
div#colDroite img.lienMutuelle {
	border: none;
	display: block;
	margin: 1em auto 2em;
}




/* ---- footer
--------------------------------------------------------------- */
div#footer {
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	clear: both;
	padding: 0 0 2em 0;
}
div#footer ul {
	list-style: none;
	list-style-position: outside;
	text-align: center;
	margin: 2em 0 0 0;
}
div#footer li {
	display: inline;
}
div#footer ul a {
	padding: .2em .8em .2em .5em;
	text-decoration: none;
	border-right: 1px dotted #ccc;
}
div#footer ul a.dernier {
	border-right: none;
}
div#footer ul a:hover {
	background-color: #98D9E8;
	background-color: #afe4fc;
	color: #000;
}
/* End of 'ugoss_screen' */

/* Start of CMSMS style sheet 'ugoss_menu' */
/*	--------------------------------------------------------------
--
--	UGOSS - Union de Gestion des Oeuvres Sanitaires et Sociales
--	CSS screen, menu deroulant
--
--	revision fevrier 2008
--	bug a rapporter a aurelien point ferlito chez gmail point com
--
--------------------------------------------------------------- */


/* Start of CMSMS style sheet 'Navigation: CSSMenu - Vertical' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */
#menuwrapper { 
	width: 104px;
}
/* couleurs de menu */
div#nav .menuPharma {
	color: #74c3b9;
}
div#nav .menuactive .menuPharma {
	color: #000;
}
div#nav .menuOptique {
	color: #ffba04;
}
div#nav .menuactive .menuOptique {
	color: #000;
}
div#nav .menuDentaire {
	color: #0088cc;
}
div#nav .menuactive .menuDentaire {
	color: #000;
}
div#nav .menuNaturopathie {
	color: #9fbb01;
}
div#nav .menuactive .menuNaturopathie {
	color: #000;
}
div#nav .menuAppareillage {
	color: #cc003a;
}
div#nav .menuactive .menuAppareillage {
	color: #000;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav,
#primary-nav ul { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12.5px;
	line-height: 150%;
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	margin-left: -1px;
}
#primary-nav ul {
	position: absolute;
	top: 0;
	right: 100%; /* si left : alors menu a droite */
	display: none;
}
#primary-nav li { 
	margin-bottom: -1px; 
	position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
	display: block;
	border: 1px solid white;
	margin: 0; 
	padding: 5px 0 5px 7px; /* 5px 0 5px 15px */
	color: #444;
	text-decoration: none; 
	background: transparent; 
	min-height: 1em; /* Fixes IE7 whitespace bug*/ 
}
#primary-nav a:hover { 
	color: #000;
}
#primary-nav li,
#primary-nav li.menuparent { 
	zzmin-height: 1em; /* Fixes IE7 bug*/
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav .menuactive {
	background-color: #ffba04;
	color: #000;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
	zbackground: url(uploads/img_layout/icone_fleche_menu02.gif) 2px center no-repeat;
}

/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
	background-color: #ffba04;
}

/* The magic - set to work for up to a 5 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul, 
#primary-nav li:hover ul ul ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul, 
#primary-nav li.menuparenth ul ul ul, 
#primary-nav li.menuparenth ul ul ul ul { 
	display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul, 
#primary-nav ul ul ul li.menuparenth ul
#primary-nav ul ul ul ul li.menuparenth ul { 
	display: block;
	background-color: #ffba04;
}

/* IE Hack, will cause the css to not validate */
#primary-nav li,
#primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

#primary-nav ul,
#primary-nav ul ul {
	width: 150px;
}

/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}
/* End of 'ugoss_menu' */