*{}
img {border:0px;}
html {height:100%; min-height:100%;}

body{
	background-color:#F0F0F0;
	height:100%;
	min-height:100%;
	min-width:892px;
	width:892px;
	margin:0px auto;
	position:relative;
	}
	
#container{
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	background-color:white;
	width:818px;
	max-width:818px;
	min-height:100% !important;
	height:auto !important;
	height:100%;
	padding:0px 10px 0px 10px;
	}
	
#header{
	position:absolute;
	background-color:white;
	width:818px;
	height:135px;
	}	
#header #logo{
	width:163px;
	height:135px;
	float:left;
	}
#header #bandeau{
	background-color:#F0F1F0;
	width:654px;
	height:97px;
	margin-top:20px;
	float:left;
	}
#header #bandeau #titre{
	padding-left:15px;
	padding-top:4px;
	}
#header #bandeau #senat{
	background-image:url(images/senat.gif);
	width:49px;
	height:49px;
	margin-top:24px;
	float:right;
	}	
#header #bandeau #ps{
	background-image:url(images/ps.gif);
	width:49px;
	height:49px;
	margin:24px 28px 0px 17px;
	float:right;
	}	
	
#header #bandeau #lettres{
	background-color:#E8E9E8;
	width:163px;
	height:97px;
	float:right;
	}
#header #bandeau #lettres #infos{
	width:163px;
	height:48px;
	}	
#header #bandeau #lettres #bip{
	width:163px;
	height:49px;
	border-top:1px solid white;
	}
#header #bandeau #lettres #titre{
	background-image:url(images/lettre.gif);
	background-repeat:no-repeat;
	background-position:6px 10px;
	width:58px;
	height:17px;
	float:left;
	padding:4px 0px 0px 20px;
	}
#header #bandeau #lettres #archives{
	width:85px;
	height:21px;
	float:left;
	padding-top:7px;
	}
#header #bandeau #lettres #inscription{
	padding-left:5px;
	height:19px;
	}
#header #bandeau #lettres #inscription #inscription_input{
	width:136px;
	float:left;
	}
#header #bandeau #lettres #inscription #inscription_input input{
	width:128px;
	height:12px;
	padding:0px;
	float:left;
	}
#header #bandeau #lettres #inscription #inscription_envoi{
	float:left;
	margin-top:-1px;
	}	

#content{
	padding-top:135px;
	}	
#content 		#top		{height:20px;overflow:hidden;}
#content #main 	#top		{
	background-color:#eb3ea0;
	background-image:url(images/fleche.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#content #right #top		{
	background-color:#B40066;
}
#content #left{
	width:163px;
	max-width:163px;
	float:left;
	}	
#content #main{
	width:490px;
	max-width:490px;
	margin:0px 1px;
	float:left;
	}
#content #main #menu{
	background-color:#fee1f1;
	width:460px;
	padding:5px 15px;
	}	
#content #main #article{
	width:462px;
	margin:15px;
	}	
	
#content #right{
	width:163px;
	max-width:163px;
	float:left;
	}
#content #right #footer{
	padding:13px;
	}	
#content #right #news{
	background-color:#fee1f1;
	width:151px;
	max-width:151px;
	padding:6px;
	}
#content #right #news div{
	padding-bottom:7px;
	}
#menu_top #titre{
	background-color:#B40066;
	}
#menu_top a{
	background-position: 0px 20px;
	width:72px;	
	height:95px;
	float:left;	
	overflow:hidden;
	display:block;
	}
#menu_top #ry a{
	background-image:url(images/ry.jpg);
	border-right:1px solid white;
	}	
#menu_top #mcbg a{
	background-image:url(images/mcbg.jpg);
	}
	#menu_top #cl a{
	background-image:url(images/cl.jpg);
	}
#menu_top #ry a:hover, #menu_top #mcbg a:hover,#menu_top #cl a:hover, #menu_top .highlighted{
	background-position: 0px -65px;
	}
#menu_top #ry a:hover #titre, 	#menu_top #ry .highlighted #titre{
	background-color:#F50000;
	}
 #menu_top #mcbg a:hover #titre,#menu_top #mcbg .highlighted #titre{
	background-color:#47478D;
	}
 #menu_top #cl a:hover #titre,#menu_top #cl .highlighted #titre{
	background-color:#006633;
	}

	
#menu_main a{	
	display:block;	
	padding:6px;
	overflow:hidden;
	border-top:1px solid white;
	height:28px;
	}	

#menu_main #archives{ 
	height:15px;
	border-bottom:1px solid white;
	}
		
#menu_sub a{
	background-repeat:no-repeat;
	display:block;
	}
#menu_sub #zoom, #menu_sub #alire, #menu_sub #coincemarche {width:49px; height:86px; float:left; text-align:center;}
#menu_sub #coincemarche {width:65px;}
#menu_sub #fiches, #menu_sub #biographie {width:163px; height:22px;}
#menu_sub #liens {width:163px; height:21px;}
	
#menu_sub #zoom a, #menu_sub #alire a, #menu_sub #coincemarche a{padding-top:56px; width:48px; height:29px; border-right:1px solid white;border-top:1px solid white;}
#menu_sub #coincemarche a	{width:65px; border-right:0px; padding-top:50px; height:35px;}
#menu_sub #zoom a			{background-image:url(images/zoom.gif);}
#menu_sub #alire a			{background-image:url(images/alire.gif);}
#menu_sub #coincemarche a	{background-image:url(images/coincemarche.gif);}

#menu_sub #fiches a, #menu_sub #liens a, #menu_sub #biographie a{padding:4px 0px 0px 27px;width:136px; height:16px; border-bottom:1px solid white;}
#menu_sub #fiches a		{background-image:url(images/fiches.gif); border-top:1px solid white;}
#menu_sub #biographie a	{border-top:1px solid white;}
#menu_sub #liens a		{background-image:url(images/liens.gif);}

#menu_sub #zoom a:hover, 		#menu_sub #alire a:hover, 		#menu_sub #coincemarche a:hover,
#menu_sub #zoom .highlighted, 	#menu_sub #alire .highlighted, 	#menu_sub #coincemarche .highlighted
	{background-position: 0px -85px;}	
#menu_sub #fiches a:hover, 		#menu_sub #liens a:hover, 		#menu_sub #biographie a:hover,
#menu_sub #fiches .highlighted, #menu_sub #liens .highlighted, 	#menu_sub #biographie .highlighted
	{background-position: 0px -20px;}
#menu_sub #agenda a:hover,		#menu_sub #carnet a:hover,
#menu_sub #agenda .highlighted, #menu_sub #carnet .highlighted
	{background-position: 0px -69px;}
 
#menu_sub #agenda, #menu_sub #carnet {width:82px; height:70px; float:left; text-align:center;}
#menu_sub #carnet {width:81px;}
	
#menu_sub #agenda a, #menu_sub #carnet a {padding-top:45px; width:81px; height:24px; border-right:1px solid white; border-top:1px solid white;}
#menu_sub #carnet a	{border-right:0px;padding-top:40px; height:29px;}
	



.clearboth{
	clear:both;
	overflow:hidden;
	width:0px;
	height:0px;
	line-height:0px;
	}