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

== Info Structure: =========================
* Nom du fichier: 		style.css
* Version: 				1.0.1 (09/04/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://briante.fr/
* Largeur de la page: 	990 px
* Nombre de colonnes: 	2
* Fluide[ ] | Fixe[x]


== Structure à respecter: ==================
* xxx-top
* xxx-middle
* xxx-bottom

* xxx-left
* xxx-center
* xxx-right

/!\ Sauf structure principale :
* header
* center(menu-gauche | content | menu droit)
* footer

== Outils utiles: ==========================
* http://lab.xms.pl/css-generator/ (générateur de CSS à partir d'un fichier XHTML)

== Parties: ================================
* Règles générales
* Connexion
* Fil d'Ariane
* Formulaires
* Pagination
* Tableaux
* Structure
* Boite type

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


										  /*********************/
										 /* Règles générales **/
/*************************************************************/
*{
	margin:						0px;
	padding:					0px;
	/*ehavior: 					url(iepngfix.htc);*/

}
img{
	border:						0px;
}
body{
	background-color:			#000;
	background-image: 			url(_images/bg.png);
	background-repeat: 			repeat-x;
	font-family:				"arial";
	font-size:					14px;
}
.clear{
	clear:						both;
}
/* titres, paragraphes, liens, listes ordonnées & non ordonnées*/
p{
	color:						#fff;
	font-size:					14px;
	line-height:				20px;
	padding:					10px;
	text-align:					justify;
	text-indent: 				10px;
}
a{
	color:						#ffe3d1;
	text-decoration:			underline;
}
a:hover{
	color:						#fff;
}

a:active, a:focus{
	outline:					none;
}
ul{
	list-style-position: 		outside;
	padding-left:				50px;
}
										  /**************/
										 /* Connexion **/
/******************************************************/
#connexion{
	height:						.px;
	left:						.px;
	position:					relative;
	top:						.px;
	width:						.px;
}
										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/
.ariane{
	color:						#000;
	
}
.ariane strong {
	color:						#A90101;
}
.ariane span{
	color:						#999;
}
.ariane a{
	color:						#;
	text-decoration: 			underline;
}
.ariane a:hover{
	color:						#000;
	text-decoration: 			underline;
}
										  /****************/
										 /* Formulaires **/
/********************************************************/
input[type=checkbox]{}
input[type=radio]{}
input[type=submit]{
	cursor: 					pointer;
}
input{
	width:						200px;
	padding:          3px;
	background-color: transparent;
	border:0;
	border-bottom:1px solid #c7d6dd;
	color:#fff;
}
input.bouton{
  border:1px solid #000;
  background-image:url(_images/bouton.png);
  background-position: center;
  background-repeat: repeat-x;
  color:#FFE3D1;
}
input[type=password]{
	width:						200px;
	padding:5px;
}
textarea{}
										  /***************/
										 /* Pagination **/
/*******************************************************/
.pagination{
    height:						30px;
    padding-bottom:				10px;
    float:						left;
    margin-right:				9px;
    padding-top:				5px;
    border-top:					1px dotted #ddd;
    width:						.px;
}
.pagination *{
	display:					block;
    padding:					3px;
    float:						left;
    font-size: 					14px;
    margin-left:				2px;
    text-decoration: 			none;
    font-weight: 				bold;
}
.pagination a{
	background-color: 			#ffffff;
    border:						#4976ad 1px solid;
    color:						#4976ad;
}
.pagination a:hover{
    background-color:			#4976ad;
    border:						#4976ad 1px solid;
	color:						#fff;
}
.pagination  span.selected {
    background-color: 			#4976ad;
	border:						#4976ad 1px solid;
    color:						#fff;
}
.pagination .etc{
    background-color: 			#ffffff;
	border:						#4976ad 1px solid;
    color:						#ccc;
    cursor:						default;
}
										  /*************/
										 /* Tableaux **/
/*****************************************************/
table{}
th{}
tr{}
td{}
										  /**************/
										 /* Structure **/
/******************************************************/
#main{
	margin:						0 auto;
	width:						990px;
}
	#header{
  		height:					173px;
		width:					990px;
	}
	#header-1{
		background-image:		url(_images/header-1.png);
		float:					left;
		height:					173px;
		width:					230px;
	}
	#header-2{
		background-image:		url(_images/header-2.png);
		float:					left;
		padding-top:			30px;
		height:					143px;/*173-30*/
		width:					349px;/*349-10*/
	}
	h1 span{
	display:					none;
}
h1 a{
	display:					block;
	height:						80px;
	width:						349px;
}
	#header-3{
		background-image:		url(_images/header-3.png);
		float:					left;
		height:					173px;
		width:					218px;
	}
	#header-4{
		background-image:		url(_images/header-4.png);
		float:					left;
		height:					173px;
		width:					160px;
	}
	#header-5{
		background-image:		url(_images/header-5.png);
		float:					left;
		height:					173px;
		width:					33px;
	}
	#center{
		background-image: 		url(_images/bg-tige.png);
  		background-repeat: 		repeat-y;
   		width:					990px;
	}

	#fleur{
		background-image:		url(_images/bg-fleur.png);
  		background-repeat:		no-repeat;
  		background-position:	right top;
  		padding-left:			20px;
  		padding-top:			20px;
  		width:					970px;
	}
	#content{
  		width:					742px;
  	}

	ul#menu{
  		list-style: 			none;
  		padding-top:			10px;
  		padding-left:			0;
  	}
  	ul#menu li a{
  		background-image:		url(_images/bg-menu-liste.gif);
    	background-repeat:		no-repeat;
    	background-position:	10px top;
    	color:					#ffe3d1;
    	display:				block;
    	height:					24px;
    	line-height: 			24px;
    	padding-left:			25px;
  		text-decoration: 		none;
  	}
  	ul#menu li a:hover{
  		color:					#fff;
  		background-position:	10px bottom;
  		background-color: 		#000;
  	}
  	.box-top{
  		background-repeat:		no-repeat;
    	padding-left:			10px;
    	padding-top:			20px;
  		height:					35px;/*55-20*/
		width:					732px;/*742-10*/
	}
	.box-0-top{background-image:		url(_images/box-0-top.jpg);}
	.box-1-top{background-image:		url(_images/box-1-top.jpg);}
	.box-2-top{background-image:		url(_images/box-2-top.jpg);}
	.box-top h2 a,.box-top h2{
		color:					#ffe3d1;
		font-size: 				20px;
		font-style: 			italic;
		font-variant: 			small-caps;
		font-weight: 			normal;
		text-decoration: 		none;
	}
	.box-top h2:first-letter a,.box-top h2{
		font-size: 				24px;
	}
	.box-top h2 a:hover{
		color:					#fff;
	}
	.box-middle{
    	background-repeat:		repeat-y;
    	color:					#fff;
    	padding:				0 20px;
		width:					702px;/*742-40*/
	}
	.box-0-middle{background-image:		url(_images/box-0-middle.jpg);}
	.box-1-middle{background-image:		url(_images/box-1-middle.jpg);}
	.box-2-middle{background-image:		url(_images/box-2-middle.jpg);}
	.box-middle img.image,.box-middle p.image img{
		padding:				2px;
		background-color: 		#000;
		margin:					10px;
		border:					1px solid #ffe3d1;
	}
	.box-middle p.image{
              text-align: center;
  }
	.box-bottom{
    	background-repeat:		no-repeat;
  		height:					14px;
  		font-size:				1px;
		width:					742px;
	}
	.espace-article{
  color:#fff;
  text-align: right;
  font-size: 11px;
  padding:5px 30px 50px 0;
  }
  .infos-article{
	  color:#fff;
	  text-align: right;
	  font-size: 11px;
	  padding:5px 30px 50px 0;
	  background-image:		url(_images/infos-article.png);
	  background-position: right top;
	  background-repeat: no-repeat;
  }
  .infos-article-page{
	  color:#fff;
	  text-align: right;
	  font-size: 11px;
	  padding:5px 30px 50px 0;
  }

	.box-0-bottom{background-image:		url(_images/box-0-bottom.jpg);}
	.box-1-bottom{background-image:		url(_images/box-1-bottom.jpg);}
	.box-2-bottom{background-image:		url(_images/box-2-bottom.jpg);}
  #footer{
  	background-image:			url(_images/footer.png);
    background-repeat:			no-repeat;
    background-position:		right;
  	height:						80px;
  	width:						990px;
  	text-align: 				center;
  }
  .btn-precedent a{
  		background-image:		url(_images/btn-precedent.jpg);
	   	background-repeat:		no-repeat;
	   	background-position:	top;
	   	display:				block;
	   	float:					left;
		height:					32px;
		line-height:			32px;
		text-align:				center;
		text-decoration: 		none;
		width:					162px;
	}
  .btn-precedent a:hover{
		background-position:	bottom;
	}
  .btn-suivant a{
  		background-image:		url(_images/btn-suivant.jpg);
	   	background-repeat:		no-repeat;
	   	background-position:	top;
	   	display:				block;
		height:					32px;
		float:					right;
		line-height:			32px;
		text-align:				center;
		text-decoration: 		none;
		width:					162px;
	}
  .btn-suivant a:hover{
		background-position:	bottom;
	}
  
  
  
  .btn-precedent-image a{
  		background-image:		url(_images/btn-precedent-image.jpg);
	   	background-repeat:		no-repeat;
	   	background-position:	top;
	   	display:				block;
	   	float:					left;
	   	text-align: center;
		height:					156px;/*162-6*/
		padding-top:6px;
		width:					162px;
	}
  .btn-precedent-image a:hover{
		background-position:	bottom;
	}
  .btn-suivant-image a{
  		background-image:		url(_images/btn-suivant-image.jpg);
	   	background-repeat:		no-repeat;
	   	background-position:	top;
	   	display:				block;
	   	float:					right;
	   	text-align: center;
		height:					156px;/*162-6*/
		padding-top:6px;
		width:					162px;
	}
  .btn-suivant-image a:hover{
		background-position:	bottom;
	}
 /*commentaires*/
  .msg-commentaire{
    width:609px;/*614-5*/
    padding:5px;
    height:109px;/*114-5*/
    margin: 10px 0;
    background-image: url(_images/commentaire.gif);
    background-repeat: no-repeat;
    border:0;
    background-color: transparent;
    overflow: auto;
  }
  p.error {

font-size: 10px;
}

p.important {

font-size: 10px;
}

p.information {

font-size: 10px;
}

p.success {

font-size: 12px;
}
  ol.commentlist li p{
    color:#c7d6dd;
  }
  ol.commentlist li{
  background-image:		url(_images/commentaire-separateur.png);
 	background-repeat:		no-repeat;
 	background-position:	bottom;
 	border:0;
 	padding-bottom:2px;
 	text-indent: 50px;
 	list-style-position: inside;
 	padding:10px 0;
  }
  .breadcrumb{
  color:#fff;
  font-size: 12px;
  letter-spacing: 1px;
  font-style: italic;
  margin-bottom:10px;
  padding:5px;
  background-color: #111;
  border: 1px solid #222;
  }
  p.tags{
  font-size:11px;
  padding:5px 10px;
  }
  span.couleur-1{
  color:#FFE3D1;
  }
  
  /* expositions */
  span.expo-date{
	font-size:20px;
	font-family: georgia;
	color:#FFE3D1;
  }
  span.expo-lieu{
	letter-spacing: 1px;
	font-size: 14px;
	
  }
  span.expo-ville{
	font-size: 12px;
	font-style: italic;
	font-variant: small-caps;
	color:#d0e0b3;
  }

  										  /***************/
										 /* Boite type **/
/*******************************************************/
/*.xxx-top{
	background-image:			url(...);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-middle{
	background-image:			url(...);
	background-repeat:			repeat-y;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-bottom{
	background-image:			url(...);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}*/