/******************************************************
*																											*
*		CLUB DU GRIFFON KORTHALS													*
*																											*
*		Feuille de style 2 COLONNES												*
*		Modèle Curve Orange																*
*																											*
*		Version	:	1.00.07						  										*
*		Date		:	13 avril 2009    												*
*																											*
*		Conformité W3C : Non encore testée								*
*																											*
*******************************************************
*		EVOLUTIONS																				*
*																											*
*																											*
*******************************************************
*																											*
*	OBSERVATIONS																				*
*																											*
******************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #fdfdfd;
	margin: 0;
	padding: 0;
}
#masthead {
	/*background-color: #fdfdfd;	*/
	color: #555555;
	margin: 12px auto 0 auto;
	width: 982px;
}
#logo {
	padding: 0 12px;
}
#logo_ep {
	padding: 0 12px;
	background: url(/_theme/eprive/barpriv/barpriv.gif) no-repeat;
}

/************************************************
Barre de menu
*************************************************/
#navbar {
	margin-bottom: 12px;
	background-image: url(/_theme/modeles/curv_orange/menuh_milieu.jpg);
	background-repeat: repeat-y;
	font-size: 0.8em;
	zoom: 1;
}
#navbar_inner {
	background-image: url(/_theme/modeles/curv_orange/menuh_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
}
#navbar_inner2 {
	background-image: url(/_theme/modeles/curv_orange/menuh_bas.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 11px 22px;
}

/************************************************
Colonnes et breadcrumb
*************************************************/
#columntop {
	clear: both;
	background-image: url(/_theme/modeles/curv_orange/2col_haut.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#columnwrapper {
	margin: 0 auto;
	width: 982px;
	background-image: url(/_theme/modeles/curv_orange/2col_milieu.jpg);
	background-repeat: repeat-y;
}
#breadcrumb {
	font-size:0.70em;
	text-align:right;
	padding-right:42px;
}
#breadcrumb a {
	text-decoration: none;
	color: #666666;
	padding: 1px;
	border-bottom: #666666 solid 1px;
}
#breadcrumb a:hover {
	color: #FF6600;
	border-bottom: #FF6600 solid 1px;
}
#c1, #c2 {
	float: left;
}
#c1 {
	width: 234px;
}
#c2 {
	width: 736px;
}
#c1 .content {
	font-size: 0.75em;
	padding: 4px 28px 16px 34px;
}
#c2 .content {
	color: #333333;
	font-size: 0.8em;
	padding: 16px 42px 16px 42px;
	line-height: 1.6em;
}
h1 {
	font-size: 1.25em;
	letter-spacing: 0.1em;
}
h2 {
	font-size: 1.1em;
	letter-spacing: .1em;
}
h3 {
	font-size: 1em;
}
.topZero {
	margin-top: 0;
}
#columnbottom {
	clear: both;
	background-image: url(/_theme/modeles/curv_orange/2col_bas.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#footer {
	margin: 0px auto;
	font-size: 0.7em;
	width: 982px;
}
#footercontent {
	padding: 14px;
}
.footerCompteur {
	float:left;
	margin-left:0px;
	padding-right:10px;
	padding-bottom:30px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


/************************************************
Liens par défaut - 
S'appliquent à la colonne principale (c2)
*************************************************/
.content a:link {
	color: #5785BD;
}
.content a:visited {
	color: #757575;
}
.content a:hover, .content a:focus, .content a:active {
	color: #3333FF;
}
/*************************************************
Liens de la colonne de gauche (c1)

On ajoute .content au nom du sélecteur afin de le
rendre plus spécifique et d'éliminer les conflits
potentiels avec la barre de navigation
**************************************************/
#c1 .content a:link {
	color: #FF6600;
}
#c1 .content a:visited {
	color: #990000;
}
#c1 .content a:hover, #c1 .content a:focus, #c1 .content a:active {
	color: #FF3300;
}
/************************************************
Liens du pied de page
************************************************/
#footer a:link {
	color: #003399;
}
#footer a:visited {
	color: #663366;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #3366FF;
}

/*************************************************
Entêtes, lignes paires et impaires dans un
tableau de données
************************************************/
.enteteDataTable {
  background-color: #353535; 
  color:#FFF;
}
.impair {
  background-color:#FFF2D7;
}
.pair {
  background-color:#FCFDE9;
}
.survol {
	/* pour tableaux spry */
	background-color:#F93;
}
.selclasse {
	/* pour tableaux spry */
	background-color:#FFD5A0;
}