/* Projet : yvesapril.com
*  Auteur : GC-Datalinx
*  Historique : 01/10/2009 - Version initiale
*
*  Objet : Styles utilisés dans le back office
*
*  Couleurs utilisées :
*  Background ......... #2.42424 new: ffe2fc
*  Gris clair ......... #AAAAAA
*  Gris foncé ......... #4C4C4C
*  Bleu acier ......... #6.B8C91 (liens off) new: ec2baa
 *  Jaune cuivre ....... #ffe2fc (liens on)
*
*/
body {
    margin: 0px;
    font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    color: #4C4C4C;
    background-color: #ffe2fc;
}
table {
    font-size: 12px;
}
A:link, A:visited {
	color: #ec2baa;
    text-decoration: none;
}
A:hover, A:active {
	color: #ffe2fc;
    text-decoration: underline;
}
.root {
	background-color: #000;
	border: 1px solid #AAA;
	width: 960px;
	color: #FFF;
}
.main {
	width: 900px;
	height: 380px;
}

/***** Header & Footer *****/
.chapo {
	font-size: 11px;
	line-height: 20px;
	width: 960px;
}
.chapo A:link, .chapo A:visited {
	color: #4C4C4C;
    text-decoration: none;
}
.chapo A:active, .chapo A:hover {
	color: #AAAAAA;
    text-decoration: none;
}
.accroche {
	font-size: 18px;
	color: #AAAAAA;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 10px;
}

.header {
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
}
.header A:link, .header A:visited {
	color: #FFF;
    text-decoration: none;
}
.header A:active, .header A:hover {
	color: #ec2baa;
    text-decoration: none;
}

.footer {
	font-size: 11px;
	color: #4C4C4C;
	font-weight: normal;
}
.footer A:link, .footer A:visited {
	color: #AAAAAA;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
	color: #FFF;
    text-decoration: none;
}

/* Titres et Textes */
.cadre1 {
	border: 1px solid #ffe2fc;
	background-color: #AAAAAA;
}
.cadre2 {
	border: 1px solid #ec2baa;
	background-color: #FFF;
}

.photo {
	border: 0px solid #AAAAAA;
}

.typo1 {
	font-size: 13px;
	font-weight: normal;
	color: #ec2baa;
}
.typo1blanc {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
}
.typo2 {
	font-size: 13px;
	font-weight: normal;
	color: #ec2baa;
	line-height: 24px;
}
.typo2 A:link, .typo2 A:visited {
	color: #FFF;
    text-decoration: none;
}
.typo2 A:active, .typo2 A:hover {
	color: #AAAAAA;
    text-decoration: none;
}
.typo3 {
	font-size: 18px;
	font-weight: normal;
	color: #ffe2fc;
	text-transform: uppercase;
}
.typo4 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	line-height: 22px;
	padding: 6px 10px;
}
.typo5 {
	font-size: 13px;
	font-weight: bold;
	color: #ec2baa;
}

.typo-err {
	font-size: 13px;
	font-weight: normal;
	color: #4C4C4C;
}

/***** popup *****/
.dialbox {
	position: absolute;
	background-color: #000;
	border: 2px solid #fff;
	z-index: 1000;
}

/* Formulaires */
.asterisque {
	font-size: 11px;
	color: #FF3300;
	font-weight: normal;
}
.frm-error {
	font-size: 11px;
	color: #C9080B;
	background-color: #FBE0E0;
	border: solid 1px #C9080B;
	padding: 2px 6px 2px 6px;
}
.frm-cadre {
	border: 1px solid #4C4C4C;
}
.frm-label {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #4C4C4C;
	padding: 0 0 0 6px;
}
.frm-textbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 0px #4C4C4C;
	padding: 3px 3px 3px 3px;
}
.frm-listbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 0px #4C4C4C;
    padding: 1px 1px 1px 2px;
}
.frm-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #4C4C4C;
    border: solid 1px #AAA;
}
.frm-misc-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-color: #4C4C4C;
    border: solid 1px #AAA;
}