/*  Reset
-------------------------------------------------------*/
@import "reset.css";
/*  Hack
-------------------------------------------------------*/
@import "hacks.css";

/* Conteneurs
-------------------------------------------------------*/	
body {
	padding-top: 10px;	}
	
#wrapper {
	position: relative;
	width: 900px;
	height: 100%;
	margin: auto auto;
	font-family: "Century Gothic", sans-serif;
	font-size: 12px;
	line-height: 125%;
	background-image: url(../images/fleur.png);
	background-position: top right;
	background-repeat: no-repeat;	}
		
/*  Typo & alignement
-------------------------------------------------------*/
.t_left 	{ text-align: left;	}
.t_right 	{ text-align: right;	}
.t_center 	{ text-align: center;	}
.t_justify 	{ text-align: justify;	}
.bold 		{ font-weight: bold;	}
.italic 	{ font-style: italic;	}
.capitalize { text-transform: capitalize;	}
	
/*  Couleurs
-------------------------------------------------------*/
body 			 { background-color: #6A415E;	}

#wrapper					{ color: #A7A69B;	}

#nav a 						{ color: black;	}

.gris div.boxMid			{ color: #B5B2A5;	}

h1, 
h2,
#nav a:hover,
a.all_actu,
a.plan,
a.fly,
#listcreateurs li a,
#listMarques li a			{ color: #D8D7D0;	}

.violet div.boxMid,
a.all_actu:hover,
a.plan:hover,
a.fly:hover,
#listcreateurs li a:hover,
#listMarques li a:hover	{ color: #A09F95;	}

/*  Header
-------------------------------------------------------*/
h1 { font-size: 26px;	}
h2 { font-size: 23px;	}

h1, 
h2 { padding-left: 10px;	}

/*  Liens
-------------------------------------------------------*/
a.all_actu,
a.plan, 
a.fly		{ padding-right: 10px;	}
	
a.all_actu	{ font-size: 22px;	}
a.plan, 
a.fly		{ font-size: 18px;	}	
	
a.fly {
	display: block;
	float: right;
	width: auto;
	height: 21px;	}
	
#listcreateurs li a,
#listMarques li a { 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 125%;	}
	
/*  Navigation
-------------------------------------------------------*/
#nav a {
	display: block;
	float: left;
	width: auto;
	height: auto;
	font-size: 24px;
	margin-right: 20px; 	}
				
/*  Blocks
-------------------------------------------------------*/
#header {
	position: relative;
	width: 100%;
	height: 185px;
	margin-bottom: 20px;
	background:url(../images/logo.gif) no-repeat left top; 		}
	
	#nav {
		position: absolute;
		top: 160px;
		left: 160px;
		width: 750px;
		height: 25px;}

#horaires, 
#coordonnees {
	position: absolute;
	left: 0;
	width: 170px;
	height: auto;
	font-size: 10px;	}

#horaires	{ top: 209px;	}
#coordonnees	{ top: 365px;	}
	
#main {
	position: relative;
	left: 200px;
	width: 460px;
	height: auto;
	margin-bottom: 30px;	}
	
	.box {	
	width: 460px;
	height: auto;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 0 6px;	}
	
	#horaires.box, 
	#coordonnees.box {
		width: 170px;}
	
		div.boxTop {
			width: 100%;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 0 15px;	}
			
			#horaires .boxTop, 
			#coordonnees .boxTop, 
			#listcreateurs .boxTop,
			#listMarques .boxTop {
			height: 15px;
			background-position: 0 12px;	}
			
		.ie div.boxTop {
			height: 25px;
			background-position: 0 20px;}
			
			div.gris div.boxTop 		{ background-image: url(../images/fd_box_t_g.png);	}
			div.violet div.boxTop 		{ background-image: url(../images/fd_box_t_v.png);	}
			#horaires div.boxTop 		{ background-image: url(../images/fd_box_t_horair.png);}	
			#coordonnees div.boxTop 	{ background-image: url(../images/fd_box_t_coord.png);}	
			#listcreateurs div.boxTop,
			#listMarques div.boxTop 	{ background-image: url(../images/fd_box_t_listcrea.png);}	
		
		div.boxMid {
			width: 100%;
			height: auto;
			background-repeat: repeat;	}
						
			div.gris div.boxMid 	{ background-image: url(../images/fd_box_m_g.png);}
			div.violet div.boxMid 	{ background-image: url(../images/fd_box_m_v.png);}
				
		div.boxBtm {
			width: 100%;
			min-height: 12px;
			text-align: right;
			background-repeat: no-repeat;
			background-position: 0 -2px;	}
			
			div.gris div.boxBtm 		{ background-image: url(../images/fd_box_b_g.png);}
			div.violet div.boxBtm 		{ background-image: url(../images/fd_box_b_v.png);}	
			#horaires div.boxBtm 		{ background-image: url(../images/fd_box_b_horair.png);}	
			#coordonnees div.boxBtm 	{ background-image: url(../images/fd_box_b_coord.png);}	
			#listcreateurs div.boxBtm,
			#listMarques div.boxBtm 	{ background-image: url(../images/fd_box_b_listcrea.png);}	
			
	ul.diaporama { padding: 15px 10px 10px 10px;}
					
	.list_obj { 
		width: 460px;
		padding: 0 0 50px 2px;	}
		
		div.obj {	
			float: left;
			width: 100px;
			height: 100px;
			padding: 5px;
			margin: 0 5px 5px 0;
			background-image: url(../images/fd_broc_obj_g.png);
			background-repeat: no-repeat;	}
						
#listcreateurs,
#listMarques {
	position: absolute;
	top: 209px;
	left: 690px;
	width: 180px;
	height: auto;	}
	
	#listcreateurs div,
	#listMarques div			 { width: auto;	}
	#listcreateurs div.boxMid,
	#listMarques div.boxMid	 { padding-top: 7px;	}
			
/*  Contenu
-------------------------------------------------------*/
div.boxMid p 			{ padding: 10px;	}

#main div.boxMid p		{ padding-top: 15px;}

#horaires p, 
#coordonnees p,
#main div.boxMid p.date { padding-bottom: 0;}

#listcreateurs ul li,
#listMarques ul li 	{ padding-left: 10px;}