/* CSS Document */
/* Copyright : Design by OuaZ -- www.ouaz-studio.com --  -- Cut by Gounlaf (gounlaf [A T] gmail DOT com) pour -- www.kitgraphique.net -- */

body {
	color:#FFFFFF;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:70%;
	padding:0;
	margin:0;
	background-color: #691400;
	background-image: url(./images/bg_x.png);
	background-repeat: repeat-x;
	}
	
div#contenu {
	background:url('./images/bg_y.png') repeat-y;
	width:774px;
	height:auto;
	margin:auto;
	}

/* img { display:block; margin:0; padding:0; } */
ul , li 				{ margin:0; padding:0; list-style-type:none; }
a 					{ color:#000000; text-decoration:underline; font-weight:bold; }
a:hover 				{ color:#FFF; font-weight:bold; }
a img 				{ border:0; }
h1, h2, h3, h4, h5 	{ margin:0; }
h2 					{
	font-size:150%;
	padding:10px 0 10px 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #000000;
}
h3 					{
	font-size:120%;
	padding:4px 0 4px 0;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
h4 					{ font-size:100%; padding:5px 0 5px 0; }
p 					{ margin:0; padding:0px; }
div.clear 			{ clear:both; }
span 				{ display:none; }
hr 					{ clear:both; border:0; color:#691400; }
kbd 					{ background-color:#661300; font-size:120%; padding:1px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; }
form 					{ margin:0; padding:0; }
input, textarea 		{ display:block; margin:8px 0 0 0; border:1px solid #6A1300; font-weight:bold; }
input 				{ width:192px; height:19px; font-size:90%; }
textarea  				{ width:354px; height:106px; font-size:100%; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; }
button 				{ width:auto; height:auto; border:0; background-color:#9B3800; margin-top:5px; }

div#header {
	background:url('./images/header_top.PNG') no-repeat;
	width:769px;
	height:172px;
	padding-right:5px;
	}
	
h1 {
	background:url('./images/logo.png') no-repeat right;
	width:157px;
	height:146px;
	float:left;
	margin-top:26px;
	padding-left:84px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}

/* IE ... comme d'hab, tu embêtes tout le monde. Donc, pour informations, si on applique un float, la taille des li n'est plus prise en compte par IE ... bref, on bidouille encore une fois =/.
Je doit avouer qu'il ya bien ... 90% de pifomètre ... enfin bon,  */
/* Ah, aussi, a cause de l'incapacite a ton cher popa Billou qui ne te met jamais à jour ... tu gère pas les PNG Transparent, alors t'as le droit a du GIF, et pis voila -_- */
div#header ul { padding-top:136px; text-align:right; }
div#header li { display:inline; }

div#header li a {
	padding:30px 18px 20px 0;
	background:url('./images/sepa.png') no-repeat right !important;
	background:url('./images/sepa.gif') no-repeat right;
	}
	
div#corp_gen {
	background:url('./images/header_bottom.png') no-repeat #691400;
	width:auto;
	height:auto;
	margin-left:5px;
	margin-right: 5px;
	padding-top: 60px;
	padding-right: 9px;
	padding-bottom: 0;
	padding-left: 9px;
	}
	
/* Page index.html -> page d'accueil, avec affichage des news */
	
div#accueil {
	background:url('./images/sepa_v.gif') repeat-y;
	width:auto;
	height:auto;
	z-index:2;
	position:relative;
	}
	
div#bloc_news {
	width:345px;
	height:auto;
	float:left;
	}
	
/* Le codage est TRES LOURD du fait qu'il y a plein de coins arrondis ... vivement une propriete généralisée du type -moz-border-radius ... */
	
div.illus {
	background:url('./images/illus_top.png') no-repeat #9B3801;
	width:114px;
	height:auto;
	padding-top:7px;
	text-align:center;
	float:left;
	}
	
div.illus img { display:block; margin:auto; }
		
div.illus_bottom {
	background:url('./images/illus_bottom.png') no-repeat;
	width:114px;
	height:7px;
	font-size:0;
	}
	
div.news {
	width:214px;
	float:right;
}

div.news_top {
	background:url('./images/news_top.png') no-repeat;
	width:214px;
	height:7px;
	font-size:0;
	}
	
div.news_text {
	background-color:#953401;
	width:204px;
	height:auto;
	border:5px solid #9B3801;
	border-top:0;
	border-bottom:0;
	text-align:justify;
	}
	
div.news_text h4 { margin-bottom:5px; }
	
div.news_bottom {
	background:url('./images/news_bot.png') no-repeat;
	width:214px;
	height:7px;
	font-size:0;
	}
	
/* Fin des News */
/* Bloc droite de la page accueil */
	
div#bloc_pre {
	width:378px;
	height:auto;
	float:right;
	}
	
div.pre_text {
	background:url('./images/text_accueil_top.png') no-repeat #9B3800;
	width:360px;
	text-align:justify;
	padding:0 9px 0 9px;
	}
	
div.pre_text p { padding:5px 0 5px 0; }
	
div.pre_bot {
	background:url('./images/text_accueil_bot.png') no-repeat;
	width:378px;
	height:7px;
	font-size:0;
	margin-bottom:8px;
	}
	
/* Fin bloc droite */
	
div.text_gen {
	background:url('./images/text_gen_top.png') no-repeat #9B3800;
	width:712px;
	height:auto;
	padding:17px 17px 10px 17px;
	margin-top:10px;
	z-index:2;
	position:relative;
	}
	
div.text_gen_bot {
	background:url('./images/text_gen_bot.png') no-repeat;
	width:746px;
	height:7px;
	margin-bottom:10px;
	z-index:2;
	position:relative;
	}
	
/* Footer */
	
div#footer {
	background:url('./images/footer.png') no-repeat;
	width:754px;
	height:44px;
	padding:63px 5px 0 5px;
	margin:-30px auto auto 5px;
	z-index:1;
	position:relative;
	font-weight:bold;
	}
	
div#footer p { float:left; }
a#ouazstudio { background:url('./images/ouazstudio.png') no-repeat; width:137px; height:29px; float:right; }

div.titre {
	font-family: Decocaps, sans-serif;
	font-size: 26pt;
	color: #9ED40B;
	text-decoration: none;
	font-weight: bold;

}
div.titre2 {
	font-family: Oklahoma, sans-serif;
	font-size: 11pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
div.titre3 {
	font-family: Times New Roman, sans-serif;
	font-size: 20pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
div.titre4 {
	font-family: Oklahoma, sans-serif;
	font-size: 13pt;
	color: #9ED40B;
	text-decoration: none;
	font-weight: bold;

}
div.titre4:hover {
	font-family: Oklahoma, sans-serif;
	font-size: 13pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
h1 {

	font-size:150%;
	padding:10px 0 10px 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #000000;
}