/* Projet : Néovi
*  Auteur : PL-Datalinx
*  Historique : 30/09/2008 - Version initiale
*
*  Objet : Styles utilisés sur le front End
*
*  Gris foncé......... #333333 (texte)
*  Mauve.............. #9B3881 (liens off)
*  Orange............. #F99715 (liens on)
*
*/
body {
    margin: 0px;
    font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
    color: #333;
    background-color: #9B3881;
}
table {
    font-size: 13px;
}
A:link, A:visited {
	color: #9B3881;
    text-decoration: none;
}
A:hover, A:active {
	color: #F99715;
    text-decoration: underline;
}

.root {
	background-color: #FFF;
	width: 960px;
}
.main {
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
}

.menu {
	background-color: #F99715;
	color: #FFF;
	height: 33px;
	line-height: 33px;
}
.menu-end {
	width: 15px;
	height: 33px;
	line-height: 33px;
	background-image: url(../images/menu-end.png);
	background-repeat: no-repeat;
}

.footer {
	width: 960px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}
.footer A:link, .footer A:visited {
    color: #FFF;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
    color: #F99715;
    text-decoration: none;
}

.titre-section {
	width: 287px;
	height: 60px;
	background-image: url(../images/bg-titre.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}

.cadre {
	background-color: #FFF;
}
.cadre-hg {
	width: 11px;
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-hg.png);
	background-repeat: no-repeat;
}
.cadre-hd {
	width: 11px;
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-hd.png);
	background-repeat: no-repeat;
}
.cadre-bg {
	width: 11px;
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-bg.png);
	background-repeat: no-repeat;
}
.cadre-bd {
	width: 11px;
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-bd.png);
	background-repeat: no-repeat;
}
.cadre-h {
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-h.png);
	background-repeat: repeat-x;
}
.cadre-b {
	height: 11px;
	line-height: 11px;
	background-image: url(../images/cadre-b.png);
	background-repeat: repeat-x;
}
.cadre-g {
	width: 11px;
	background-image: url(../images/cadre-g.png);
	background-repeat: repeat-y;
}
.cadre-d {
	width: 11px;
	background-image: url(../images/cadre-d.png);
	background-repeat: repeat-y;
}

.ss-titre {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #9B3881;
}
.ss-titre-red {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
}
.ss-titre-gris {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}

.typo14 {
	font-size: 14px;
}

/********** Catalogue **********/
.catalogue-titre {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.typo-ref {
	font-size: 11px;
	font-weight: normal;
	color: #444;
}
.typo-titre {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.typo-titre A:link, .typo-titre A:visited {
    color: #9B3881;
    text-decoration: none;
}
.typo-titre A:active, .typo-titre A:hover {
    color: #F99715;
    text-decoration: none;
}
.typo-descr {
	font-size: 12px;
	font-weight: normal;
	color: #444;
}
.typo-div {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #444;
	padding: 3px 6px;
}
.typo-div A:link, .typo-div A:visited {
    color: #9B3881;
    text-decoration: none;
}
.typo-div A:active, .typo-div A:hover {
    color: #F99715;
    text-decoration: none;
}

.typo-chemindefer {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
}
.cadre-photo {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 0;
	margin: 0;
}
.cadre-vignette {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 2px;
}
.cadre-techn {
	background-color: #DFDFDF;
	padding: 5px;
	font-size: 13px;
	color: #666;
}

/********** Distributeurs **********/
.depts {
	border: 2px solid #9B3881;
	background-color: #FFF;
}

.distrib {
	border: 2px solid #9B3881;
	background-color: #FFF;
}
.distrib-titre {
	background-color: #F99715;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.distrib-legend {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.distrib-legend A:link, .distrib-legend A:visited {
    color: #999;
    text-decoration: none;
}
.distrib-legend A:active, .distrib-legend A:hover {
    color: #F99715;
    text-decoration: none;
}
.distrib-stitre {
	font-size: 14px;
	font-weight: bold;
	color: #9B3881;
	text-transform: uppercase;
	padding-left: 10px;
}
.distrib-texte {
	padding-left: 10px;
}

/********** Formulaires **********/
.asterisque {
	font-size: 12px;
	color: #F30;
}
.frm-error {
	font-size: 12px;
	color: #F00;
	background-color: #fcebeb;
	border: solid 1px #F00;
	padding: 2px 6px;
}
.frm-cadre1 {
	border: 1px solid #88989b;
	background-color: #FFF;
}
.frm-cadre2 {
	border: 2px solid #F99715;
	background-color: #FFF;
}
.frm-label {
	font-size: 13px;
	color: #444;
	background-color: #dee1e2;
	padding-left: 8px;
}
.frm-textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #88989b;
	padding: 1px 3px 1px 3px;
}
.frm-listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #88989b;
    padding: 1px 1px 1px 2px;
}
.frm-button {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #444;
	border: solid 1px #000;
}
.frm-misc-button {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #444;
	border: solid 1px #000;
}

/***** sitemap *****/
.sitemap A:link, .sitemap A:visited {
	color: #333;
    text-decoration: none;
}
.sitemap A:active, .sitemap A:hover {
	color: #F99715;
    text-decoration: none;
}
.sitemap-n1 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	line-height: 24px;
	padding-left: 10px;
}
.sitemap-n2 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	padding-left: 10px;
}
.sitemap-n3 {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
	padding-left: 10px;
}
.sitemap-n4 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	padding-left: 10px;
}

/***** popup zoom *****/
.zoombox {
	position: absolute;
	background-color: #000;
	border: 3px solid #000;
	z-index: 500;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}