/* Start of CMSMS style sheet 'ugoss_typo' */
/*  --------------------------------------------------------------
--
--  UGOSS - Union de Gestion des Oeuvres Sanitaires et Sociales
--  Site institutionnel
--  CSS all media, typographie
--
--  revision janvier 2008
--  bug a rapporter a aurelien point ferlito chez gmail point com
--
--------------------------------------------------------------- */

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

/* ---- header : compte, connexion
--------------------------------------------------------------- */
a.compteCreer {
	background: url(uploads/img_layout/icone_compte_creer.gif) left center no-repeat;
	padding: .1em 0 .1em 2em;
	line-height: 180%;
}
a.comptePwd {
	background: url(uploads/img_layout/icone_compte_pwd.gif) left center no-repeat;
	padding: .1em 0 .1em 2em;
	line-height: 180%;
}
a.compteEntrer {
	background: url(uploads/img_layout/icone_compte_entrer.gif) left center no-repeat;
	padding: .1em 0 .1em 2em;
	line-height: 170%;
}
a.compteSortir {
	background: url(uploads/img_layout/icone_compte_sortir.gif) left center no-repeat;
	padding: .1em 0 .1em 2em;
	line-height: 180%;
}

/* ---- accueil
--------------------------------------------------------------- */
div#content p.accueilgrossi {
	font-size: 1.2em;
	line-height: 145%;
	margin: 0 0 1em 0;
	color: #111;
}
div.accueilSecteur {
	clear: both;
	width: 100%;
	float: left;
}
div.accueilSecteur hr.separation {
	clear: both;
	height: 1.5em;
	border: none;
	width: 100%;
	color: white;
	background: white;
}
div.colAccueilIntro {
	width: 225px;
	float: right;
	display: inline;
}
div.colAccueilBoutique {
	width: 225px;
	float: left;
	display: inline;
}
div.colMutListe {
	height: 100px;
	overflow: auto;
	margin: 0 0 15px 0;
	padding: 1em 0;
	background-color: #F2FBFD;
	border: 1px dotted #ccc;
	border-right: none;
}
div.colMutListe li {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 .5em 0;
	padding: 0;
}
div.boutiqueLiens {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
}
div.boutiqueLiens h2 {
	color: #ff0062 !important;
	font-size: 1.4em !important;
	margin-top: 10px !important;
}
div.boutiqueLiens h2 a {
	color: #ff0062 !important;
	text-decoration: none;
}
div.boutiqueLiens h2 a:hover {
	color: #C40049 !important;
	text-decoration: underlined;
}
div.boutiqueLiens p {
	font-size: 1.2em !important;
	margin-left: 85px !important;
}
div.boutiqueLiens p a {
	text-decoration: none;
}
div.boutiqueLiens p a:hover{
	text-decoration: underlined;
	font-weight: bold;
}
div.boutiqueLienCommande {
	float: left;
	width: 150px;
	margin-right: 10px;
	background: url(uploads/img_layout/picto_boutique_off.png) right bottom no-repeat;
	height: 80px;
}
div.boutiqueLienCommande:hover {
	background-image: url(uploads/img_layout/picto_boutique_on.png);
}
div.boutiqueLienCommandePremiere {
	float: left;
	width: 150px;
	margin-right: 10px;
	background: url(uploads/img_layout/picto_commandeprems_off.png) right bottom no-repeat;
	height: 80px;
}
div.boutiqueLienCommandePremiere:hover {
	background-image: url(uploads/img_layout/picto_commandeprems_on.png);
}
div.boutiqueLienRenseignements {
	float: left;
	width: 150px;
	background: url(uploads/img_layout/picto_renseignements_off.png) right bottom no-repeat;
	height: 80px;
}
div.boutiqueLienRenseignements:hover {
	background-image: url(uploads/img_layout/picto_renseignements_on.png);
}

/* ---- colonne : contenu des articles
--------------------------------------------------------------- */
div#contentWrap {
	/* reminder */
}
div#content {
	/* reminder */
}

div#content h1 {
	font-size: 2.2em;
	line-height: 120%;
	margin: 0 0 .3em 0;
	color: #4DBBD7;
}
div#content h2 {
	font-size: 1.6em;
	line-height: 130%;
	margin: .8em 0 .3em 0;
	color: #4DBBD7;
}
div#content h3 {
	font-size: 1.1em;
	line-height: 120%;
	margin: 1.7em 0 .2em 0;
	color: #000;
}
div#content h3 span {
	background-color: #98d9e8;
	background-color: #afe4fc;
	padding: .2em 1em;
	line-height: 150%;
}
div#content p {
	font-size: 1em;
	line-height: 145%;
	margin: 0 0 1em 0;
	color: #111;
}
div#content p.important01 {
	background: url(uploads/img_layout/icone_compte_pwd.gif) left center no-repeat;
	padding: .5em 0 .5em 2.4em;
	color: #EC3E6D;
	margin: 3em 0;
}
div#content ul,
div#content ol {
	font-size: 1em;
	line-height: 150%;
	margin: 0 0 1em 1.6em;
	color: #222;
	list-style-position: inside;
	list-style-type: disc;
	clear: both;
}
div#content ol {
	list-style-type: decimal;
}
div#content ul ul,
div#content ol ol {
	font-size: 1em;
	line-height: 150%;
	margin: .3em 0 .3em 2em;
}
div#content img {
	border: black;
}
.flottantGauche {
	float: left;
	margin: .4em .9em 0 0;
	border: none;
	display: block;
}
.flottantDroite {
	float: right;
	margin: .4em 0 0 .9em;
	border: none;
	display: block;
}
.flottantCentre {
	display: block;
	margin: .7em 0;
	border: none;
}
a:link,
a:visited {
	color: #333;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: red;
}

/* ---- navigation et menu
--------------------------------------------------------------- */
div#nav {
	/* voir ugoss_menu.css */
}
div#nav img.bonhomme {
	margin: 2em 0 0 1px;
	display: block;
	position: relative;
	right: 17px;
	overflow: hidden;
}

/* ---- news : colonne droite
--------------------------------------------------------------- */
div#actu {
	/* reminder */
}
div#actu h5 a { /* titraille colonne droite */
	font-size: 1.3em;
	line-height: 100%;
	background: url(uploads/img_layout/actualites_titrebg03.jpg) left top no-repeat !important;
	text-indent: -9999px;
	height: 51px;
	width: 262px;
	color: #333;
	display: block;
}
div#actu div.actuCol {
	font-size: 1em;
	line-height: 150%;
	padding: 1em 13px 1em 17px;
	margin: 0;
}
div.actuCol h6.actuTitre {
	font-size: 1em;
	line-height: 120%;
}
div.actuCol div.actuResume {
	/* rien : formatage via cms */
	color: #666 !important;
}
div.actuCol h6.actuTitre a,
div.actuCol div.actuResume a {
	color: #222;
	text-decoration: none;
}
div.actuCol div.actuDate {
	float: left;
	padding-right: .5em;
}
div.actuCol div.actuDate a,
div.actuCol div.actuPlus a {
	color: #555;
	text-decoration: none;
	font-style: italic;
}
div.actuCol h6.actuTitre a:hover,
div.actuCol div.actuResume a:hover,
div.actuCol div.actuDate a:hover,
div.actuCol div.actuPlus a:hover {
	border-bottom: 1px dotted #dba003;
	color: #000;
}


/* ---- news et promos (commun) : pagination, bg clair/fonce
--------------------------------------------------------------- */
div#colDroite .bgClair {
	/*background-color: #fff8e5;*/
background: url(uploads/img_layout/actu_fond.jpg) no-repeat;
}
div#colDroite .bgFonce {
	background-color: #FFF2D2;
}
div.actuPagination,
div.promoPagination {
	color: #999;
	padding: 1em 1em 0 1em;
}
div#actu div.actuPagination,
div#promo div.promoPagination {
	color: #999;
	background-color: #01cbed;
	border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
	padding: 1em 0 1em 1.6em;
}
div.actuPagination a,
div.promoPagination a {
	color: #fff;
	background: url(uploads/img_layout/fleche.png) left no-repeat;
	padding: 0 0 0 2.6em;
	text-decoration: none;
	font-style: italic;
	display: block;
}
div.actuPagination a:hover,
div.promoPagination a:hover {
	color: #000;
}


/* ---- news : contenu central LISTE
--------------------------------------------------------------- */
div.actuSommaire {
	font-size: 1em;
	line-height: 140%;
	padding: 0;
	margin: 1em 0 0 0;
}
div.actuSommaireDate {
	background: url(uploads/img_layout/icone_fleche02.gif) left .3em no-repeat;
	padding: 0 0 0 1.6em;
	color: #666;
}
div.actuSommaireLien a {
	border-bottom: 1px dotted #dba003;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
div.actuSommaireLien a:hover {
	border-bottom: 1px dotted #000;
	color: #000;
}
div#actu div.actuSommaireLien a:hover {
	border-bottom: 1px dotted #dba003;
	color: #000;
}
div.actuSommaireResume {
	/* styles via CMS */
}
div.actuSommairePlus,
div.actuSommairePlus a {
	color: #999;
	font-style: italic;
}
div.actuSommairePlus a:hover {
	color: #000;
	font-style: normal;
}


/* ---- news : contenu central DETAILS
--------------------------------------------------------------- */
div#actuDetailDate {
	color: #666;
	margin: 1.8em 0 0 0;
}
h3#actuDetailTitre {
	font-size: 1.6em !important;
	color: #3384b2 !important;
	line-height: 125% !important;
	margin: .4em 0 .7em 0 !important;
	clear: both;
}
div#actuDetailResume {
	font-weight: bold;
	margin: 0 0 1em 0;
	line-height: 150%;
}
div#actuDetailCategorie,
div#actuDetailAuteur {
	color: #666;
	margin: 0 0 .3em 0;
	color: #3384b2;
	border-left: 1px dotted #999;
	padding-left: 1em;
}
div#actuDetailContent { /* wrapper */
	margin: 1em 0;
	line-height: 155%;
	color: #111;
}
div#actuDetailRetour a {
	color: #999;
	background: url(uploads/img_layout/icone_retour_news.gif) left center no-repeat;
	padding: .2em 0 .2em 1.8em;
	margin: .2em 0 0 0;
	display: block;
}


/* ---- promos : colonne droite
--------------------------------------------------------------- */
div#promo {
	/* reminder */
}
div#promo h5 {
	font-size: 1.3em;
	line-height: 100%;
	background: url(uploads/img_layout/promotions_titrebg03.gif) left top no-repeat !important;
	text-indent: -9999px;
	height: 31px;
	width: 262px;
	color: #333;
}
div#promo h5 a {
	font-size: 1.3em;
	line-height: 100%;
	background: url(uploads/img_layout/promotions_titrebg03.gif) left top no-repeat !important;
	text-indent: -9999px;
	height: 31px;
	width: 262px;
	color: #333;
	display: block;
}
div#promo div.promoItem {
	font-size: 1em;
	line-height: 145%;
	padding: 1em 13px 1em 17px;
}
div.promoItem h6.promoItemTitre {
	font-size: 1em;
	line-height: 120%;
}
div.promoItem div.promoItemResume {
	/* styles via cms */
	color: #666 !important;
}
div.promoItem h6.promoItemTitre a {
	color: #000;
	text-decoration: none;
}
div.promoItem div.promoItemDate {
	float: left;
	padding-right: .5em;
	font-style: italic;
	color: #555;
}
div.promoItem div.promoItemPlus a {
	font-style: italic;
	color: #555;
	text-decoration: none;
}
div.promoItem h6.promoItemTitre a:hover,
div.promoItem div.promoItemPlus a:hover {
	border-bottom: 1px dotted #dba003;
	color: #000;
}
div#promo span.promoItemPrix {
	background-color: #FFFFCE;
	padding: 0 .5em;
}
div#promo .flottantGauche {
	border: 1px solid #F9DA99;
	padding: .4em;
}
div#promo .flottantDroite {
	border: 1px solid #F9DA99;
	padding: .4em;
}

div#promo div.promoCnx {
	font-size: 1em;
	line-height: 145%;
	padding: 1em 13px 1em 17px;
}
div#promo div.promoCnx ul {
	list-style: none;
}
div#promoCnxLogin {
	display: none;
	margin: 1em 0 0 0;
}
div#promoCnxLogin form,
div#promoCnxLogin fieldset {
	border: none;
}
div#promoCnxLogin input.promoCnxChamp {
	width: 6.4em;
	padding: .2em .5em;
	float: left;
	margin: 0 .5em 0 0;
	border: 1px solid #ccc;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}

/* ---- pratique
--------------------------------------------------------------- */
div#zonePratique {
	clear: both;
	padding: 1em 0 0 0;
}
a#impressionPage,
a#hautdepage {
	padding: 3px 0;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 12px;
	color: #777;
}
a#impressionPage:hover,
a#hautdepage:hover {
	color: #000;
}
a#impressionPage {
	background: url(uploads/img_layout/icone_imprimer.gif) left 2px no-repeat;
	padding-left: 3.6em;
	float: left;
}
a#hautdepage {
	background: url(uploads/img_layout/icone_top.gif) right 4px no-repeat;
	padding-right: 2em;
	float: right;
}
div.navigationInterne {
	clear: both;
	margin: 1em 0 .5em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999;
}
div.navigationInterne p {
	color: #999 !important;
}
p.retourPrev {
	margin: 1em 0 !important;
}
p.retourPrev a {
	background: url(uploads/img_layout/icone_retour_news.gif) left 4px no-repeat;
	padding: .2em 0 .2em 2em;
}

/* ---- pratique
--------------------------------------------------------------- */
div.colNaturoGauche {
	float: left;
	width: 47%;
}
div.colNaturoDroite {
	float: right;
	width: 47%;
}
/* End of 'ugoss_typo' */

/* Start of CMSMS style sheet 'ugoss_forms' */
/*	--------------------------------------------------------------
--
--	UGOSS - Union de Gestion des Oeuvres Sanitaires et Sociales
--	CSS formulaires
--
--	révision fevrier 2008
--	bug a rapporter a aurelien point ferlito chez free point fr
--
--------------------------------------------------------------- */

form#mos {
	border: none;
	margin: 1em 0;
}
form#mos p {
	margin: 0;
}
legend {
	font-size: 1.1em;
	line-height: 120%;
	font-weight: bold;
	padding: 0 1em;
	background-color: #fff;
}
fieldset {
	border: 1px dotted #ccc;
	padding: 1.6em 1.5em .5em;
}
.rouge {
	font-size: 1.6em;
	color: #d71135;
}
.obligatoire {
	color: #d71135 !important;
}
.obligatoireMention {
	background: url(uploads/img_layout/icone_attention.gif) left center no-repeat;
	padding: .1em 0 .1em 2em;
}
br.formSepar {
	clear: both;
	height: .2em;
}
label.labelFloat {
	float: left;
	width: 17em;
	font-size: 1em;
	line-height: 120%;
	padding: .7em 0;
	position: relative;
	top: -5px;
}
input.champFloat {
	float: left;
	width: 12em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	line-height: 120%;
	padding: .1em .5em;
	border: 1px solid #ddd;
}
select.cnxSelect {
	width: 13.05em;
	border: 1px solid #ddd;
}
input.boutonValider {
	padding: 0 1em;
	clear: both;
	margin: 1em 0;
}


/* ---- header : compte, connexion
--------------------------------------------------------------- */
div#monCompte {
	padding: 0 0 0 1em;
	border-left: 1px dotted #ccc;
	margin: 0 2em 2em 0;
	float: right;
	width: 23em;
	height: 9.5em;
}
div#monCompte form,
div#monCompte fieldset {
	border: none;
}
div#monCompte legend {
	font-size: 1.1em;
	line-height: 120%;
	font-weight: bold;
	margin: 0 0 .6em 0;
	padding-top: 1em;
	color: #47C0DA;
}
div#monCompte input.champFormMonCompteLogin {
	border: 1px solid #ccc;
	padding: .2em .5em;
	margin: 0 .5em .5em 0;
	width: 107px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	float: left;
}
div#monCompte input.champFormMonComptePwd {
	border: 1px solid #ccc;
	padding: .2em .5em;
	margin: 0 .6em .5em 0;
	width: 65px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	float: left;
}
div#monCompte input.boutonCompte {
	margin: 0 0 .7em 0;
}

/* ---- recherche
--------------------------------------------------------------- */
div#search {
	/* reminder */
}
div#search form,
div#search fieldset {
	border: none;
	padding: 0 .5em;
}
div#search input#cntnt01searchinput {
	background-color: #edece1;
	font-style: italic;
	font-size: 11px;
	height: 16px;
	width: 108px;
	display: block;
	position: relative;
	top: 30px;
	left: 14px;
	border: 0px solid white;
	float: left;
}
div#search input#cntnt01searchinput:hover,
div#search input#cntnt01searchinput:focus {
	font-style: normal;
}
div#search input#searchOK {
	position: relative;
	top: 26px;
	right: 3px;
	float: right;
	width: 35px;
	height: 21px;
	display: block;
}

/* ---- renseignements
--------------------------------------------------------------- */
div#renseignementsBox {
	
}
div#renseignementsBox form {
	margin-top: 2em;
}
div#renseignementsBox label.labelFloatR {
	width: 12em;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	line-height: 140%;
	padding: .7em 1.5em .7em 0;
	position: relative;
	top: -4px;
	float: left;
}
div#renseignementsBox input.champFloatL {
	width: 21em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	line-height: 140%;
	padding: .15em .5em;
	border: 1px solid #ddd;
	float: left;
}
div#renseignementsBox textarea.areaL {
	width: 21em;
	height: 10em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	line-height: 130%;
	padding: .1em .5em;
	border: 1px solid #ddd;
	float: left;
}
div#renseignementsBox input.boutonL13 {
	font-size: 1.2em;
	padding: 0 15px;
	margin: 1em 0 0 147px;
}


/* End of 'ugoss_forms' */

/* Start of CMSMS style sheet 'ugoss_catalogue' */
/*	--------------------------------------------------------------
--
--	UGOSS - Union de Gestion des Oeuvres Sanitaires et Sociales
--	CSS catalogue
--
--	revision mars 2008
--	report bug to : aurelien point ferlito chez gmail point com
--
--------------------------------------------------------------- */

/* ---- colonne : formulaires de connexion
--------------------------------------------------------------- */
div#adh_connexion_message {
	border: dotted 1px red;
	padding: 1em;
	margin: 0 0 1em 0;
	color: #e2002f;
}
div#attention_adherent {
	float: left;
	border-left: dotted 1px #d71135;
	padding: 0 0 0 1.5em;
	margin: 0;
}
div#adh_connexion {
	float: left;
	width: 18em;
	border-left: dotted 1px #aaaaaa;
	padding: 0 0 0 1.5em;
	margin: 1em 0 0 0;
}
div#adh_demande {
	float: right;
	border-left: dotted 1px #aaaaaa;
	padding: 0 0 0 1.5em;
	margin: 1em 0 0 0;
}
div#adh_connexion h2,
div#adh_demande h2 {
	font-size: 1.6em;
	line-height: 100%;
	margin: 0 0 1em 0;
	color: #4DBBD7;
}
input.cnxChamp {
	border: 1px solid #ccc;
	padding: .25em .5em;
	width: 14em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}
label.cnxLabel01 {
	display: block;
	margin: 1em 0 .3em 0;
}
textarea#int_message {
	border: 1px solid #ccc;
	padding: .25em .5em;
	width: 13em;
	height: 7em;
	display: block;
}
input.cnxBouton {
	margin: 1em 0 .3em 0;
}

/* ---- article : liste
--------------------------------------------------------------- */
div.itemListe {
	padding: 1em 0 0 0;
}
div.catnavHaut {
	padding-bottom: 1em;
	clear: both;
}
div.catnavBas {
	padding: 0;
	clear: both;
}
div.catnavHaut a,
div.catnavBas a {
	padding: .2em .7em;
	margin: 0 .5em 0 0;
	background-color: #f1f1f1;
	text-decoration: none;
}
div.catnavHaut a:hover,
div.catnavBas a:hover {
	color: #0099FF;
}
div.category_item {
	margin: 0 1em 1em 0;
	border: 1px dotted #4dbbd7;
	padding: 1em 1em 1em 1em;
	1background: url(uploads/img_layout/catalogue_article_bg.png) 50% top no-repeat #fff;
	width: 42%;
	float: left;
}
div.itemListe img {
	text-decoration: none;
	border: none;
}
div.itemNomFloat {
	float: left;
	width: 45%;
}
div.itemDescFloat {
	float: right;
	width: 45%;
	margin: 0 1% 0 0;
	line-height: 140%;
}
div.itemDescFloat dl { /* a enlever */
	line-height: 140%;
	display: none;
}
div.itemDescFloat dt { /* a enlever */
	float: left;
	padding: 0 .5em 0 0;
	font-weight: bold;
}
div.itemDescFloat dd { /* a enlever */
	
}

a.itemNom {
	display: block;
	font-size: 1.1em;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	text-decoration: none;
}
a.itemNom span {
	font-size: .9em;
	font-weight: normal;
	text-decoration: underline;
}
a.itemNom:hover span {
	text-decoration: none;
}
span.categoryNom {
	background: url(uploads/img_layout/icone_fleche_jaune.png) left center no-repeat;
	padding-left: 1.5em;
}
span.itemDispo,
span.itemPoids,
span.itemCode,
span.itemPrixVente,
span.itemPrixNet,
span.itemPrixRemise {
	display: block;
}


div.category_categorie {
	margin: 0 1em 1em 0;
	border: 1px dotted #4dbbd7;
	padding: 1em 0 1em 2em;
	zbackground: url(uploads/img_layout/catalogue_souscategorie_bg.png) 50% top no-repeat #fff;
	width: 42%;
	float: left;
}
div.category_categorie a {
	display: block;
	text-decoration: none;
}
div.category_categorie a span.itemNom {
	display: block;
	padding: 1em 0 0 0;
}


/* ---- article : details
--------------------------------------------------------------- */
div.catalog_item {
	/* conteneur, rien */
}
div.item_images {
	padding: 1em 0;
}
div.item_thumbnails {
	margin: 1em 0;
	display: none;
}
div.item_thumbnails img {
	border: none;
	padding: 0 2em 0 0;
}

div.itemBox {
	/* wrap article */
}
span.itemDescTitre {
	display: block;
	color: #2899B5;
	font-size: 1em;
	line-height: 120%;
	font-weight: bold;
	margin: 0 0 .2em 0;
}
div.itemDesc {
	float: left;
	zwidth: 320px;
}
div.itemFiche { /* a enlever */
	float: right;
	width: 90px;
	margin: 0 15px 0 0;
	display: none;
}
div.itemFiche dl { /* a enlever */
	/* rien */
}
div.itemFiche dt { /* a enlever */
	font-weight: bold;
	color: #2899B5;
}
div.itemFiche dd { /* a enlever */
	margin: 0 0 1em 0;
}

/* ---- article : print
--------------------------------------------------------------- */
div.itemPrintListe {
	margin: 2.6em 0 0 0;
}
div.itemPrintListe div.itemPrintItem {
	width: 12em;
	margin: 0 2em 3em 0;
	float: left;
}
/* End of 'ugoss_catalogue' */