/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 1px;
	background-image: url(../images/fond.jpg);
	font-family:"Century Gothic", "Trebuchet MS", Lucida, Garamons, Verdana, Albany, Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color:black;	
}

/***************************************************************/
/*									PAGE GLOBAL									*/
/***************************************************************/
#main
{
	border:1px solid #CC6600;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-family:"Century Gothic", "Trebuchet MS", Lucida, Garamons, Verdana, Albany, Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	background-color:yellow;
}

#admin {
	border:1px solid #CC6600;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-family:"Century Gothic", "Trebuchet MS", Lucida, Garamons, Verdana, Albany, Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	background-color:yellow;
}

/****************************************************************/
/*								STYLE DU HEADER																*/
/****************************************************************/
#header {
	margin:2px;
	border:1px solid #CC6600;
}

#header table {
	border:0px;
	border-collapse:collapse;
	margin:2px;
	padding:0px;
}

#header td img {
	border:0px;
}

#logo img {
	width:100px;
	height:100px;
}

#titre {
	width:100%;
	text-align:center;
}

#verset img {
	width:98px;
	height:100px;
	border:1px solid red;
}

/****************************************************************/
/*								STYLE DU MENU																*/
/****************************************************************/
#navigation {
	/*float:left;*/
	width:200px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#navigation table {
	border:0px;
	margin:0 auto;
	border-spacing:0px;
	width:200px;
}

#navigation .menuTop {
	background:transparent url(../images/menu_haut.gif) left top no-repeat;
	height:20px;
	vertical-align:middle;
	padding-left:20px;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
}

#navigation .menuMiddle {
	background:transparent url(../images/menu_milieu.gif) left top repeat-y;
	padding:0px 8px;
	/*padding-left:15px;
	padding-right:40px!important;
	padding-right:15px;*/
	text-align:justify;
}

#navigation .menuMiddle form {
	margin:0px;
	padding:0px;
}

#navigation .menuBottom {
	background:transparent url(../images/menu_bas.gif) left top no-repeat;
}

#navigation a {
	text-decoration:none;
	color:#CC6600;
}

#navigation a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#CC6600;
}

/****************************************************************/
/*				STYLE DU CONTENU DU SITE						*/
/****************************************************************/
#corps {
	margin:2px;
	border:1px solid #CC6600;
	height:100%;
}

#contenu {
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:justify;
	
}

#contenu table {
	border:0px;
	margin:0px 0px -4px 0px;
	padding:0px;
	border-spacing:0px;	
	
}

#contenu a {
	text-decoration:none;
	font-weight:normal;
}

#contenu a:hover {
	font-weight:bold;
	text-decoration:none;
}

#titreHaut {
	position:absolute;
	float:left;
	padding-top:2px;
	padding-left:20px;
}


#titreHautLeft {
	background:transparent url(../images/titreHautLeft.gif) left top no-repeat;
	vertical-align:middle;
	width:550px;
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
}

#titreHautMiddle {
	background:transparent url(../images/titreHautMiddle.gif) left top repeat-x;
	vertical-align:middle;
}

#titreHautRight {
	width:16px;
	vertical-align:middle;
	background:transparent url(../images/titreHautRight.gif) left top no-repeat;
}

#titreMiddleLeft {
	background:transparent url(../images/titreMiddleLeft.gif) left top repeat-y;
	width:16px;
}

#titreMiddleRight {
	background:transparent url(../images/titreMiddleRight.gif) left top repeat-y;
	width:16px;
}

#titreBasLeft {
	width:16px;
}

#titreBas {
	background:transparent url(../images/titreBas.gif) left top repeat-x;
	text-align:right;
}

#titreBas img {
	border:0;
}

#titreBasRight {
	width:16px;
}

/****************************************************************/
/*				STYLE DE LA ZONE D'AUTHENTIFICATION ADMIN						*/
/****************************************************************/
#authentification {
	width:100%;
	border:0;
}

#authentification td {
	padding-left:4px;
	padding-right:4px;
}

#authentification table {
	width:100%;
	margin:0 auto;
}

fieldset {
	width:600px;
	text-align:center;
	margin:0 auto;
	border:1px solid #CC6600;
	padding:0px;
}

/*legend {
	color:#FFF;
}*/



#authentification .connexion, #register .connexion {
	width:120px;
	text-align:right;
	padding:0px;
}

#authentification .input, #register .input {
	width:200px;
	text-align:center;
	padding:0px;
}

#authentification .login, #register .login {
	font-weight:bold;
	text-align:left;
	font-size:2em;
	color:#CC6600;
}

#authentification .fondetbordure, #register .fondetbordure {
	border:1px solid #CC6600;
	background-color:#FEF7C3;
}

#authentification .authentification {
	border:1px solid #CC6600;
	background-color:#FEF7C3;
}

#register {
	width:100%;
	border:0;
}

#register td {
	padding-left:4px;
	padding-right:4px;
}

#register table {
	width:100%;
	margin:0 auto;
}

/*.connexionInput {
	margin-left:110px;
}*/

input.texte {
	width:200px;
	border:1px solid #CC6600;
}


#footer {
	margin:2px;
	border:1px solid #CC6600;
	text-align:center;
}




/****************************************************************/
/*						STYLE CUSTOMIZE							*/
/****************************************************************/
.auteur {
	font-weight:bold;
	color:#CC6600;
}

.verset {
	font-weight:bold;
	color:#CC6600;
	font-style:italic;
}

.citation {
	border-top:1px dotted #CC6600;
	font-style:italic;	
}

.img {
	border:0px;
}

.titreRecherche {
	color:#CC6600;
	font-size:1.2em;
	border-bottom:1px solid #CC6600;
}

.surligner {
	font-style:italic;
	border-top:1px dotted #CC6600;
	border-bottom:1px dotted #CC6600;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
}

/***************************************************************/
/*								STYLE DES BOUTONS/INPUT								*/
/***************************************************************/
.bouton
{
	text-align:center;
	font-weight:bold;
	font-family:"Century Gothic", "Trebuchet MS", Lucida, Garamons, Verdana, Albany, Arial, Helvetica, sans-serif; 
	border:1px solid silver;
	width:100px;
}

input {
	font-family:"Century Gothic", "Trebuchet MS", Lucida, Garamons, Verdana, Albany, Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color:black;
}

/***************************************************************/
/*								STYLE DES INFORMATIONS						*/
/***************************************************************/
#informations
{
	float:right;
	width:220px;
	margin:5px 5px 15px 15px;
	padding:5px;
	border:1px dotted #FF6600;
	font-size:0.6em; /*10px;*/
}

#informations a
{
	color:#FF6600;
	text-decoration:none;
}

#informations a:hover
{
	color:#FF6600;
	text-decoration:none;
}