/* Projet : myscarade
*  Auteur : PL - Mango WebDesign
*  Historique : 15/12/2008 - Version initiale
*
*  Objet : Styles utilisés pour le Front End
*
*  Bleu clair............ #0099CC (liens off)
*  Rouge vif............. #CC0000 (liens on)
*  Mauve clair........... #CC6699 (background)
*  Mauve sombre.......... #983B6A (main)
*  Bleu Histoires........ #3333CC
*  Vert Images........... #009933
*  Orange Animations..... #FF6633
*  Rose Vidéos........... #CC3366
*
*/
body {
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #FFF;
    background-color: #CC6699;
    background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: top center;
}
table {
    font-size: 12px;
    color: #666;
}
A:link, A:visited {
	color: #0099CC;
    text-decoration: none;
}
A:hover, A:active {
	color: #CC0000;
    text-decoration: none;
}
.redlink A:link, .redlink A:visited {
	color: #CC0000;
    text-decoration: none;
}
.redlink A:active, .redlink A:hover {
	color: #0099CC;
    text-decoration: none;
}

.main {
	width: 940px;
	background-color: #FFF;
}

.footer {
	background-color: #983B6A;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	line-height: 20px;
}
.footer A:link, .footer A:visited {
	color: #FFF;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
	color: #CC6699;
    text-decoration: none;
}
.menusbas {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	line-height: 20px;
}
.menusbas A:link, .menusbas A:visited {
	color: #888;
    text-decoration: none;
}
.menusbas A:active, .menusbas A:hover {
	color: #0099CC;
    text-decoration: none;
}

.header {
	width: 940px;
	height: 220px;
}
.espclient {
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 174px;
}
.barmenu {
	background-image: url(../images/header3.jpg);
	background-repeat: no-repeat;
	height: 46px;
	padding-top: 10px;
	color: #999;
	font-size: 11px;
}
.barmenu A:link, .barmenu A:visited {
	color: #FFF;
    text-decoration: none;
}
.barmenu A:active, .barmenu A:hover {
	color: #FC3;
    text-decoration: none;
}
.logo {
	position: absolute;
	margin-top: 50px;
	margin-left: 182px;
}
.chapo {
	position: absolute;
	margin-top: 6px;
	margin-left: 196px;
	font-size: 11px;
}
.langues {
	position: absolute;
	margin-top: 150px;
	width: 940px;
	text-align: right;
	font-size: 11px;
}

/********** Formulaires **********/
.asterisque {
	font-size: 11px;
	color: #F00;
}
.frm-error {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #F00;
	background-color: #fcebeb;
	border: solid 1px #F00;
	padding: 2px 6px;
}
.frm {
	background-image: url(../images/frm-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 520px;
	height: 120px;
}
.frm2 {
	background-image: url(../images/frm2-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 350px;
	height: 110px;
}
.frm-top {
	background-image: url(../images/frm-top.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 8px;
	width: 528px;
}
.frm2-top {
	background-image: url(../images/frm2-top.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 8px;
	width: 358px;
}
.frm-bottom {
	background-image: url(../images/frm-bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 10px;
	width: 528px;
}
.frm2-bottom {
	background-image: url(../images/frm2-bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 10px;
	width: 358px;
}
.frm-left {
	background-image: url(../images/frm-left.png);
	background-repeat: repeat-y;
	font-size: 0px;
	width: 2px;
}
.frm-right {
	background-image: url(../images/frm-right.png);
	background-repeat: repeat-y;
	width: 6px;
}
.frm-cadre {
	border: 1px solid #CCC;
	background-color: #FFF;
}
.frm-label {
	font-size: 11px;
	color: #444;
	padding-left: 10px;
}
.frm-textbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #88989b;
	padding: 2px 3px 2px 3px;
}
.frm-listbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #88989b;
    padding: 2px 2px 2px 2px;
}
.frm-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #444;
}
.frm-misc-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #444;
}

/***** Boxes *****/
.box-label {
	font-size: 11px;
	color: #666;
	font-weight: normal;
}
.box-label A:link, .box-label A:visited {
	color: #0099CC;
	text-decoration: none;
}
.box-label A:active, .box-label A:hover {
	color: #CC0000;
    text-decoration: none;
}
.box-error {
	font-size: 12px;
	font-weight: bold;
	color: #F30;
}

.box {
	background-image: url(../images/box-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 120px;
}
.box-top {
	background-image: url(../images/box-top.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 8px;
	width: 208px;
}
.box-bottom {
	background-image: url(../images/box-bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 10px;
	width: 208px;
}
.box-left {
	background-image: url(../images/box-left.png);
	background-repeat: repeat-y;
	font-size: 0px;
	width: 2px;
}
.box-right {
	background-image: url(../images/box-right.png);
	background-repeat: repeat-y;
	width: 6px;
}

.tags-concours {
	color: #666;
}
.tags-concours A:link, .tags-concours A:visited {
	color: #666;
	text-decoration: none;
}
.tags-concours A:active, .tags-concours A:hover {
	color: #CC0000;
    text-decoration: none;
}
.tag1 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	line-height: 22px;
	padding-left: 10px;
}
.tag2 {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
	padding-left: 20px;
}
.tag3 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	padding-left: 14px;
	padding-top:10px;
}
.tag4 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	padding-left: 60px;
}

.tagmedia1 { /* (histoires) */
	font-size: 18px;
	color: #3333CC;
	font-weight: normal;
	line-height: 24px;
	padding-left: 15px;
}
.tagmedia1 A:link, .tagmedia1 A:visited {
	color: #3333CC;
	text-decoration: none;
}
.tagmedia1 A:active, .tagmedia1 A:hover {
	color: #0099CC;
    text-decoration: none;
}

.tagmedia2 { /* (images) */
	font-size: 18px;
	color: #009933;
	font-weight: normal;
	line-height: 24px;
	padding-left: 30px;
}
.tagmedia2 A:link, .tagmedia2 A:visited {
	color: #009933;
	text-decoration: none;
}
.tagmedia2 A:active, .tagmedia2 A:hover {
	color: #0099CC;
    text-decoration: none;
}

.tagmedia3 { /* (animations) */
	font-size: 18px;
	color: #ff6633;
	font-weight: normal;
	line-height: 24px;
	padding-left: 65px;
}
.tagmedia3 A:link, .tagmedia3 A:visited {
	color: #ff6633;
	text-decoration: none;
}
.tagmedia3 A:active, .tagmedia3 A:hover {
	color: #0099CC;
    text-decoration: none;
}

.tagmedia4 { /* (vidéos */
	font-size: 18px;
	color: #cc3366;
	font-weight: normal;
	line-height: 24px;
	padding-left: 45px;
}
.tagmedia4 A:link, .tagmedia4 A:visited {
	color: #cc3366;
	text-decoration: none;
}
.tagmedia4 A:active, .tagmedia4 A:hover {
	color: #0099CC;
    text-decoration: none;
}

.tags-genres {
	color: #666;
	font-weight: normal;
}
.tags-genres A:link, .tags-genres A:visited {
	color: #666;
	text-decoration: none;
}
.tags-genres A:active, .tags-genres A:hover {
	color: #0099CC;
    text-decoration: none;
}

/***** Textes divers *****/
.subtitle {
	position: absolute;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing : 3px;
}
.huge-titre {
	font-size: 20px;
	color: #0099CC;
	font-weight: bold;
}
.very-huge-titre {
	font-size: 26px;
	color: #0099CC;
	font-weight: bold;
}

.texteintro {
	font-size: 11px;
	color: #666;
	text-align: justify;
}
.texteinfo {
	font-size: 10px;
	color: #983b6a;
}
.texte11 {
	font-size: 11px;
	color: #666;
	font-style: normal;
	font-weight: normal;
}
.texte12bold {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.texte14 {
	font-size: 14px;
	color: #666;
	text-align: justify;
}
.gd-titre {
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
.gd-titre-red {
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}
.titre-fiche {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	padding-top: 5px;
}
.cadre-fiche {
	background-image: url(../images/frm-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #999;
	width: 520px;
	height: 120px;
}
.med-titre {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}
.ss-titre {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing : 3px;
}
.typo1 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: justify;
	line-height: 20px;
}
.signature {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	font-style: italic;
}
.barre {
	width:100px;
	height: 12px;
	background-color: #444;
	border: 1px solid #000;
}
.votes {
	background-image: url(../images/bg-votes.png);
	background-repeat: no-repeat;
	width: 49px;
	height: 49px;
	position: absolute;
	font-size: 10px;
	color: #79512a;
	line-height: 10px;
	padding-top: 15px;
	margin-top: -15px;
}
.votefun A:link, .votefun A:visited {
	color: #0066CC;
    text-decoration: none;
}
.votefun A:active, .votefun A:hover {
	color: #CC6699;
    text-decoration: none;
}
.votenul A:link, .votenul A:visited {
	color: #FF0000;
    text-decoration: none;
}
.votenul A:active, .votenul A:hover {
	color: #CC6699;
    text-decoration: none;
}

.cadre-histoire {
	background-color: #fef2a8;
	border: 1px solid #d68a34;
	color: #444;
}
.lquote {
	background-image: url(../images/lquote.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.rquote {
	background-image: url(../images/rquote.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.blague {
	padding: 5px;
	text-align: justify;
	line-height: 16px;
}
.lquote2 {
	background-image: url(../images/lquote2.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.rquote2 {
	background-image: url(../images/rquote2.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

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

/***** Boutons de pagination *****/
.cadre-pagine {
	background-color: #DFDFDF;
	padding: 1px;
}

.page-off {
	background-color: #FFF;
	color: #983B6A;
	padding: 2px 6px 2px 6px;
	text-align: center;
	font-weight: normal;
}
A.page-off, A.page-off:link, A.page-off:visited {
	color: #983B6A;
    text-decoration: none;
}
A.page-off:hover, A.page-off:active {
	color: #CC6699;
    text-decoration: none;
}
.page-on {
	background-color: #CC6699;
	color: #FFF;
	padding: 2px 6px 2px 6px;
	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: #983B6A;
    text-decoration: none;
}