@charset "utf-8";
/* CSS Document */

@import url('resets.css');
@import url('base.css');
@import url('design.css');

/***** HEADER *****/
	#header hr {
		clear: both;
		width: 940px;
		height: 6px;
		color: #000;
		background-color: #000;
		border: 0;
	}
	
	/* Header 1 */
	#header1 a:link, #header1 a:visited { color: #FFF; text-decoration: none; }
	#header1 span { font-size: 11px; }
	
	
	/* Header 2 */
	#header2 div.logo { width: 250px; text-align: center; }
	#header2 div.right { width: 750px; text-align: right; }
	
	#header2 div.panier div { margin: 5px 30px 0 0; font-size: 14px; font-weight: bold;}
	
	#header2 div.menu div { margin: 20px 30px 0 0; }
	#header2 div.menu div span { margin: 0 0 0 15px; font-size: 15px; }	
	#header2 div.menu div span a:link, #header2 div.menu div span a:visited { color: #000; text-decoration: none; }	
	#header2 div.menu div span a:hover { text-decoration: underline; }
	
	/* Header 3 */
	#header3 div.recherche { margin: 0 0 0 30px; } 
	#header3 div.recherche .button { border: 1px solid #E60000; font-weight: bold; background-color: #E60000; color: #FFF; }
	
	#header3 div.menu div { margin: 0 30px 0 0; line-height: 25px; }
	#header3 div.menu div span { margin: 0 0 0 15px; font-size: 12px; }
	#header3 div.menu div img { vertical-align: baseline; }
	
/*** MENUS UNIVERS ****/
	
	/* Niv1 */
	ul.menu_univers {
		border: 1px solid #000;	
		width: 200px;
		font-family: "Verdana";
	}
	
	ul.menu_univers ul { background-color: #FFF; }
	
	ul.menu_univers li  {
		width: 200px;
		text-align: center;
	}
	
	ul.menu_univers li.head { background-color: #000; }
	
	ul.menu_univers li a:link, ul.menu_univers li a:visited {
		color: #FFF;	
		font-size: 16px;
		line-height: 30px;
		text-decoration: none;
	}
	
	/* Niv2 */
	ul.menu_univers ul.niv2 { 
		margin: 10px;
	}
	
	ul.menu_univers ul.niv2 li {
		width: 180px;
		text-align: left;
	}
	
	ul.menu_univers ul.niv2 li a:link, ul.menu_univers ul.niv2 li a:visited {
		display: block;
		color: #FFF;	
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		line-height: 16px;
		padding: 5px 0 5px 0;
	}
	
	ul.menu_univers ul.niv2 li a:link span, ul.menu_univers ul.niv2 li a:visited span {
		margin: 0 10px 0 10px;
		display: block;
	}
	
	/* Niv 3*/
	ul.menu_univers ul.niv3 { 
		margin: 10px 5px 10px 5px;
		border-bottom: 1px solid #000;
		padding: 0 0 5px 0;
	}
	
	ul.menu_univers ul.niv3 li {
		background-color: #FFF;
		width: 160px;
		text-align: left;
	}
	
	ul.menu_univers ul.niv3 li a:link, ul.menu_univers ul.niv3 li a:visited {
		color: #000;	
		font-size: 11px;
		text-decoration: none;
		font-weight: normal;
		line-height: 14px;
		padding: 3px 0 3px 0;
	}

	/* Plus d'articles */
	ul.menu_univers ul.niv3 li.plusarticles a:link, ul.menu_univers ul.niv3 li.plusarticles a:visited {
		font-size: 9px;
		text-align: right;
		padding: 5px 15px 5px 0;
		font-weight: normal;
		font-style: italic;
		background: url('../plus-articles.jpg') no-repeat;
		background-position: right;
	}

/***** RIGHT COLONNE *****/
	#right-col .button { border: 1px solid #000000; font-weight: bold; background-color: #000000; color: #FFF; }	
	#right-col hr { margin: 20px auto 20px auto; }
	#right-col .form-newsletter { margin: 10px; }
	p.details { margin: 5px 10px 5px 10px; text-align: left; font-size: 13px; }

/***** FOOTER *****/
	/* Footer 1 */
	#footer div.recherche {
		padding-top: 35px;
		text-align: center;
	}
	
	#footer div.lien {
		margin-top: 5px;
		text-align: center;
	}
	
	/* Footer 2 */
	#footer2 div.partenaires {
		text-align: center;	
	}
	
	#footer2 div.mentionslegales {
		text-align: center;
		margin: 5px;
	}