@charset "UTF-8";
/* 
	CSS Document 
   	Ambroise Maupate © 2009
*/

@import url('typography.css');

*					{margin:0px; padding:0px; border:none; list-style:none; 
	text-rendering: optimizeLegibility;}
hr					{display:none;}

html				{text-align:center; background-color:rgb(235,230,230); background-image:url(images/fondMainNavigationRepeat.png); background-repeat:repeat-x;}
body				{position:relative; margin:0 auto; text-align:left; width:900px;}

div.blocks			{margin-bottom:15px;}
div.blocks hr		{ display:block; border:none; margin:0px; padding:0px; border-bottom:rgb(200,72,35) dashed 1px; margin-bottom:5px; margin-top:5px;}

div#contenu	img		{ margin:15px; margin-left:0px; border:none;}
div#loginForm		{ padding:20px; padding-left:23px; width:170px; height:150px; margin:20px auto; background-image:url(images/loginForm.png); background-repeat:no-repeat;}		

img#background 			{ position:absolute; top:0px; left:0px; }
img.thumb				{ width:100px; float:left;}
.descriptionActualite	{ padding-bottom:10px;}
.descriptionActualite p	{ padding-left:10px; padding-right:10px;padding-bottom:10px;}

div#mainHeadline		
{
position:absolute; 
top:0px; 
left:-25px; width:200px;
height:800px;
background-image:url(images/h1Red.png);
background-repeat:no-repeat;
background-position:center;
z-index:9998;
}
	div#mainHeadline * {text-indent:-9999px;}

div#mainNavigation		
{
position:absolute; 
top:0px; left:0px;
height:115px;
z-index:999;
}
	div#mainNavigation > ul					{ padding-left:180px;}
	div#mainNavigation > ul > li			{ float:left; padding:10px; padding-top:47px; padding-bottom:5px;}
	div#mainNavigation > ul > li:hover		{ background-image:url(images/fondMainNavigationRepeatHOVER.png); background-position:bottom; background-repeat:repeat-x; }
	div#mainNavigation > ul > li > ul		
	{ 
		position:absolute; visibility:hidden; 
		margin-top:5px; 
		padding-top:10px;
		padding-left:180px; 
		width:720px; min-height:20px; 
		left:0px; 
		background-image:url(images/fondSubNavigationRepeatGrand.png); background-repeat:repeat-x;
		z-index:99;
		-moz-box-shadow:#666 0px 1px 5px;
		-webkit-box-shadow:#666 0px 1px 5px;
		box-shadow:#666 0px 1px 5px;
	}
	div#mainNavigation > ul > li:hover > ul,
	div#mainNavigation > ul > li > ul:hover	{visibility:visible;}
	div#mainNavigation > ul > li > ul > li	{float:left; padding:10px; padding-top:0px;}
	
	#currentCategorie						{visibility:visible; z-index:1;}
	

div#planche				
{
	position:relative;	
	padding-top:140px; 
	padding-bottom:30px; 
	left:185px; 
	width:715px;
	overflow:hidden;
}
div#planche h2		
{
background-image:url(images/points.png); 
background-repeat:no-repeat; 
background-position:left top; 
min-height:15px; padding-left:48px;
border-bottom:rgb(200,72,35) 1px solid; padding-bottom:5px;
}
div#planche h3		
{
background-image:url(images/points.png); 
background-repeat:no-repeat; 
background-position:left top;
background-color:rgb(200,72,35);
color:#ffffff;
min-height:15px; 
padding:3px;
padding-left:52px;
margin-bottom:0px;
/*border-top:1px dashed rgb(235,230,230);*/
border-bottom:1px dashed rgb(235,230,230);
}


div#page				
{
	position:relative;
	float:left;
	width:420px; 
}
	div.actuDescription	{padding-left:30px;}
	.actusBlocks		{position:relative; margin-bottom:10px; width:250px; overflow:hidden; background-color:rgb(180,220,121); display:none;}
	.actusBlocks > p,
	.marcheBlocks > p	{position:relative; margin-bottom:10px; overflow:hidden; padding:10px;}
    p.dateTime			{border-bottom:rgb(163,200,0) 1px solid; padding-bottom:2px; margin-bottom:5px;}
	.moreActu			{padding:10px; border-radius:5px; background-color:#CCC;}
	
	
	.marcheBlocks		{position:relative; margin-bottom:10px; width:250px; overflow:hidden; background-color:rgb(180,220,121);}

div#subPage				
{
	float:left;
	margin-left:40px;
}
	.constantBlocks		{position:relative; margin-bottom:10px; width:250px; overflow:hidden; background-color:rgb(163,200,0);}
	.constantBlocks > p	{position:relative; overflow:hidden; padding:10px;}
	div.leadImage			{height:130px;}
	
	div#volontariat > div.leadImage	{background-image:url(../images/volontairesPhoto2.jpg); background-position:center; background-repeat:no-repeat; height:166px;}
	
	ul.actualites > li		{padding:10px;}

div#diaporama			{width:420px;}
div#videos				{width:420px;}
img.diaporama			{width:420px;}

div#ours				
{
position:fixed;
bottom:0px;
width:890px;
text-align:center;
/*background-color:rgb(200,72,35);
border-top:rgb(163,200,0) 1px solid;
border-bottom:none;*/
background-image:url(images/ours.jpg);
background-repeat:no-repeat;
height:18px; 
color:#FFFFFF; 
padding:5px;
padding-top:7px;
overflow:hidden;
z-index:9999;
}
	div#ours > ul 		{padding:0px; padding-left:6px;}
	div#ours > ul > li	{float:left; margin-right:10px;}
	
div#page input,
div#page select,
div#page textarea		{border:1px solid rgb(163,200,0); margin:5px; margin-left:0px; padding:3px;}
input.Bouton			{padding-left:20px !important; padding-right:20px !important; padding-top:5px!important; padding-bottom:5px !important; border:1px solid #FFF !important;
 -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#6C3;
  
  }
input.Bouton:hover		{background-color:rgb(180,220,121); cursor:pointer;}
input:focus				{background-color:#CCCCCC;}

input#User,
input#Pass {
	padding:5px;
	border:1px solid #FFF;
	background-color:#B4DC79;
  margin:5px;
}