/*		CALL IN NEEDED		*/

@import "reset.css";
@import "grid.css";

/*		BASICS		*/
body { font-size: 13px; font-family: arial,helvetica,sans-serif; line-height: 1.5; }
html { margin-bottom: 1px; height: 100%; }
a { color: #c00; text-decoration: none; border-bottom: 1px #ccc dashed; }
a:hover { background: #ff8; color: #000; border: 0;}

h1 { font-family: georgia,times,'times new roman',serif; font-size: 60px; color: #898; }
h3 { clear: both; text-align: center; font-size: 16px; margin: 12px 0 8px 0; font-weight: bold; }
h4 { font-weight: bold; background: #aba; padding: 3px; font-size: 12px; margin: 12px 0 4px 0; }

/*		BARRE		*/
#Barre { background: #898; height: 24px; position: relative; line-height: 2; border-bottom: 1px solid #565; }
#Barre p.span-10 { margin: 0 auto; font-size: 11px; }
#Barre p.span-10 a { padding: 0 4px; border: none; color: #fff; }
#Barre p.span-10 a:hover { color: #000; background: transparent; }

/*		LISTS		*/
div.span-8 ul li { font-family: georgia,times,'times new roman',serif; font-size: 14px; border-bottom: 1px solid #ccc; }
div.span-8 ul.rhs { width: 320px; float: right; margin-bottom: 8px; }
div.span-8 ul.lhs { width: 320px; float: left; margin-bottom: 8px; }

/*		MISC		*/
p#btt { text-align: right; padding-top: 12px; clear: both; }

/*		FOOTER		*/
#footer { font-size: 11px; padding: 12px 0; border-bottom: 4px solid #888; margin-bottom: 48px; }
#footer div.span-5 { border-top: 4px solid #888; padding-top: 12px; }
#footer a { font-weight: bold; }
#footer div.last a { border: 0; height: 64px; text-indent: -10000px; display: block; background: url( ../m/btn_cavadeos.gif ) no-repeat -68px 0; position: relative; }

/*		FORCE		*/
.hidden { visibility: hidden; line-height: 12px; font-size: 8px; margin-top: -12px; }

/*		CAVALIENS		*/
.cavaliens	{	margin-top: 24px; overflow: hidden; font-size: 10px; line-height: 1.2; color: #322; border-top:	1px solid #444; border-bottom:	1px solid #444; background: #ffc; padding-bottom: 6px; }
.cavaliens a { color: #322; margin: 0; border: 0; }
.cavaliens a:hover { color: #043; margin: 0; background: transparent; border: 0; }
.cavaliens .cavaliens-autopromo { clear: both; text-align: right; padding: 2px 4px; font-weight: bold; }
.cavaliens .cavaliens-header { padding: 2px; font-family: georgia,times,serif; font-weight: bold; text-transform: uppercase; background: #ffb; }
.cavaliens a.cavaliens-link { color: #043; display: block; text-transform: lowercase; }
.cavaliens ul li { width: 150px; display: block; margin: 2px; float: left; overflow: hidden; }
.cavaliens ul { padding-top: 4px; }
.cavaliens .cavaliens-title { font-weight: bold; display: block; padding-bottom: 2px;  }
.cavaliens .cavaliens-header { font-size: 11px;}
.cavaliens a.cavaliens-text { font-weight: normal; }

/*		CLASS AUTOPROMO		*/
div.autopromo img { padding-top: 12px; width: 144px; }
div.autopromo ul { line-height: 1; }
div.autopromo ul li a { font-size: 11px; }

/*		ID AUTOPROMO		*/
#autopromo a {
	display: block;
	border: 3px double #ddd;
	padding: 8px;
	margin-top: 12px;
	background: #eee;
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}
#autopromo a:hover {
	background: #ffc;
}

/*		COMMENT ÇA MARCHE		*/
p.commentcamarche { margin-bottom: 4px; line-height: 1.2; font-size: 11px; font-family: georgia,times,serif; }