/* Gabarit Largeur fluide 2 colonnes - jimro - 07/11/2005 */
/* Feuille de style inspirée des tutoriels css.alsacreations.com */

.imgedito{
	background: transparent url(img/edito.png) no-repeat 0% 50%;
	padding-left: 170px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	width: 150px;
	height: 77px
}
#imgart{
	background: transparent url(img/articles.png) no-repeat 0% 50%;
	padding-left: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 150px;
	height: 77px
}

#imgbreves{	
	background: transparent url(img/brevescentre.png) no-repeat 0% 50%;
	padding-left: 170px;
	padding-top: 50px;
	padding-bottom: 200px;
	vertical-align: bottom;
	width: 150px;
	height: 77px

}

.imgnews{
	background: transparent url(img/news.png) no-repeat 0% 50%;
	padding-left: 150px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}

.imgliens{
	background: transparent url(img/liens.png) no-repeat 0% 50%;
	padding-left: 150px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}

.imgforum{
	background: transparent url(img/forum.png) no-repeat 0% 50%;
	padding-left: 150px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}


.imgmembre{
	background: transparent url(img/membre.png) no-repeat 0% 50%;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}

#imgsearch{
	background: transparent url(img/search.png) no-repeat 0% 50%;
	padding-left: 150px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}


#brdmenu {
	background-image: url(img/cell1.png);
	border-right: 0px;
	border-left: 0px;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	color: #3399CC;
	height: 52px;
	width: 100%;
	text-align: center;


	}
	
#brdmenu a:link , a:visited {
	text-decoration: none;
}

#brdmenu LI {
	display: inline;
	list-style-type: none;
	padding-right: 18px;
	margin-left: 0px;
	font-weight: normal;
	vertical-align: middle;
	padding-top: 2px;

}
	
UL {
	MARGIN: 0px;
	PADDING: 1px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}


li{
	list-style-image: url(img/arrow_right.png);
	padding-right: 0px;
}

#pagewidth {
	width: 1000px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	border: 1px solid #666666;
	background-color: #F1F1F1;
} 

#pagewidthbas {
	width: 1000px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #F1F1F1;
} 

#wrapper{
	width: auto;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
			
} 

/* Initialisation CSS */


/* police par défaut de tout le site */

html, body{ /* OU * { MAIS CA PEUT ETRE ASSEZ PERTURBANT ;-) */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-image: url(img/fond2.jpg);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13px;
	LINE-HEIGHT: normal;
} 

/* lien par défaut */

a {
   color: #3399CC;
   text-decoration: none;
}
a:hover {
   color: #FF0000;
   text-decoration: none;
}


/* liste par défaut */

ul {
list-style-type:square; margin:0; padding-left:4px
}


/* titres par défaut */


/* dessous : entete des modules */

h1 {
   font-size: 1.6em;
}
h1, h1 a {
   color: #000000;
   font-weight: bold;
}


/* dessous : entete des categories */

h2 {
   font-size: 1.4em;
}
h2, h2 a {
   color: #6699CC;
   font-weight: bold;
}


/* dessous : entete des sous-categories */

h3 {
   font-size: 1.2em;
}
h3, h3 a {
   color: #669900;
   font-weight: bold;
}
h1, h2, h3 {
   margin: 0;
   padding: 0.5em 0;
}

h4 {
   color: #FF0000;
   font-weight: bold;
}

/* image par défaut */

img {
   border: 0;
}

.bouton {
	border: 1px outset #000000;
	background-image: url(img/cell1.png);
}

/* Agencement des pages */

#conteneur {
   width: 1000px;
   height: 240px;
   background-color: #FFFFFF;
   border: #000000 1px solid;
}

#header {
	position: relative;
	height: 234px;
	width: 1000px;
	background-color: #FFFFFF;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;

} 

#footer {
	position: static;
	height: 100px;
	width: 1000px;
	background-color: #F1F1F1;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #31A0D5;
	border-bottom: 1px solid #31A0D5;
	margin-top: 40px;
	} 

.banniere {
   float: none;
   width: auto;
   margin-top: 10px;
   text-align: center;
   font-size: 2em;
   font-weight: bold;
   margin-bottom: 5px;
}

.banniere2 {
   float: none;
   width: 400px;
   margin-top: 10px;
   margin-left: 135px;
   text-align: center;
   font-size: 2em;
   font-weight: bold;
   margin-bottom: 5px;
  background-color: #E3D9B6;
}
#haut {
   height: 2em;
   background-color: #FFFFFF;
   border: 0;
   padding: 0;
}

#centre {
   background-color: #F1F1F1;;
   margin-left: 11.1em; /* pour colonne gauche */
   margin-right: 14.5%; /* pour colonne droite */
   border-left: #3399CC 1px solid;
   padding: 1em;
   min-height: 1840px;
   border-right: #669900 1px solid;
}

* html #centre {
   height: 500px; /* hack uniquement interprété par IE Win+Mac */
} 

#gauche {
   float: left;
   width: 11.1em; /* largeur environ égale à marge gauche de #centre */
   /*border-right: #000000  1px solid;*/
   background-color: #B6D8F7;
   padding-bottom: 0.5em;
   height: auto;
}

#droite {
   float: right;
   width: 11.1em; /* largeur égale à marge droite de #centre */
   background-color: #E3D9B6;
   text-align: center;
   font-size: 1em;
   height: auto;
}

#conception {
   display:inline;
   position:absolute;
   right:10px;
   top:3px;
   color:#006699;
   font-size:0.7em;
   height: auto;
}

/* temp.html */

div.menugauchetitre {
   clear: left;
   width:11.15em;
   color: #FFFFFF;
   font-weight: bold;
   background: #006699;
   height: 1.5em;
   margin-bottom: 1em;
   padding-left: 0;
   padding-top: 0.19em;
   text-align: center;
}
div.menugauchetitre span {
   font-size: 1.1em;
}

div.menugauchecontenu {
   clear: left;
   width:11.1em;
   color: #3399CC;
   font-weight: bold;
   line-height: 1.2em;
   margin-bottom: 1em;
   text-align: center;
}
   div.menugauchecontenu a {color:  #3399CC; font-weight: normal;}
   div.menugauchecontenu a:hover {color: #FF0000; background: #B6D8F7; font-weight: normal;}

div.menudroitetitre {
   clear: left;
   width:11.15em;
   color: #FFFFFF;
   font-weight: bold;
   background: #006699;
   height: 1.5em;
   margin-bottom: 1em;
   padding-left: 0;
   padding-top: 0.19em;

}
div.menudroitetitre span {
   font-size: 1.1em;
}

div.menudroitecontenu {
   clear: left;
   width:11.1em;
   color: #669900;
   font-weight: bold;
   line-height: 1.2em;
   margin-bottom: 1em;
   text-align: center;
}
   div.menudroitecontenu a {color: #669900; font-weight: normal;}
   div.menudroitecontenu a:hover {color: #FF0000; background: #E3D9B6; font-weight: normal;}



/* pages.html */

#mentete {
   width: 100%;
   height: 1.6em;
}
#entete {
   float: left;
   padding-top: 0.2em;
   padding-left: 1em;
   color: #000000;
   font-weight: normal;
}
   #entete a {
      color: #000000;
   }
   #entete a:hover {
      color: #FF0000;
   }

#entetepage {	
   float: right;
   padding-top: 0.2em;
   padding-right: 0.2em;
   color: #000000;
   text-align: right;
}
   #entetepage a {color: #000000; font-weight: normal;}
   #entetepage a:hover {color: #FF0000; font-weight: normal;}


/* page accueil */

#accueil {
   width: auto;
   height:auto;
}

.annonce {
	TEXT-ALIGN: center;
	margin-left: 80px;
	margin-bottom:auto;
	margin-top:auto;
	margin-right: 80px;
	border:solid;
	background-color: #E3D9B6;
	}


#editoacc {
   width: 98%;
   padding: 0.5em;
}

#rubriques1 {
   width: 98%;
   padding: 0.5em;
   border-top: #000000 1px solid;
}

	#rubriques1 h1 {display: inline;}

#rubriques2 {
   padding: 0.5em;
   width: 98%;
   border-top: #000000 1px solid;
}

	#rubriques2 ul {list-style-type: none; margin: 0; padding-left: 0.5em;}
	#rubriques2 a {color: #000000;}
	#rubriques2 a:hover {color: #FF8000;}
	#rubriques2 img {}


/* autres éléments par défaut */

#onlinelist{
	background: transparent url(img/users.gif) no-repeat 0% 50%;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 10px;
	padding-bottom: 5px;
}

input {
   background-color: #F1F1F1;
   border: #000000 1px solid; 
   text-indent: 1px;  
   font-size: 9px;
}

textarea {   
   font-size:10pt;
   color:#000000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color: #000000;
   background-color:#FFFFFF;
}

select {  
   font-size:9px;
   color:#000000;
   background-color:#F1F1F1;
}

hr {
   color:#000000;
}
.conr3 {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: both;
	margin-left: 450px;
	margin-top: -70px;
	margin-right: 5px;
}
.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: both;
	margin-left: 450px;
	margin-top: -50px;
	margin-right: 5px;
}
.conr a {
	color: #669900;
	}
.conr	a:hover{
	color: #FF0000;
	}

.conr2 {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: both;
	margin-left: 450px;
	margin-top: -35px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.conr2 a {
	color: #669900;
	}
.conr2	a:hover{
	color: #FF0000;
	}

.conl {
	FLOAT: left;
	WIDTH: auto;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px;
	margin-left: 8px;
	margin-top: 8px;
	TEXT-ALIGN: left;

}