/* Projet : L'Armandie
*  Auteur : PL-Datalinx
*  Historique : 30/11/2008 - Version initiale
*
*  Objet : Styles utilisés sur le front End
*
*  Bleu fond.......... #CBD0E1
*  Bleu liens......... #52629D
*  Jaune liens........ #FFF64F
*  Beige fond......... #FAF4AA
*  Beige textes....... #B77136
*
*/
body {
    margin: 0px;
    font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
    color: #000;
    background-color: #CBD0E1;
}
table {
    font-size: 13px;
}
A:link, A:visited {
	color: #52629D;
    text-decoration: none;
}
A:hover, A:active {
	color: #FFF64F;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	color: #52629D;
	text-transform: uppercase;
	padding: 15px 0 25px 15px;
}

.root {
	background-color: #FFF;
	border: 1px solid #52629D;
	width: 940px;
}
.chapo {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #52629D;
	width: 940px;
	height: 20px;
	line-height: 20px;
}
.main {
	background-image: url(../images/palmtree.png);
	background-repeat: no-repeat;
	background-position: top left;
	height:360px;
}
.header {
	background-image: url(../images/bg-header.jpg);
	height: 235px;
}
.accroche {
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}
.menus {
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}
.menus A:link, .menus A:visited {
	color: #FFF;
    text-decoration: none;
}
.menus A:active, .menus A:hover {
	color: #FFF64F;
    text-decoration: none;
}
.footer {
	background-image: url(../images/bg-footer.jpg);
	height: 22px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
}
.footer A:link, .footer A:visited {
	color: #FFF;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
	color: #FFF64F;
    text-decoration: none;
}

/*********** Titres et Textes ***********/
.ss-titre {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #52629D;
}
.ss-titre-red {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
}
.ss-titre-blnc {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
.legende {
	font-size: 11px;
	font-weight: normal;
	color: #B77136;
}

/*********** Formulaires ***********/
.asterisque {
	font-size: 12px;
	color: #E30;
}
.frm-error {
	font-size: 12px;
	color: #E30;
	background-color: #fcebeb;
	border: solid 1px #E30;
	padding: 2px 6px;
}
.frm-cadre {
	border: 1px solid #52629D;
	background-color: #FFF;
}
.frm-label {
	font-size: 13px;
	color: #000;
	background-color: #FAF4AA;
	padding-left: 8px;
}
.frm-textbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #666;
	padding: 1px 3px 1px 3px;
}
.frm-listbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #88989b;
    padding: 1px 1px 1px 2px;
}
.frm-button {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #444;
	border: solid 1px #000;
}
.frm-misc-button {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #444;
	border: solid 1px #000;
}

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

/***** Boutons de pagination *****/
.cadre-pagine {
/*	background-color: #CBD0E1; */
}
.page-off {
	background-color: #CBD0E1;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #52629D;
	padding: 2px 4px;
	text-align: center;
	font-weight: bold;
}
A.page-off, A.page-off:link, A.page-off:visited {
	color: #52629D;
    text-decoration: none;
}
A.page-off:hover, A.page-off:active {
	color: #CBD0E1;
    text-decoration: none;
}
.page-on {
	background-color: #52629D;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #FFF;
	padding: 2px 4px;
	text-align: center;
	font-weight: bold;
}
A.page-on, A.page-on:link, A.page-on:visited {
	color: #FFF;
    text-decoration: none;
}
A.page-on:hover, A.page-on:active {
	color: #CBD0E1;
    text-decoration: none;
}

/***** Zoom *****/
.zoombox {
	position: absolute;
	background-color: #121416;
	border: 3px solid #121416;
	z-index: 500;
	font-family: "Century Gothic", Verdana, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}

/***** Tableaux *****/
.grid {
	border: solid 1px #52629D;
	background-color: #FFF;
}
.grid-header {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #455282;
	padding: 2px 5px;
}
.grid-vert {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 2px 5px;
	background-color: #adfbad;
}
.grid-jaune {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 2px 5px;
	background-color: #fcfc8a;
}
.grid-orange {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 2px 5px;
	background-color: #fba267;
}
.grid-rouge {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 2px 5px;
	background-color: #fb5f5f;
}