@import url(/technique/principal.css);
@media screen{
html{
	background:#92A0A5;
}

body{
	width:900px;
	background:#FFFFFF ;
	top:15px;
}
#corps{
	color:#191970;
	width:900px;
	background:#92A0A5 url(/images/corpsVahe.jpg);
}
#contenu,#erreurPage{
	margin-left:180px;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:630px;
	background:#DDD;
}
#banniere{
	height:160px;
	width:900px;
	background:#92A0A5 url(/images/enteteVahe.jpg) no-repeat ;
}
#animation{
	width:160px;
	background:red;
	display:none;
}
#basdepage{

	left:0px;
	background:#92A0A5 url(/images/basdepageVahe.jpg);
	height:80px;
}
#basdepage #concertoweb{
	margin-top:30px;
	margin-right:70px;
}
#concertoweb{
	float:right;
	width:100px;
	height:40px;
	background: url(http://www.concertoweb.com/images/concertoWebLogo.jpg) no-repeat;
	cursor:pointer;
	margin-top:10px;
	margin-right:10px;
	background-position: bottom left ;
	font-size:8px;
}
#cartoucheMenu_old{
	display:block;
	position: absolute;
	z-index:30;
	background:black;
	color:white;
	height:200px;
	width:140px;
	top:400px;
	left:15px;
	padding:5px;
}
.libelleProduit, .produit{
	color:#6666F7;
	font-weight:bold;
}
h1{
	font-family: Comic Sans MS,Arial;
	color: navy;
	font-style:italic;   	
	border-top: 2px solid navy;
	border-bottom: 2px solid navy;	
	margin-bottom:30px;
	padding-left:50px;
	font-size:200%;
	padding-top:0px;
	padding-bottom:5px;
	background: #D4D4D4 url('/images/logoVahe.png') no-repeat  ;
	background-position:4px 4px; 
	height:50px;
		border:1px solid #F0F0F0;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
}
h1 .baseline{
	font-style:normal;  
	font-family: Arial, Helvetica, sans-serif;
	font-size:60%;
	font-variant:small-caps;
}

h2,h3{
	font-style:italic;
	margin-top:3px;
	font-size:100%;
	color:red;
}
h2{	margin-bottom:9px;	
	margin-top:12px;	
	font-size:155%;	
	border:1px solid #F0F0F0;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	padding:2px;
	
	text-align:center;
	font-style:normal;
	font-family: Comic Sans MS,Arial;
}
.chapeau{
	margin:0px;
	padding:10px;
	margin-bottom:10px;
	color:blue;
	border:1px solid #F0F0F0;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
}
.logoVahe{
	height:20px;
	background: #D4D4D4 url('/images/logoVahePetit.png') no-repeat;
	text-align:center;
	padding:0px;
	padding-top:6px;
}
#alerte{
	color:navy;
	font-size:90%;
	background:#DDD;
	margin-top:0px;
}
#alerte h1{
	height:20px;
	background: #FFF url('') no-repeat;
	text-align:center;
	padding:0px;
	padding-top:6px;
}
#banniere .font-family{
	float:left;
	margin:5px;
	margin-left:100px;
	}
#banniere .titre {
	margin-left:160px;
}
#banniere h1 {
	border-top: 0px ;
	border-bottom: 0px ;
	text-align: left;
	margin-bottom:5px;
}
#banniere .titre p{	
}
#banniere .menu{
	display:none;
}
#menus { 
	float:left;
	margin-top:10px;
	margin-left:15px;
	padding-bottom:70px;
	text-align:center;
	width:150px;
	}
#menuscopie { 
	float:left;
	border:1px solid #DDD;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	margin-top:10px;
	margin-left:15px;
	padding-bottom:70px;
	text-align:center;
	width:150px;
	background: #888  url(/images/boutonFonds.png) repeat 2px;	
	height:162px ;
	}
#menus a{
	margin-left:-1px;
	margin-bottom:9px;
	margin-top:-7px;
	padding:7px;
	display:block;		
	background: url(/images/boutonMenu0.png) no-repeat 2px;
	}
#menus a:link, #menus a:visited {
	color: #DDD;
	font-size: 100% ;
	font-style:normal
	}
#menus a:hover {
	background: url(/images/boutonMenu1.png) no-repeat  2px;
	color: #F0F0F0;
}

ul{
	margin:10px;
}
li{
	margin-bottom:10px;
}
.libelle{
	float:left;
	width:200px;
}

.onlyPrint{
	display:none;
}
	div#cartoucheMenu {
		position: fixed;
		top: 400px;
		margin-left:20px;
		z-index: 600;
		width:155px;
		padding:5px;    
    	border:2px solid #2266AA ;
	}
}
@media print {
* {
	font-family:Arial,Helvetica;
}
#menus, #banniere, #basdepage, #cartoucheMenu{
	display:none;
}
.onlyPrint{
	display:block;
}
.noPrint{
	display:none;
}
}
