/*
Ce code peut librement être copié et modifié, même à des fins commerciale.
INTERNET LBRE ET GRATUIT POUR TOU-TE-S !


===================================DEBUT DU  SCRIPT========================================*/

/*______________________STYLES GENERAUX__________________________*/
		html
		{
			background: #DDD url("im/bg.gif") repeat top left;
		}


		body
		{
			width: 95%;
			margin: 5px auto 20px auto;
			background: #FFF;
			font-family: Arial, sans-serif;
			border : 4px solid #000;
			border-top : 3px solid #000;
			padding-bottom : 0px;
		}


		a
		{
			color: #d70000;
			text-decoration: underline;
		}
		
		a:hover
		{
			color: #555;
			text-decoration: none;
		}

/*______________________EN TETE__________________________*/

		#logo
		{
			width: 200px;
			height: 200px;
			background: url("im/logo.png") no-repeat top left transparent;
			position: absolute;
			top: 5px;
			left: 2.5%;
		}
		
		#reu
		{
			width: 230px;
			background: #F5F5F5;
			position: absolute;
			top: 20px;
			left: 230px;
			padding: 10px;
			border: 1px solid #fff;
		}

		#reu p
		{
			margin: 0px;
			padding: 0px;
			font-size: 0.8em;
			color: #333;
			font-weight : bold;
			text-align: center;
		}

		
		#NewsLetter
		{
			width: 175px;
			height: 100px;
			position: absolute;
			top: 5px;
			right: 2.5%;
			padding-right: 3px;
		}
		
		#NewsLetter p
		{
			font-size : 0.8em;
			color: #FFF;
			text-align: center;
			padding: 10px 0px 0px 0px;
			margin: 5px 0px 5px 0px;
		}
		
		#NewsLetter p span
		{
			color: #FFF;
			background:  #d70000;
		}
		
		#en_tete
		{
			margin: 0px;
			height: 190px;
			background : url("im/header.jpg") no-repeat bottom right #DDD;
			border-top: 1px solid #000;
			
		}

		h1
		{
			text-indent: -50000px;
		}


/*______________________COLONNE__________________________*/

		#colonne
		{
			width: 210px;
			float: right;
			margin : 5px;
			padding: 0px;
			text-align: center;
		}
		
		#colonne a
		{
			font-size: 0.9em;

		}
		
		.aparte
		{
			width: 200px;
			float: right;
			margin : 0px 0px 5px 0px;
			border: 2px solid #000;
			padding: 3px;
			background: #EEE;
			text-align: left;
		}
		
		.aparte p
		{
			margin : 5px 0px 5px 0px;
			padding: 0px;
			font-weight : bold;
		}
		
		.aparte ul
		{
			list-style-type : square;
			margin: 0px;
			padding: 0px 0px 0px 18px;
		}
		
		.aparte ul li
		{
			font-size: 0.9em;
		}
		
		.aparte dl
		{
			margin: 0px;
			padding: 0px 0px 0px 0px;
		}

		.aparte dt
		{
			font-weight : bold;
			font-size : 0.9em;
			margin-top : 10px;
		}
		
		.aparte dd
		{
			margin-left : 20px;
		}
		
		
/*______________________CORPS__________________________*/

		#corps
		{
			margin: 0px 235px 20px 55px;
			padding: 10px;
			border-left: 3px dotted #d70000;
			border-right: 3px dotted #d70000;
			border-bottom: 3px dotted #d70000;
			color: #000;
			text-align: justify;
		}
		
		#corps blockquote
		{
			border: 1px dotted #777;
			padding : 8px 20px 8px 20px;
			margin : 5px 5px 5px 25px;
			background : #f7f7f7;
			font-size : 0.9em;
		}
		
		
		#corps h2
		{
			text-align: center;
			color: #d70000;
			text-decoration: none;
			font-weight: bold;
			letter-spacing: 4px;
			font-size : 2em;
			margin-top : 10px;
			padding: 0px;
			margin-bottom : 0px;
			line-height: 10px;
		}
		
		h2#span
		{
			Font-size: 1.5em;
		}
		
		#corps p span
		{
			line-height: 10px;
			padding: 0px;
			margin-top: 0px;
			text-align: center;
			color: #000;
			font-weight: normal;
			letter-spacing: 0px;
			font-size : 1.1em;
			margin-top : 0px;
			padding-top: 0px;
			text-decoration : none;
			font-style: italic;
		}
		
		#corps p span em
		{
			color: #d70000;
			font-style: italic;
		}
		
		#corps h3
		{
			text-align: left;
			color: #000;
			font-weight: bold;
			font-variant: small-caps;
			letter-spacing: 2px;
			font-size : 1.5em;
			border-bottom: 1px dotted #000;
			background: url("im/mega.gif") no-repeat bottom left;
			padding-left: 35px;
			margin-top: 50px;
		}

		#corps h4
		{
			margin-left: 70px;
			text-align: left;
		}


		#corps ul
		{
			list-style-type: square;
		}

		#apercu_even
		{
			border-left : 3px solid #999;
			border-top : 1px dashed #aaa;
			border-bottom : 1px dashed #aaa;
			border-right : 1px dashed #aaa;
			padding : 1px 2px 8px 10px;
			background : url("im/bgeven.png") top left repeat-y;
			margin-bottom : 20px;
		}
		
		#apercu_even h4
		{
			text-decoration: underline;
			font-size : 1.2em;
		}
		
		
/*______________________PIED__________________________*/

		#pied
		{
			clear: left;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			height: 141px;
			text-align: center;
			background: url("im/friseCenter.png") repeat-x bottom left #FFF;
		}

		#pied p
		{
			font-size : 0.8em;
			padding-bottom : 0px;
		}

		#frisegauche
		{
			width: 420px;
			height: 141px;
			background: url("im/friseLeft.png") no-repeat bottom left transparent;
			float: left;
			margin: 0px;
		}

		#frisedroite
		{
			width: 330px;
			height: 141px;
			background: url("im/friseRight.png") no-repeat bottom right transparent;
			float: right;
			margin: 0px;
		}
		
		#infospied
		{
			color : #CCC;
			background : #000;
			margin : 0px;
			padding : 0px;
		}
		
		#infospied p
		{
			margin : 0px;
			padding : 0px;
			text-align : center;
			font-size : 0.7em;
			font-weight : bold;
		}
		
/*
========================================== FIN DU SCRIPT ===================================================

Ce code peut librement être copié et modifié, même à des fins commerciale.
INTERNET LBRE ET GRATUIT POUR TOU-TE-S !
*/