/* CSS par Gounlaf pour http://www.kits-gratuits.net - Tous droits réservés - */

body {
	background-color:#F6BF00;
	color:#000000;
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:0;
	margin:0;
	}
	
div#contenu {
	width:954px;
	height:auto;
	margin:auto;
	font-size:80%;
	}
	
	
	#menu ul li a:hover {
	text-decoration:underline;
	color:#666666;
	padding:0 0 0 7px;
	width:163px;
  background-color:#F3F3F3;
  
}
img { display:block;  padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#333333; text-decoration:none; }
a:hover { color:#666666; }
a img { border:0; }
h1 { margin:0; color:#8C0900; }
h2 { margin:0; padding:0; font-size:100%; font-weight:normal; }
p { margin:0; padding-left:5px;padding-right:5px; }
div.clear { clear:both; }
input { margin:0; padding:0; }
.center { text-align:center; }
form { margin:0; padding:0; }

h2 { background:url('bg_h2.gif') repeat-x; background-position:50% 50%; margin-bottom:8px !important; margin-bottom:0; }
h2 span { background-color:#FFFFFF; padding-right:5px; }

div#top {
	background:url('top.gif') no-repeat;
	width:953px;
	height:63px;
	padding-left:1px;
	color:#555555;
	}

div#top p { padding:0; margin-top:5px; }
div#top input.ok { width:25px; height:16px; font-size:100%; }

div#top_left {
	width:133px;
	height:63px;
	background:url('bg_t_l.png') no-repeat #FFFFFF bottom;
	float:left;
	margin-left:36px !important;
	margin-left:18px;
	padding:0px 9px 0 9px;
	}
	
div#top_middle {
	width:264px;
	height:63px;
	background:url('bg_t_m.png') no-repeat #FFFFFF bottom;
	float:left;
	margin-left:170px;
	padding:0px 9px 0 9px;
	}
	
div#top_middle input { width:68px; height:13px; background-color:#F2F2F2; border:1px solid #555555; font-size:100%; }
	
div#top_right
  {
	width:229px;
	height:63px;
	background:url('bg_t_r.png') no-repeat #FFFFFF bottom;
	float:left;
	margin-left:62px;
	padding:0px 9px 0 9px;
	}
	
div#top_right input { width:127px; height:13px; background-color:#F2F2F2; border:1px solid #555555; font-size:100%; }

div#contenu_2 {
	background:url('bg.gif') repeat-y;
	width:954px;
	height:auto;
	}
	
h1 { margin-top:118px; margin-left:198px !important; margin-left:10px; color:#8C0900; font-size:210%; position:absolute; }

div#contenu_3 {
	background:url('header.jpg') no-repeat;
	width:954px;
	height:auto;
	padding-top:1px;
	}
	
div#menu {
	width:131px;
	padding:0px 9px 0 9px;
	height:auto;
	float:left;
	margin-left:38px !important;
	margin-left:19px;
	margin-top:83px;
	}
	
div#contenu_4 {
	width:750px;
	height:auto;
	float:right;
	margin-right:10px !important;
	margin-right:5px;
	margin-top:159px;
	}
	
div#texte { 
	width:540px;
	height:auto;
	float:left;
	}
	
div#imgs {
	width:200px;
	height:auto;
	float:right;
	padding-left:6px;
	text-align:center;
	border-left:1px dashed #E0E0E0;
	margin-bottom:10px;
	}
	
div#imgs img { border:1px solid #000000; margin:auto; }
div#imgs li { margin-bottom:22px; }

div#copy {

	width:150px;
	height:22px;
	margin-left:37px;
	margin-top:-22px;
	}



#main-menu 
{

	bottom:0;
	right:0;
	font-family:Verdana,sans-serif;
	white-space:nowrap;
	font-size:100%;
	
	
}
#main-menu li 
{
	display: block;
	float: left;
	list-style-type: none;
	margin:0px;
	padding:0;

}
/*Les liens normaux*/
#main-menu a 
{
  color:black;
	display: block;
	float:left;
	padding:8px 9px 8px 9px;
	background: #fff;
	border-bottom:1px solid black;
	font-weight: normal;
	text-decoration: none;
	background-image: url('Untitled-44.gif');
	
	
}

/*Les liens au survol et rubrique en cours*/
#main-menu a:hover, #main-menu #selected a
{

	color:white;

	background-image: url('Untitled-45.gif'); 
	border-bottom:1px solid rgb(92,92,92);
	font-weight: normal;
	
}
#texte h2
 {
	width:520px;
	height:25px;
	line-height:26px;
	font-size:9pt;
	margin:0;
	padding:0 0 0 20px;
	color:white;
	background:url('font.gif');
	border:0px solid white;
}
.pied
{
  text-align:center;
  background-image: url('bg-body.gif');
  repeat:none;
	border:0px solid rgb(77,77,77);
	margin-bottom:0px;
	margin-top:0px;
	color:black;
	font-family:Trebuchet MS;
	font-size:0.89em; 
	
}

.pied a:hover
{
text-decoration:none;  
font-weight:bold;
color:#FF9933;
} 
.imagepetite 
{
width:140px;
height:140px;
float:left;
border:0px solid #699a0a;

}
.images-cont
{
text-align:center;
width:150px;
padding-top:5px;
margin-bottom:25px;
margin-left:20px;
float:left;
border:1px solid #8d8d8d;
}
blockquote 
{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#E8E8E8 none repeat scroll 0%;
border:medium none;
color:#703610;
font-size:0.95em;
line-height:1.1;
margin:0pt 1em 1em;
padding:0.1em 0.5em;
}
.floatl
 {
	float:left;
	margin-right:5px;
  border:3px double #808080;
  width:80px;
  height:80px;
}
.flimg
 {
	float:left;
	margin-right:5px;
  border:3px double #808080;
  width:90px;
  height:60px;
}
	
	
#texte a:hover
{ 
text-decoration:none;  
}
.image_actu
{
margin-left:5px;
float:left;
margin-right:10px;
border:3px double black;
}
.actualite
{
flaot:left;
}
.image_inclu
{
width:90px;
height:90px;
float:left;
padding:3px;
border:1px solid #CC0000;
}



.rouge
 {
background:white none repeat scroll 0%;
border-color:#CC0000;
border-style:solid;
border-width:4px 1px 1px;
color:black;
margin-bottom:15px;
padding:0px;
}
.rouge p:hover {
background:transparent none repeat scroll 0%;
}
.rouge h3 {
border-bottom:1px dotted #999999;
font-size:20px;
margin-top:2px;
padding-bottom:2px;
}
.vid-cont
{
text-align:center;
width:150px;
margin-left:10px;
margin-bottom:25px;
float:left;
border:2px solid white;
}
.vidpetite 
{
width:125px;
height:90px;
float:left;
border:3px double black;
}

