﻿body,
html{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/carton.jpg);
}
body {
	min-width:720px;
	background-image:url(images/2_aigles2.jpg);
	background-attachment:fixed;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	width:100%;
	height:263px;
	
}

div#header {
	height:263px;
	width:800px;
	margin:0 auto;
	background-image:url(images/header.jpg)
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:0px 0 0 0;
	margin-left:0;
	min-height:320px;
/* set left margin and bottom padding for others */
	
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
	background-image: url(images/2_aigles2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	min-height:320px;

	
}
div#middle {
	width:800px;
	margin:0 auto;
	
	
	
	background-color:#fff;
	/* background-image:url(images/ombre.png); */
}

div#sidebar {
	float:left;
	width:198px;
	height:320px;
	background-image:url(images/menu.jpg);
	

}
div#content {
	padding-left:230px;
	padding-right:30px;
	font-size:10px;
	background-image:url(images/fond_art.jpg); background-repeat:repeat-y; background-position:230px 0px;
}
div#bandeau {
	background-repeat:no-repeat; width:351px ;  height:84px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	height:50px;
}

div#footer {
	width:800px;
	margin:0 auto;
	background-image:url(images/footer.jpg);
	background-repeat: repeat-x;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}

div #labfooter {
	padding-top:40px; color:#724343; font-family:Arial, Helvetica, sans-serif; font-size:0.85em
}


/*TABLEAU DROITE*/


.D_lignetitre {
color:#936f2e; text-align:right; font-size: small;line-height:20px; font-weight:bold; 
}
.D_lignetitre a {
padding-top:220px;
}

.D_colimg {
text-align:right;vertical-align:top; 
}

.D_coltxt {
text-align:justify; border-top: #c8b796 1px solid; border-bottom: #c8b796 1px solid; padding:10px; color:#926f2e;
}

.D_collien {
text-align:right; padding-top:5px; color:#f18e01; font-size:x-small;
}
.D_collien a {
text-decoration:none ; color:#f18e01;
}

.D_colcom {
background-image:url(images/citation.jpg); background-repeat:no-repeat; background-position: 0px 2px; color:#f18e01; text-indent:20px; margin-top:5px; font-size: large; text-align:right; font-weight:bolder;  
}





#menu {
	width:140px;
	float:left;
	padding-left:29px;
	background-image:url(images/filet_menu.png);
	background-repeat:no-repeat;
	margin-top:0px
	
}


ul#liste {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

ul#liste li {
	float: left;
	text-align: center;
}

ul#liste li#actif {
	float: left;
	text-align: center;
	
}

ul#liste li a {
	display: block;
	width: 116px;
	height:43px;
	text-decoration: none;
}





ul#liste li a#lien1 {
	background: url(images/menu1.png) 0 0px;
}

ul#liste li a:hover#lien1 {
	background: url(images/menu1.png) 0 -43px;
}

ul#liste li a.actif#lien1 {
	background: url(images/menu1.png) 0 -86px;
}



ul#liste li a#lien2 {
	background: url(images/menu2.png) 0 0px;
}

ul#liste li a:hover#lien2 {
	background: url(images/menu2.png) 0 -43px;
}

ul#liste li a.actif#lien2 {
	background: url(images/menu2.png) 0 -86px;
}


ul#liste li a#lien3 {
	background: url(images/menu3.png) 0 0px;
}

ul#liste li a:hover#lien3 {
	background: url(images/menu3.png) 0 -43px;
}

ul#liste li a.actif#lien3 {
	background: url(images/menu3.png) 0 -86px;
}



ul#liste li a#lien4 {
	background: url(images/menu4.png) 0 0px;
}

ul#liste li a:hover#lien4 {
	background: url(images/menu4.png) 0 -43px;
}

ul#liste li a.actif#lien4 {
	background: url(images/menu4.png) 0 -86px;
}


ul#liste li a#lien5 {
	background: url(images/menu5.png) 0 0px;
}

ul#liste li a:hover#lien5 {
	background: url(images/menu5.png) 0 -43px;
}

ul#liste li a.actif#lien5 {
	background: url(images/menu5.png) 0 -86px;
}




ul#liste li a#lien6 {
	background: url(images/menu6.png) 0 0px;
}

ul#liste li a:hover#lien6 {
	background: url(images/menu6.png) 0 -43px;
}

ul#liste li a.actif#lien6 {
	background: url(images/menu6.png) 0 -86px;
}

img {
border-style: none;
	border-color: inherit;
	border-width: medium;
	
}


/* --------------------------------------------------------------------- */
/* =store-login */
	#store-login #newUser, #store-login #oldUser {
		width: 44%;
		
	}
	#store-login #newUser {
		margin-right: 10%;
	}
	#store-login .submitButton {
		text-align: center;
		margin-top: 20px;
	}
	#store-login h3 {
		font-size: 14px;
	}
	#store-login p {
		margin: 10px 0;
	}
	#store-login .paragraphe {
		padding: 15px;
		border-style: solid;
		border-width: 1px;
		height: 140px;
	}
	#store-login label {
		width: 100px;
		display: block;
		float: left;
		margin: 2px 0;
	 }
	 #store-login .textField {
	 	border-style: solid;
	 	border-width: 1px;
	 }
/* store-login */
