/* --------------------------------------------------------------------------------------------------------------------------

NOM : style.css
AUTEUR : Lolo (lolo.lolow@gmail.com pour d'éventuelles remarques ou questions)
CREE LE : 02/07/2007
DESCRIPTION : feuille de style pour mettre en place le design du site ranch-colorado.fr (couleurs, formes, images...)

*/---------------------------------------------------------------------------------------------------------------------------


/*--------------------------------------------------------------------------
          		   STYLES COMMUNS A TOUTES LES PAGES
-----------------------------------------------------------------------------*/
/* Corps de la page */
html, body { height:100%; }

body {
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	background-color:#5b3f33;
	background-image:url(images/fond_haut.png);
	background-repeat:repeat-x;
	color:#543529;
	font-size:14px;
	margin-top:0;
	padding:0;
	margin:0;
}

/* Les tailles des 6 titres, sur IE les titres sont énormes, donc obliger de les refaire :p */
h1 {
	margin:0;
	font-size:22px;
	text-align:center;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:13px;
}

/* Liens */
a {
	color: #7c5d51;
	text-decoration: none;
}
a:hover {
	color: #907165;
	text-decoration: underline;
}

/* Images */
img {
	border:none;
}

/* Le header (l'image en haut) */
#header {
	height:130px;
	width:900px;
	margin:auto;
}

/* Le menu (qui est sous forme d'onglets) */
#menu {
	width:100%;
	height:40px;
	line-height:normal;
}
#menu ul {
	width:900px;
	margin:auto;
	padding-left:54px;
	padding-top:10px;
	list-style:none;
}
#menu li {
	float:left;
	background:url("images/left3.png") no-repeat left top;
	margin:0;
	padding:0 0 0 28px;
}
#menu a {
	display:block;
	background:url("images/right3.png") no-repeat right top;
	padding:9px 28px 4px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#5b3f33;
}
#menu a:hover {
	color:#A56060;
}
#menu .active {
	background-image:url("images/left3_on.png");
}
#menu .active a {
	background-image:url("images/right3_on.png");
	color:#A56060;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuderoulant {
	position: absolute;
	margin-top:22px;
}
#menuderoulant li {
	margin-left:195px;
	text-align:left;
	padding:0;
	width:35%;
}
#menuderoulant li a {
	padding:6px;
	background:#f8f8f8;
	color: #5f3a34;
	border:1px solid #51372d;
	border-left:4px solid #51372d;
}
#menuderoulant li a:hover {
	background:white;
}

/* Les infobulles personnalisés du menu */
a.info {
	position: relative;
	color: black;
	text-decoration: none;
}
a.info span {
	display: none;
}
a.info:hover {
	background: none;
	z-index: 500;
	cursor:pointer;
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	background: white;
	color: #51372d;
	padding: 3px;
	border: 1px solid #553a2f;
	border-left: 4px solid #553a2f;
}

/* Le div index (le contenu) */
#real_index {
	min-height:600px;
	margin-top:1px;
}
#index {
	width:940px;
	margin:auto;
	background-color:#d7bc9b;
	background-image:url(images/western.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
#index2 {
	background-image:url(images/bord_left.png);
	background-position:left;
	background-repeat:repeat-y;
}
#index3 {
	background-image:url(images/bord_right.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-bottom:15px;
	min-height:300px;
}
#paragraphe  {
	padding:20px;
}

#gauche_haut {
	float: left;
	width: 20px;
	height: 15px;
	background-image: url("images/bord_topleft.png");
	background-repeat: no-repeat;
}
#droite_haut {
	float: right;
	width: 20px;
	height: 15px;
	background-image: url("images/bord_topright.png");
	background-repeat: no-repeat;
}

#gauche_bas {
	float:left;
	width: 920px;
	background-color:#d7bc9b;
	height: 20px;
	background-image: url("images/bord_bottomleft.png");
	background-repeat: no-repeat;
}
#droite_bas {
	float:right;
	width: 20px;
	height: 20px;
	background-image: url("images/bord_bottomright.png");
	background-repeat: no-repeat;
}

/* Le footer (bas de la page) */
#page_pour_footer {
	width:100%;
	background-image:url(images/fond_bas.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0;
	padding:0;
}
#footer {
	height:200px;
	width:900px;
	margin:auto;
	margin-top:30px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}

/* BBCODE */
.bbcode_boutons {
	margin:0;
	margin-left:100px;
}
.bbcode_boutons input, .bbcode_boutons select {
	cursor: pointer;
}
.gras_exposant {
	margin-bottom:3px;
}
.exemple_error {
	margin-bottom:8px;
}
.images_bbcode {
	margin-left: 55px;
	cursor: pointer;
}
.smileys_bbcode {
	float: left;
	width: 15%;
	height: 40%;
	clear: left;
}
.smiley_cliquable {
	cursor: pointer;
}
.titre {
	margin: 3px;
	margin-left:80px;
}
#texte_bbcode {
	margin: 7px;
	margin-right: 4px;
	margin-left: 5px;
}
form {
	width:905px;
	margin:auto;
	margin-bottom:20px;
}
textarea {
	width:720px;
	height: 300px;
	padding: 0.2em;
	border: 1px solid #2C485C;
}
input[type=submit], input[type=button] {
	cursor:pointer;
}
#info {
	float:right;
}

table {
padding:3px;
border:1px solid white;
width:880px;
margin:auto;
border-collapse:collapse;
}
th {
border:1px solid white;
color: white;
background-color:#bf9a7c;
}
tr, td {
border:1px solid white;
background-color:#d4b895;
}

.dialog {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 200%;
font: 12px normal arial, helvetica, sans-serif;
line-height: 1.2;
}
.dialog a {
color: #09c;
}
.opaque {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(images/white.gif);
opacity: .50;
-moz-opacity: .50;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.dialog-outer {
position: relative;
top: 120px;
width: 300px;
margin: 0 auto;
border: 1px solid #999;
padding: 6px;
background-color: #fff;
}
.dialog-inner {
padding: 8px;
background-color: #999;
}
.dialog h1 {
margin: 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}
.dialog .small-text {
font-size: 11px;
}
.dialog-header {
z-index: 1;
}
.dialog .dialog-content {
position: relative;
height: 200px;
border: 1px solid #82cee6;
padding: 6px 8px;
color: #333;
background-color: #fff;
}
.dialog-content {
text-align:center;
}
.dialog .dialog-content[class] {
height: auto;
}
.dialog-content .content-footer {
padding: 0 0 6px 0;
}
.dialog-content .content-footer[class] {
padding-right: 0;
}
.content-footer-spacing {
display: none;
visibility: hidden;
width: 100%;
height: 65px;
}

.hidden { display: none; }

#real_apercu {
display:none;
}

/* ADMIN */
#liste_pages {
	margin:0;
	margin-left:60px;
	list-style-image:url(images/puce.gif);
}
#liste_pages li {
	padding:0;
	margin:0;
}