/*
Design du site de CowLan
R�alis� par T4g1
http://www.cowlan.fr
*/

body
{
   width: 100%;
   margin: auto;   
   background-color: black;
 font-family: Arial;
 color: #3F3F3F;
 text-align: left;
}

a img{
  border: none;
}
a {
	color: #303030;
	text-decoration: underline;
 	}
a:hover {
	text-decoration: none;
 	}

/* L'en-t�te */

#en_tete
{
   width: 100%;
   height: 162px;
   background-image: url("../img/menu&logo_repeat.jpg");
   background-repeat: repeat-x;
}


/* Le menu */

#menu_top
{
   font-size: 18px;
   width: 100%;
   height: 31px;
   background-image: url("../img/gran_menu.jpg");
   background-repeat: repeat-x;
   text-align: center;
   padding-top: 4px;
}

#menu_top a
{
   color: white;
   text-decoration: none;
   padding: 5px;
   text-align: center;
   margin: 5px;
}

#menu_top a:hover
{
   color: white;
   text-decoration: none;
   padding: 5px;
   background-image: url("../img/corp.jpg");
   background-repeat: repeat-x;
   text-align: center;
}

#container
{
	margin: 0px;
	padding: 5px;
	width: 1000px;
	vertical-align:top;
}

#container td
{
	vertical-align:top;
}

.element_menu
{
   margin-bottom: 25px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   width: 221px;
   background-image: url("../img/titre_menu.png");
/*    color: #959595; */
 color: #E9E9E9;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin: 0px;
   margin-bottom: 10px;
}

.element_menu li
{
   width: 221px;
   list-style-type: none;
/*    background-image: url("../img/elem_menu.jpg"); */
   background-color: #34414C;
   text-align: center;
   margin: 0px;
   margin-bottom: 5px;
 -moz-border-radius: 4px;
}
.element_menu li:hover
{
   background-color: #004A5C;
}
.element_menu a
{
   color:white;
   text-decoration: none;
   padding: 5px;
}

.element_menu a:hover
{
   text-decoration: underline;
}

.element_menu a:visited
{
   color: white;
}

#separation
{
	margin: 0px;
	
	height: 100%; 
    width: 3px;
	
	background-image: url("../img/separ.jpg");
    background-repeat: repeat-y;
}

/* Le corps de la page */

#corps_container
{
	width: 600px;
}

#corps
{
   color: black;
   margin: 0px;
   padding: 15px;
   width: 666px;
   
   background-image: url("../img/gran_cadre_corp.jpg");
   background-repeat: repeat-y;
}

#corps_top
{
   margin: 0px;
   
   width: 666px;
   height: 55px;
   
   background-image: url("../img/gran_cadre_entete.jpg");
   background-repeat: repeat-y;
}

#corps_bottom
{
   margin: 0px;
   
   width: 666px;
   height: 19px;
   
   background-image: url("../img/gran_cadre_pied.jpg");
   background-repeat: repeat-y;
}

/* By rapha */

#content {
 margin: 10px;
}

#content h1, #content h2, #content h3, #content h4, .news .titre {
 padding-left: 10px;
 border-bottom: 2px solid #0F5567;
 margin: 10px 20px;
}
#content h1:first-letter, #content h2:first-letter, #content h3:first-letter, #content h4:first-letter, .news .titre:first-letter {
/*  color: #157993; */
 color: #425260;
}

#postit {
 background: url('../img/postit_haut.png') left top no-repeat;
 padding-top: 40px;
 float: right;
 width: 250px;
 color: black;
 text-align: left;
}
#postit h3 {
 color: black;
 padding: 0px 15px 0px 30px;
 border: none;
 margin: 0px;
}
#postit h3:first-letter {
/*  color: #157993; */
 color: #425260;
}
#postit .content {
 padding:0px;
 margin: 0px;
 font-size: 14px;
 background: url('../img/postit_corps.png') left top repeat-y;
 padding: 0px 30px 15px 30px;
 list-style-image: url('../img/puce.png');
 list-style-position: inside;
}

#postit .jyvais {
 background: url('img/postit_corps.png') left top repeat-y;
 padding: 0px 0px 15px 0px;
 text-align: center;
 display: block;
}

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


/* Le pied de page (qui se trouve tout en bas, en g�n�ral pour les copyrights) */

#pied_de_page
{
   text-align: center;

   color: #B3B3B3;
   background-image: url("../img/Pied.jpg");
   background-repeat: repeat-x;
   
   height: 32px;
   padding-top: 1px;
   font-size: 12px;
}
.news .titre {
	 margin-left: 0;
	 display: block;
	 font-size: 1.5em;
	 font-weight: bold;
 	}
.news .titre .poster {
	 font-size: 0.5em;
	 font-weight: normal;
 	}
.news .comments {
	display: block;
	font-size: 0.7em;
	text-align: right;
	margin-right: 15px;
	}
.pages {
	 font-size: 0.9em;
	 text-align: center;
	 margin-top: 15px;
	}