/* Projet : c-vivre.com
*  Auteur : PL-Datalinx
*  Historique : 15/05/2008 - Version initiale
*
*  Objet : Styles utilisés dans le back office
*
*  Couleurs utilisées :
*  Background ......... #242424
*  Gris clair ......... #AAAAAA
*  Gris foncé ......... #4C4C4C
*  Bleu acier ......... #6B8C91 (liens off)
*  Jaune cuivre ....... #EA793D (liens on)
*
*/
body {
    margin: 0px;
    font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    color: #FFF;
    background-color: #777167;
}
table {
    font-size: 12px;
}
A:link, A:visited {
	color: #6B8C91;
    text-decoration: none;
}
A:hover, A:active {
	color: #EA793D;
    text-decoration: underline;
}
h2{
	text-align: left;
	font-weight: bold;
	font-size: 24px;
	color: #666;
}
.root {
	background-color: #FFF;
	border: 1px solid #AAA;
	width: 960px;
	color: #000;
}
.main {
	width: 900px;
	height: 380px;
}

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

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

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

/* Titres et Textes */
.cadre1 {
	border: 1px solid #4C4C4C;
	background-color: #FFF;
}
.cadre2 {
	border: 1px solid #242424;
	background-color: #FFF;
}

.photo {
	border: 1px solid #4C4C4C;
}

.typo1 {
	font-size: 13px;
	font-weight: normal;
	color: #EA793D;
}
.typo1blanc {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
}
.typo2 {
	font-size: 13px;
	font-weight: normal;
	color: #6B8C91;
	line-height: 24px;
}
.typo2 A:link, .typo2 A:visited {
	color: #777167;
    text-decoration: none;
}
.typo2 A:active, .typo2 A:hover {
	color: #AAAAAA;
    text-decoration: none;
}
.typo3 {
	font-size: 18px;
	font-weight: normal;
	color: #EA793D;
	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: #6B8C91;
}

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

/***** popup *****/
.dialbox {
	position: absolute;
	background-color: #000;
	border: 2px solid #AAAAAA;
	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 1px #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;
}

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/* CSS style pour onglet dans div*/

.mon_onglet{
				float: left;
				padding: 2px 10px;
				margin-right: 5px;
				color: #333;
				background: #e6e6e6;
				border: 1px solid #777167;
				cursor: pointer;
				margin-bottom: -1px;
}	
.mon_onglet:hover{
				background: #ffffff;
}				
.mon_onglet_selected{
				float: left;
				padding: 2px 10px;
				margin-right: 5px;
				color: #333;
				background: #ffffff;
				border-top: 1px solid #777167;
				border-right: 1px solid #777167;
				border-left: 1px solid #777167;	
				border-bottom: 1px solid #777167;	
				cursor: pointer;	
				margin-bottom: -1px;
}					

.mon_contenu{
				color: #666;
				background: #ffffff;
				border: 1px solid #777167;
				padding: 10px;				
			}
			
#mes_contenus, #mes_onglets{
				width: 800px;
			}
 ul.onglets li{
				list-style: none;
				}
clear{
				clear: both;
}
.tarif {
	text-align: right;
	font-weight: bold;
	font-size: 24px;
	color: #666;
}
.tarif2 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-left: 30px;
	color: #666;
}

.titre_mon_contenu {
	text-align: left;
	font-weight: bold;
	font-size: 24px;
	color: #666;
}