@charset "UTF-8";
/* CSS Document */

@font-face{font-family:'Roboto-Medium';
 			src: url(fonts/Roboto-Medium.ttf);}
			
@font-face{font-family:'Roboto-light';
 			src: url(fonts/Roboto-light.ttf);}
 
body{background-image:url(motifs/Sans%20titre-1.PNG);
		margin:0; padding:0;}

#topbar{
			width:100%;
			height:77px;
			background-color:#630;}
#logo{
		margin:0 auto;
		width:1024px;
		height:77px;
		background-image:url(comp/logo.png);}

#ombre{
			height:200px;
			background-image:url(comp/ombre.png);}
			
#shadow{
			height:30px;
			background-image:url(comp/shadow.png);}

#imagetop{
			margin:0 auto;
			width:1024px;
			height:200px;
			background-image:url(comp/imagetop.PNG);}			
			
#main{
		margin:0 auto;
		padding-top:20px;
		height:768px;
		width:1024px;}

#menu{
		margin:0 auto;
		height:20px;
		width:1024px;}

#menu_list{
				display:block;
				list-style-type:none;
				height:20px;
				width:400px;
				margin:0%;
				
				float:right;
				padding-right:20px;
				background-image:url(comp/menu.png);
				background-repeat:no-repeat;}
				
#menu_list li{
				display:block;
				list-style-type:none;
				height:20px;
				float:right;
				padding-left:30px;
				padding-top:3px;}
				
#menu_list li a{
					display:block;
					height:25px;
					font-size:0.9em;
					text-decoration:none;
					color:#630;
					font-family:'Roboto-Medium';}

#menu_list li a:hover{
						color:#C60;}

							/*presentation*/
						
#presentation{
				float:right;
				width:1024px;
				height:320px;
				color:#630;
				background-image:url(backgrounds/presentation.png);
				font-family:'Roboto-light';
				letter-spacing:1pt;
				line-height:20px;}
				
#photo{
			float:left;
			width:250px;
			heigh:300px;}
			
.shime{
			display:block;
			padding-left:15px;}

									/*submenu*/				
#submenu{
			width:200px;
			float:left;
			background-image:url(motifs/submenu.png);}
			
#submenu_list{
				margin:0 0;
				padding:0;
				display:block;
				width:200px}
			
#submenu_list li{
					list-style-type:none;
					display:block;
					height:30px;
					width:200px;
					color:#FF9;}

#submenu_list li a{
						display:block;
						text-align:center;
						padding-top:5px;
						text-decoration:none;
						color:#630;}

#submenu_list li:hover{
							background-image:url(motifs/submenuselect.png);}
							
#submenu_list li a:hover{
							color:#FF9;}
							


							/*page contacts*/
							
#contacts{
				margin:0 auto;
				width:1024px;}
#contacts li{
				list-style-type:none;}
				
#formulaire{
				display:block;
				color:#630;}
								
							
							/*page JILM*/
							
#JILM{
				width:1024px;
				height:30px;
				background-color:#F90;}

#JILM_menu{
				display:block;
				padding:0;
				margin:0 auto;
				height:30px;
				float:right;
				width:300px;
				padding-right:10px;}

#JILM_menu li{
				display:block;
				height:30px;
				width:60px;
				list-style-type:none;
				float:right;}
				
#JILM_menu li a{
					display:block;
					height:30px;
					width:60px;
					text-decoration:none;
					text-align:center;
					padding-top:6px;}
				
.jilm{
				display:block;
				margin:0 auto;
				width:500px;
				height:30px;
				float:left;
				padding-left:10px;
				padding-top:6px;}
				
#JILM_menu li:hover{
						background-color:#FF0;}
				
				
							
#statut{
			margin:0 auto;
			width:1024px;}