/*

********************************************************************

*********************************************************************

    CSS pour la partie MAC97000

	*/



* { margin: 0; padding: 0; }

body {

	background-color: #ffffff;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 20px 0;
	padding: 0;
	color: #666666;
	z-index: 1;
}

#banniere {
	position: absolute;
	left: 420px;
	top: 25px;
	z-index: 3;
	

}

h1, h2, h3 { 

	color:  #333333;

	font-size: 1em;

}

h4 {

	font-size: .8em;

}

h1 a, h2 a, h3 a, h4 a {

	text-decoration: none;

	color: #000000; 

}

p, blockquote, ul, ol {

	margin-bottom: 1.5em;

	line-height: 1.65em;

	text-align: justify;

}

p {}

.right { text-align:right;}

.center { text-align: center;}



/************************************/

/* Boxed Style */



.boxed { z-index: 1;

}

.boxed .title {

	background: #3C74E6 url(../images/img06.gif) repeat-x;

}

.boxed .title h2 {

	height: 28px;

	padding: 12px 0 0 20px;

	text-transform: uppercase;

	font-size: 1em;

	color: #FFFFFF;

}



.boxed .content {

	padding: 20px;

	border-top: 1px solid #FFFFFF;

	background: url(../images/img07.gif) repeat-x;

	z-index: 1;

}



/* Post */



.post {  z-index: 1;

}



.post .title {

	background: #3C74E6 url(../images/img06.gif) repeat-x;

	font-size: 1em;

	text-transform: uppercase;

	color: #FFFFFF;

	z-index: 1;

}

.post .title a { /* défini la couleur des liens dans les titres */

	color: #FFFFFF;

	text-decoration: underline;

}



.post .title span {

	display: block;

	height: 28px;

	padding: 12px 0 0 20px;

}



.post .date {

	margin-top: -25px;

	padding-bottom: 10px;

	padding-right: 20px;

	text-align: right;

	font-size: x-small;

	color: #FFFFFF;

}



.post .date .month {

}



.post .date .day {

}



.post .date .year {

}



.post .meta {

	clear: both;

}



.post .meta p {

	margin: 0;

	padding: 10px 20px 40px 20px;

	border-top: 1px dotted #CCCCCC;

	line-height: normal;

	font-size: x-small;

}



.post .story {

	padding: 20px;

	border-top: 1px solid #FFFFFF;

	background: url(../images/img07.gif) repeat-x; 

}



/* Header */

#header {

	width: 920px;

	height: 120px;

	margin: 0 auto;

	padding: 20px 20px 0 20px;

    background: url(../images/img01.jpg) no-repeat;

	position: absolute;

	left: 10px;

	top: 5px;

	z-index: 2;

}

/* Header > Logo */



#logo {

	float: left;

	width: 240px;

	height: 50px;

}



#logo h1 {

	float: left;

	margin: 0;

	padding: 50px 0 0 0;

	font-size: 2.6em;

}



#logo h2 {

	float: left;

	margin-top: -5px;

	font-size: 1em;

}



#logo a {

	text-decoration: none;

	color: #000000;

}



/************************************************************************************/

/* Menu  */

/* Header > Menu */



#menu { float: right;

		z-index: 2;

		margin: 0px auto;

}

#menu ul {

	margin: 0;

	list-style: none;

}

#menu a {

	display: block;

	float: left;

	width: 120px;

	height: auto;

	margin-left: 2px;

	padding-top: 10px; 

	text-decoration: none;

	text-align: center;

	color: #000000; 

}

#menu .active a {

	background-image: url(../images/img05.gif); /* permet au lien accueil d'etre orange */

}



/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd, ul, li {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

#menu dl {

	float: left;

	margin: 0 1px;

	padding-top: 79px; /* plaque le menu sur le bord inf du header */

} 

#menu dt {

	display: block;

	width: 116px;

	height: 30px;

	text-align: center;

	text-decoration: none;

	text-transform: capitalize;

	font-size: 16px;

}

#menu dd {

	width: 114px;

	font-size: 14px;

}

#menu li {

	display: inline; 

	text-align: center;

}

#menu li a, #menu dt a {

	text-decoration: none;

	display: block;

	height: 100%;

	border: 0 none;

	background-color: #ffffFF;

}

#menu li a:hover{

	background-color: #6699FF;

	border: 1px solid gray;	

}

/****************************************************************************************/

/* Content */



#content {

	width: 920px;

	margin: 0 auto;

	padding: 20px;

	background: url(../images/img02.jpg) no-repeat; 

	border-top: 1px solid #FFFFFF;

	z-index: 1;

	position: absolute;

	left: 10px;

	top: 150px;

}



/* Content > Main */



#main {

	float: left;

	width: 480px;

	padding-left: 20px;

	z-index: 1;

}



/* Content > Main > Welcome */



#welcome {	z-index: 1;}



/* Content > Main > Example */



#example {	z-index: 1;}



/* Content > Sidebar */



#sidebar {

	float: left;

	width: 220px;

	z-index: 1;

}



#sidebar .boxed .title h2 {

	background: url(../images/img08.gif) no-repeat;

}



/* Content > Sidebar > Login */



#login {

}



#login form {

}



#login fieldset {

	border: none;

}



#login legend {

	display: none;

}



#login label {

	display: block;

}



#login input {

	margin-bottom: 10px;

	padding: 2px 5px;

	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #666666;

}



#inputtext1, #inputtext2 {

	width: 160px;

}



#inputsubmit1 {

	margin: 0;

	padding: 0;

}



/* Content > Sidebar > Updates*/



#updates { z-index: 1;

}



#updates ul {

	margin: 0;

	list-style: none;

}



#updates h3 {

	font-size: .8em;

}



#updates p {

	line-height: normal;

	font-size: .8em;

}



#updates a {

	text-decoration: none;

}



/* Content > Sidebar2 */



#sidebar2 {

	float: left;

	width: 180px;

	padding-left: 20px;

	z-index: 1;

}



#sidebar2 .boxed .title h2 {

	background: url(../images/img10.gif) no-repeat right top;

}



/* Content > Sidebar2 > Sponsors */



#sponsors {	z-index: 1;

}



#sponsors ul {

	margin-left: 0;

	padding-left: 0;

	list-style: inside;

}



/* Content > Sidebar2 > ad120x600 */



#ad120x600 {

	text-align: center;

}

/**********************************************************************/

/* Footer */



#footer {

	clear: both;

	width: 960px;

	height: 80px;

	margin: 0 auto;

	padding: 20px 0;

	background: url(../images/img02.jpg) no-repeat;

/*	position: absolute;

	bottom: 1px; */

	z-index: 1;

}



#footer p {

	margin: 0;

	text-align: center;

	line-height: normal;

	font-size: x-small;

}



#footer a {

	text-decoration: none;

	color: #666666;

}



#footer a:hover {

	text-decoration: none;

}



/* Footer > Legal */



#legal {

}



/* Footer > Links */



#links {

}

/***********************************/

/*  Les images  */

img {

	border: none;

}



img.left {

	float: left;

	margin: 5px 20px 0 0;

}



img.right {

	float: right;

	margin: 5px 0 0 20px;

}

/***********************************/

/*  Les liens  */

a {

	text-decoration: none;

	color: #3E9722;

}



a:hover {

	text-decoration: none;

	color: #E58C24;

}



/************************************/

/* liste et citation */

blockquote {

	margin-left: 2em;

	margin-right: 2em;

	font-style: italic;

}



ul {

	margin-left: 3em;

}



ul li {

}



ol {

	margin-left: 3em;

}



ol li {

}

/************************************/

/* PUB */

.pub { text-align:center;

}



/*

********************************************************************

*********************************************************************

    CSS pour la partie PARTENARIAT MAC97000

	*/



.petit {

	font-size: 12px;

}

.plus {

	color:#FF3300;

	font-weight:bold;

	text-decoration:underline;

}

.rien {



}