@media screen {


body{ 
padding:0;
margin:0;
background-image:url(../artpackage/back.jpg); 
background-repeat:repeat-x; 
background-color:#f4f9fd; 
color:#004c99;
font-family:Arial, Helvetica, sans-serif}


#contenaire{position:absolute; top:0;background-color:#def2ff; width:980px; height:570px;
margin-left:-490px; left:50%;color:#004c99;}
#baseline{width:980px; height:18px; background-image:url(../artpackage/baseline.gif); background-position:right; background-repeat:no-repeat;  }
#banniere{background-image:url(../artpackage/banniere.jpg); background-repeat:no-repeat; width:980px; height:90px;}

#pagegauche{
float:left;
width:200px; 
background-image:url(../artpackage/pagegauche.gif); 
background-repeat:no-repeat;
 background-position:bottom;
 height:460px;}
#pagedroite{ float:right;width:780px; height:460px;  background-image:url(../artpackage/bretagne.gif);
background-repeat:no-repeat; background-position:bottom right}

#footer{clear:both; background-image:url(../artpackage/footer.gif); background-repeat:no-repeat; width:980px; height:33px;}

#realisation{position:absolute;width:980px; top:590px;
margin-left:-490px; left:50%;color:#90a6b6; text-align:right; font-size:10px; font-style:italic;}
#realisation a{ text-decoration:none;color:#90a6b6; }
#realisation a:hover{ text-decoration:underline;color:#90a6b6; }






 /* ******************** MENU ******************* */
#menu{margin-left:25px; padding-top:50px;}
#menu ul{padding:0; margin:0;width:135px; list-style:none; }
#menu li {background: url(../artpackage/btn.gif) no-repeat 0 0;}
 
 
#menu li a{
color:#004c99;
background-color:inherit;
font-weight:bold;
text-indent:5px;
display:block;
width:135px; 
height:25px;
text-decoration:none; 
font-size:14px;
background: url(../artpackage/btn.gif) no-repeat left 0;
 
 }

#menu li a:hover{
color:#feaf43;
background-color:inherit;
 font-weight:bold;
text-decoration:none; 
font-size:14px;
background: url(../artpackage/btn.gif) no-repeat right 0;
}
#menu li a.encours{color:#eba442; background-color:inherit;background: url(../artpackage/btn.gif) no-repeat right 0;}

p{font-family:Arial, Helvetica, sans-serif; font-size:14px;padding:0; margin:3px 0 3px 0}

.accroche{ 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:18px; 
font-style:italic; 
font-weight: bold; 
text-align:center;}

.gras{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:16px; 
font-style:italic; 
font-weight: bold;
text-align:center;
}
 
li .accroche{ text-align:left; margin-left:20px;}



/* pour cacher le fond de la carte */
.cachefond{background-color:#def2ff;color:#004c99; height:422px;}

#metier{width:730px; height:60px; margin-top:5px; margin-left:15px;}
#metier p{font-size:11px; text-align:center; font-weight:bold; }

#metier a{display:block; width:auto; height:14px; border:1px solid #004d97;  background-color:#f2f8fb; text-decoration:none; padding:2px; color:#004d97; float:left; margin-left:5px;}
#metier a:hover{ background-color:#def2ff; text-decoration: underline; color:#004d97; }

#metier.metiercenter{width:600px; margin-left:95px}
.bloc{ width:480px;  border:2px solid #004d97; text-align:center; font-size:16px; font-weight:bold; padding:5px; height:45px; margin-left:auto; margin-right:auto}

.legend{font-size:10px; font-style:italic;}

/* menu */
#metier a.active{background-color:#FFCC00;}

#metier a:hover{background-color:#FCE072;}
.orange {
	color: #E39E41;
	font-weight: bold;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
}

#securitedelais{ background-image:url(../artpackage/securite_qualite_delais.gif); background-repeat: no-repeat; background-position:right; height:18px; margin-right:10px;}

#pagedroite img{border:3px solid #FFFFFF;}

hr{display:block; clear:both; border:none; visibility:hidden;}
}
#telechargement li a {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #004c99;
	font-size: 16px;
	line-height: 30px;
	background-image: url(../telechargements/pdf.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: bold;
}
#telechargement li a .explication {
	font-size: 12px;
	font-style: italic;
	color: #002244;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
#telechargement li {
}
#telechargement {
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}