/* Project : MyNokoo
*  Author  : PL
*  History : 2009-05-31 Original version
*
*  Subject : Styles for the Front End
*
*  #9eb62f   vert        (Pages diverses)
*  #edb311   jaune       (Vacances)
*  #c30d19   rouge       (Immobilier)
*  #a71554   magenta     (Loisirs)
*  #12acca   turquoise   (inutilisé...)
*  #31798b   bleu        (Actualités)
*  #7c5434   marron      (Jobs)
*  #ff4e00   orange      (TV)
*  #5e45a9   prune       (Festivités)
*
*/
html {
	font-size: 100%; /* Évite un bug d'IE 6-7 */
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666;
}
p, h1, h2, h3, h4, h5, h6, ul, li, table, form {
	margin: 0;
	padding: 0;
}
img { border: none; }

a { font-weight: bold; }

a:link, a:visited {
	color: #9eb62f;
	text-decoration: none;
}
a:hover, a:active {
	color: #aaa;
	text-decoration: none;
}

#root {
	width: 950px;
	margin: 20px auto;
	background-color: #fff;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
}
#header {
	width: 100%;
	height: 90px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#header #logo {
	width: auto;
}
#header #imglogo {
	margin-top: 2px;
	margin-left: 10px;
}
#header #topsection {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #9eb62f;
	margin-top: 26px;
	margin-left: 5px;
	position: absolute;
}
#header #chapo {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: -3px 20px 5px 50px;
}
#header #members {
	width: 385px;
	padding-right: 10px;
}
.lnk_register {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #aaa;
}
.lnk_register A:link, .lnk_register A:visited {
	color: #9eb62f;
}
.lnk_register A:active, .lnk_register A:hover {
	color: #aaa;
}
.lnk_retrieve_pswd {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #aaa;
}
.lnk_retrieve_pswd A:link, .lnk_retrieve_pswd A:visited {
	color: #edb311;
}
.lnk_retrieve_pswd A:active, .lnk_retrieve_pswd A:hover {
	color: #aaa;
}

#barmenus {
	height: 35px;
	padding: 5px 10px 5px 20px;
	margin-bottom: 5px;
}
#barmenus .icon {
	margin-right: 6px;
}

#footer, #footer a {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #666;
}
#footer A:link, #footer A:visited {
	color: #9eb62f;
}
#footer A:active, #footer A:hover {
	color: #aaa;
}

#copyright, #copyright a {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	margin-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dedede;
	width: 95%;
}
#copyright A:link, #copyright A:visited {
	color: #aaa;
}
#copyright A:active, #copyright A:hover {
	color: #9eb62f;
}

#feedback {
	width: 780px;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
	padding: 6px 12px;
	background-color: #EFEFEF;
	border: 1px solid #DEDEDE;
}
#feedback A:link, #feedback A:visited {
	font-size: 13px;
	color: #9eb62f;
}
#feedback A:active, #feedback A:hover {
	font-size: 13px;
	color: #4a4a4a;
}

#main {
	width: 920px;
	margin: 0 auto 10px auto;
}

/***** Liens couleur *****/
.link-vert A:link, .link-vert A:visited {
	color: #9eb62f;
}
.link-vert A:active, .link-vert A:hover {
	color: #aaa;
}
.link-jaune A:link, .link-jaune A:visited {
	color: #f7ae00;
}
.link-jaune A:active, .link-jaune A:hover {
	color: #aaa;
}
.link-rouge A:link, .link-rouge A:visited {
	color: #c30d19;
}
.link-rouge A:active, .link-rouge A:hover {
	color: #aaa;
}
.link-magenta A:link, .link-magenta A:visited {
	color: #a71554;
}
.link-magenta A:active, .link-magenta A:hover {
	color: #aaa;
}
.link-turquoise A:link, .link-turquoise A:visited {
	color: #12acca;
}
.link-turquoise A:active, .link-turquoise A:hover {
	color: #aaa;
}
.link-bleu A:link, .link-bleu A:visited {
	color: #31798b;
}
.link-bleu A:active, .link-bleu A:hover {
	color: #aaa;
}
.link-marron A:link, .link-marron A:visited {
	color: #7c5434;
}
.link-marron A:active, .link-marron A:hover {
	color: #aaa;
}
.link-orange A:link, .link-orange A:visited {
	color: #ff4e00;
}
.link-orange A:active, .link-orange A:hover {
	color: #aaa;
}
.link-prune A:link, .link-prune A:visited {
	color: #5e45a9;
}
.link-prune A:active, .link-prune A:hover {
	color: #aaa;
}

/***** Titres sections *****/
#section_title {
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	height: 44px;
	line-height: 44px;
	margin-left: 30px;
}
#section_title img {
	float: left;
}
#section_n1 {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #dfdfdf;
	float: left;
	margin-top: -3px;
}
#section_n2 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #4a4a4a;
	float: left;
	margin-left: -60px;
	margin-top: 10px;
}
#section_n3 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #aaa;
	float: left;
	margin-left: -2px;
	margin-top: 5px;
}

/***** Cadres *****/
.cadre-hg { /* cadre coins arrondis fond blanc) */
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/cadre-hg.png);
	background-repeat: no-repeat;
}
.cadre-h {
	height: 12px;
	background-image: url(../images/cadres/cadre-h.png);
	background-repeat: repeat-x;
}
.cadre-hd {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/cadre-hd.png);
	background-repeat: no-repeat;
}
.cadre-g {
	width: 12px;
	background-image: url(../images/cadres/cadre-g.png);
	background-repeat: repeat-y;
}
.cadre-d {
	width: 12px;
	background-image: url(../images/cadres/cadre-d.png);
	background-repeat: repeat-y;
}
.cadre-bg {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/cadre-bg.png);
	background-repeat: no-repeat;
}
.cadre-b {
	height: 12px;
	background-image: url(../images/cadres/cadre-b.png);
	background-repeat: repeat-x;
}
.cadre-bd {
	width: 12px;
	height: 12px;
	background-image: url(../images/cadres/cadre-bd.png);
	background-repeat: no-repeat;
}

.cadre2 { /* cadre coins arrondis fond gris clair) */
	background-color: #f1f1f1;
}
.cadre2-hg {
	width: 10px;
	height: 10px;
	background-image: url(../images/cadres/cadre2-hg.png);
	background-repeat: no-repeat;
}
.cadre2-h {
	height: 10px;
	background-image: url(../images/cadres/cadre2-h.png);
	background-repeat: repeat-x;
}
.cadre2-hd {
	width: 10px;
	height: 10px;
	background-image: url(../images/cadres/cadre2-hd.png);
	background-repeat: no-repeat;
}
.cadre2-g {
	width: 10px;
	background-image: url(../images/cadres/cadre2-g.png);
	background-repeat: repeat-y;
}
.cadre2-d {
	width: 10px;
	background-image: url(../images/cadres/cadre2-d.png);
	background-repeat: repeat-y;
}
.cadre2-bg {
	width: 10px;
	height: 10px;
	background-image: url(../images/cadres/cadre2-bg.png);
	background-repeat: no-repeat;
}
.cadre2-b {
	height: 10px;
	background-image: url(../images/cadres/cadre2-b.png);
	background-repeat: repeat-x;
}
.cadre2-bd {
	width: 10px;
	height: 10px;
	background-image: url(../images/cadres/cadre2-bd.png);
	background-repeat: no-repeat;
}

.cadre600-top {
	width: 600px;
	height: 8px;
	background-image: url(../images/cadres/cadre600-top.png);
	background-repeat: no-repeat;
}
.cadre600-bg {
	width: 600px;
	background-image: url(../images/cadres/cadre600-bg.png);
	background-repeat: repeat-y;
}
.cadre600-bottom {
	width: 600px;
	height: 12px;
	background-image: url(../images/cadres/cadre600-bottom.png);
	background-repeat: no-repeat;
}

.cadre550-top {
	width: 550px;
	height: 8px;
	background-image: url(../images/cadres/cadre550-top.png);
	background-repeat: no-repeat;
}
.cadre550-bg {
	width: 550px;
	background-image: url(../images/cadres/cadre550-bg.png);
	background-repeat: repeat-y;
}
.cadre550-bottom {
	width: 550px;
	height: 12px;
	background-image: url(../images/cadres/cadre550-bottom.png);
	background-repeat: no-repeat;
}

.cadre500-top {
	width: 500px;
	height: 8px;
	background-image: url(../images/cadres/cadre500-top.png);
	background-repeat: no-repeat;
}
.cadre500-bg {
	width: 500px;
	background-image: url(../images/cadres/cadre500-bg.png);
	background-repeat: repeat-y;
}
.cadre500-bottom {
	width: 500px;
	height: 12px;
	background-image: url(../images/cadres/cadre500-bottom.png);
	background-repeat: no-repeat;
}

.cadre400-top {
	width: 400px;
	height: 8px;
	background-image: url(../images/cadres/cadre400-top.png);
	background-repeat: no-repeat;
}
.cadre400-bg {
	width: 400px;
	background-image: url(../images/cadres/cadre400-bg.png);
	background-repeat: repeat-y;
}
.cadre400-bottom {
	width: 400px;
	height: 12px;
	background-image: url(../images/cadres/cadre400-bottom.png);
	background-repeat: no-repeat;
}

.easy-search {
	border: 1px solid #aaa;
	padding: 2px 5px;
}

#tagcloud {
	width: 360px;
	background-color: #dfdfdf;
	padding: 10px 14px;
	font-size: 10px;
	color: #4a4a4a;
	margin-top: 10px;
}
#tagcloud A:link, #tagcloud A:visited {
	color: #4a4a4a;
}
#tagcloud A:active, #tagcloud A:hover {
	color: #aaa;
}
#tagcloud .nbre {
	font-size: 10px;
	font-weight: normal;
}

/***** Titres et textes divers *****/

.titre-section {
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #aaa;
	background-image: url(../images/ico-member.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 35px;
	line-height: 35px;
	padding-left: 50px;
}
.titre-section2 {
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #4a4a4a;
}
.titre-section3 {
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #aaa;
}
.titre-error {
	font-size: 17px;
	font-weight: bold;
	color: #aaa;
	background-image: url(../images/ico-error.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
}
.titre-error2 {
	font-size: 17px;
	font-weight: bold;
	color: #4a4a4a;
}
.ss-titre-error {
	font-size: 16px;
	font-weight: bold;
	color: #f00;
}

.ss-titre {
	font-size: 16px;
	font-weight: bold;
	color: #9eb62f;
}
.ss-titre-grey {
	font-size: 16px;
	font-weight: bold;
	color: #aaa;
}
.mini-titre {
	font-size: 14px;
	font-weight: bold;
	color: #aaa;
}
.texteintro {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
.texteinfo {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #999;
}
.texte {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: justify;
}
.texte10, .texte10 a {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
}
.texte10red {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
.texte10red A:link, .texte10red A:visited {
	font-weight: normal;
	color: #f00;
}
.texte10red A:active, .texte10red A:hover {
	font-weight: normal;
	color: #aaa;
}

.signature {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #9eb62f;
	line-height: 18px;
	text-align: left;
}
.separ {
	border-top: 2px solid #dedede;
	margin: 10px 0;
}

.empty {
	background-color: #dfdfdf;
	border: 1px solid #aaa;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}
.empty-titre {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.contenu {
	margin: 10px 20px;
}

.edito a {
	font-size: 13px;
	font-weight: bold;
}

.endofline {
	clear: both;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/***** Error block *****/
#error {
	width: 400px;
	background-color: #fbe0e0;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #f00;
	font-size: 11px;
	text-align: left;
	border: 0px solid #edb0b0;
	margin: 10px auto;
	padding: 3px 6px;
}
#error #title {
	font-weight: bold;
}
#error #msg {
	padding-left: 12px;
}

#err-msg {
	color: #f00;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
}

/***** Formulaires *****/
button {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #484847;
	width: 110px;
	height: 25px;
}

button img {
	padding: 1px 5px 0 2px;
	margin: 0;
}

.form p {
	margin: 0;
	padding: 0;
	clear: both;
	padding-bottom: 5px;
}

.form .legend {
	color: #67674e;
	font-size: 11px;
	font-weight: normal;
	padding: 0 5px 5px 5px;
}

.form label {
	float: left;
	width: 25%;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #888;
	text-align: right;
/*	background-color: #f1f1f1; */
	margin: 0 3px 0 0;
	padding: 2px 0 2px 8px;
}
.form input, .form textarea, .form select {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	background-color: #FFF;
    border: solid 1px #aaa;
    margin: 0;
	padding: 2px;
}

.form .asterisque {
	font-size: 11px;
	color: #f00;
}

.form .radio {
	border: none;
}

.insc_newsletter {
	background-color: #efefef;
	border: 1px solid #dedede;
	padding: 5px 8px;
	margin: auto;
	width: 280px;
}

.allocine input, .google input {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
    border: solid 1px #aaa;
}

#google #sbi {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	background-color: #f1f1f1;
   border: solid 1px #aaa;
   margin: 0;
	padding: 2px;
}
#google #sbb {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	padding: 0;
	margin: 0;
	color: #484847;
	width: 110px;
	height: 20px;
}

/***** Mini-formulaire *****/
.miniform {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	padding: 0 8px;
}
.miniform .label {
	float: left;
	width: 80px;
	text-align: right;
	margin: 0 3px 0 0;
	padding: 2px 0 2px 8px;
}
.miniform .listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	background-color: #fff;
   border: solid 1px #aaa;
	padding: 1px 2px 1px 1px;
	vertical-align: middle;
}
.miniform .textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #4a4a4a;
	background-color: #fff;
   border: solid 1px #aaa;
	padding: 2px;
	vertical-align: middle;
}
.miniform button {
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 17px;
	vertical-align: top;
}
.miniform button img {
	padding: 0;
	margin: 0;
	text-align: center;
}

.miniform .btn_image {
	width: 21px;
	height: 17px;
	cursor: pointer;
	border: none;
}

.minipager {
	line-height: 22px;
	text-align: center;
}
.minipager img {
	vertical-align: middle;
}
.minipager .listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #484847;
	background-color: #fff;
   border: solid 1px #7c7a6b;
	padding: 1px 2px 1px 1px;
	vertical-align: middle;
}

/***** Illustrations *****/
.illustration li {
	position: relative;
	overflow: hidden;
}
.illustration img {
	display: block;
	border: 1px solid #666;
}
.illustration .legende {
	padding: 3px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background-color: #000;
	text-align: left;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.illustration .legende span {
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 11px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/***** Popup *****/
#ecran {
	position: fixed;
	visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: white;
}
#popup {
	position: absolute;
	display: none;
	background-color: #FFF;
	border: 2px solid #484847;
	z-index: 3000;
	top: 0;
	left: 0;
}

#popup #close {
	position: absolute;
}

#popup #legende {
	padding: 3px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #000;
	text-align: left;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#popup #legende span {
	color: #FFF;
	font-size: 11px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/***** class personnalisée du tooltip *****/
.tooltip .tip {
	background-color: #efefef;
	border: 1px solid #aaa;
	padding: 2px;
	width: 240px;
	text-align: left;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
.tooltip .tip-title {
	color: #FFF;
	background-color: #4a4a4a;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	padding: 0 5px;
}
.tooltip .tip-text {
	color: #444;
	font-size: 10px;
	font-weight: normal;
}

.tooltip p {
	height: 22px;
	line-height: 22px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 28px;
	margin-left: 10px;
}

/***** sitemap *****/
.sitemap {
	color: #aaa;
}
.sitemap A:link, .sitemap A:visited {
/*	color: #9eb62f; */
    text-decoration: none;
}
.sitemap A:active, .sitemap A:hover {
	color: #aaa;
    text-decoration: none;
}
.sitemap-n1 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	padding-left: 40px;
}
.sitemap-n2 {
	font-size: 14px;
	font-weight: bold;
	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;
}

/***** Coups de Coeur *****/
.cdc {
	background-image: url(../images/ico_cdc1.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	min-height: 42px;
	max-width: 250px;
	line-height: 12px;
	border: 1px dotted #f36c6c;
	padding: 3px 6px 3px 46px;
}
.cdc a { font-size: 12px; }
.cdc a:link, .cdc a:visited { color: #f36c6c; }
.cdc a:active, .cdc a:hover { color: #999; }

.cadre-cdc-top {
	width: 500px;
	height: 48px;
	background-image: url(../images/cadres/cdc-top.png);
	background-repeat: no-repeat;
}
.cadre-cdc-bg {
	width: 500px;
	background-image: url(../images/cadres/cdc-bg.png);
	background-repeat: repeat-y;
}
.cadre-cdc-bottom {
	width: 500px;
	height: 12px;
	background-image: url(../images/cadres/cdc-bottom.png);
	background-repeat: no-repeat;
}
.mycdc .title {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #4a4a4a;
}
.mycdc .subtitle {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #aaa;
	text-transform: uppercase;
}

.mycdc .title-vert {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #9eb62f;
}

.mycdc .trait {
	font-size: 0;
	line-height: 1px;
	border-bottom: 1px solid #aaa;
	width: 96%;
	text-align: center;
	padding: 3px 0;
}

.mycdc .no_result {
	font-size: 11px;
	line-height: 16px;
	color: #4a4a4a;
	text-align: justify;
	margin: 0 30px;
	padding: 6px 12px;
}

.mycdc .delete a {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #4a4a4a;
	text-transform: uppercase;
}
.mycdc .delete a:link, .mycdc .delete a:visited { color: #4a4a4a; }
.mycdc .delete a:active, .mycdc .delete a:hover { color: #f36c6c; }

/***** File system *****/
.file_system {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #8f8f8f;
	line-height: 16px;
	background-color: #efefef;
	border: 1px solid #dedede;
	margin: 0 auto;
	padding: 5px;
}

.file_system .folder {
	font-style: italic;
}

.file_system .no_file {
	margin-left: 20px;
	border-top: 1px solid white;
}

.file_system .files td {
	border-top: 1px solid white;
	line-height: 20px;
}
.file_system .files a:link, .file_system .files a:visited { font-weight: normal; color: #4a4a4a; }
.file_system .files a:active, .file_system .files a:hover { font-weight: normal; color: #aaa; }