* { margin:0; padding:0; border:0px none; }
:focus { outline:0; }
ol, ul, li { list-style:none; }
a { outline:none; text-decoration:none; }
img { display:block; }
.clearfix { clear:both; line-height:0; height:0; }


body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff url('../img/fond-page.jpg') no-repeat 50% 120px; }

#conteneur { width:1060px; margin:5px auto 0 auto; }

#header { margin:10px auto 0 auto; }
#header #recherche { float:right; }
#header #recherche .champ { border:1px solid #cecece; width:110px; height:16px; padding:0 0 0 4px; font-size:11px; color:#a6a5a5; vertical-align:middle; }
#header #recherche .btn { vertical-align:middle; }
#header #logo { height:95px; background:url('../img/diatrace-service-grand-format.gif') no-repeat 653px 30px; }
#header #logo img { margin:30px 0 0 0; display:inline; }

#menu { background:url('../img/menu-fond.jpg') no-repeat; width:1060px; height:34px; text-align:center }
#menu #nav { position:relative; display:block; width:1035px; height:28px; overflow:hidden; padding:6px 0 0 25px; } 
#menu #nav li { float:left; }
#menu #nav li.back { background:url('../img/menu-btn.gif') no-repeat right -20px; width:9px; height:20px; z-index:8; position:absolute }
#menu #nav li.back .left { background:url('../img/menu-btn.gif') no-repeat top left; height:20px; margin-left:0; margin-right:9px; margin-top:0; margin-bottom:0 }
#menu #nav li a { color:#000; font-size:12px; text-align:center; overflow:hidden; position:relative; line-height:18px; display:block; float:left; margin:auto 8px !important; margin:auto 4px; z-index:10; }
#menu #nav li a:hover { color:#004494; }
#menu #nav li.current a { color:#004494; font-weight:bold; }
#menu #nav li.vide { display:none; }

#contenu { width:1060px; padding:20px 0 0 0; background-color:#f7f7f7; }

.titreBloc { color:#fff; font-size:21px; }

#accesBoutique { width:180px; background:url('../img/acces-boutique-fond.gif') repeat-y; float:left }
#accesBoutique li { background:url('../img/puce-boutique.gif') no-repeat 28px 0; font-size:12px; padding-left:36px; padding-right:0; padding-top:0; padding-bottom:0 }
#accesBoutique li a { color:#4c4b4b; }
#accesBoutique li a:hover { text-decoration:underline; }
#accesBoutique .bas { width:180px; height:53px; background:url('../img/acces-boutique-btn.gif') no-repeat; }
#accesBoutique .bas a { display:block; width:101px; height:21px; background:url('../img/btn-boutique-fond.png') no-repeat; color:#fff; text-align:center; margin-left:38px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:0 }
#accesBoutique .bas a:hover { background-position:bottom left; color:#568c00; }

.centreMoyen { width:867px; margin:0 7px 0 0; float:left; }
.centreMoyen h1 { font-size:23px; background:url('../img/titre-moyen-fond.gif') no-repeat; line-height:16px; padding-left:15px; padding-right:0; padding-top:2px; padding-bottom:0 }

.centreGrand { width:795px; margin:0 7px 0 40px !important; margin:0 7px 0 20px; float:left; }
.centreGrand h1 { font-size:23px; background:url('../img/titre-grand-fond.gif') no-repeat; line-height:16px; padding-left:15px; padding-right:0; padding-top:2px; padding-bottom:0 }

.zoneScrollMoyen { width:686px; overflow:auto; position:relative; }
.zoneScrollGrand { width:795px; overflow:auto; position:relative; }

.cartoucheMoyen { width:665px; background:url('../img/cartouche-moyen-fond.gif') bottom center; margin:5px 0; position:relative }
.cartoucheMoyen .visuel { float:left; margin:0 0 0 10px !important; margin:0 0 0 5px; }
.cartoucheMoyen .pictos { float:left; margin:0 0 0 1px; width:61px; }
.cartoucheMoyen .infos { float:left; margin:0 0 0 5px; }
.cartoucheMoyen .infos h3 {
	font-size:22px;
	color:#004494;
	margin-left: 130px;
}

.cartoucheGrand { width:774px; background:url('../img/cartouche-grand-fond.gif') bottom center; margin:5px 0; position:relative }
.cartoucheGrand .visuel { float:left; margin:0 0 0 10px !important; margin:0 0 0 5px; }
.cartoucheGrand .pictos { float:left; margin:0 0 0 1px; width:61px; }
.cartoucheGrand .infos { float:left; margin:0 0 0 5px; }
.cartoucheGrand .infos h3 { font-size:22px; color:#004494; }

.cartoucheFiche { width:665px; background:url('../img/cartouche-fiche-fond.gif') bottom center; margin:5px 0; position:relative }
.cartoucheFiche .visuel { float:left; margin:0 0 0 10px !important; margin:0 0 0 5px; }
.cartoucheFiche .pictos { float:left; margin:0 0 0 1px; width:61px; }
.cartoucheFiche .infos { float:left; margin:0 0 0 5px; }
.cartoucheFiche .infos h3 { font-size:22px;	color:#004494; margin-left: 130px; }

#paginationMoyen { width:646px; background-color:#7bcd1b; color:#fff; font-size:11px; padding:3px 40px 3px 0; text-align:right; }
#paginationMoyen a { color:#fff; }
#paginationMoyen a:hover, #paginationMoyen a.current { text-decoration:underline; }

#paginationGrand { width:755px; background-color:#7bcd1b; color:#fff; font-size:11px; padding:3px 40px 3px 0; text-align:right; }
#paginationGrand a { color:#fff; }
#paginationGrand a:hover, #paginationGrand a.current { text-decoration:underline; }

#footer { height:192px; background:url('../img/footer-fond.jpg') no-repeat 50% 0; }

#bandeBas { padding:40px 0 20px 0; }
#bandeBas p { background-color:#dedede; padding:4px 0; color:#6a6a6a; font-size:11px; display:block; width:1060px; text-align:center; margin:0 auto; clear:both; }
#bandeBas p a { color:#6a6a6a; text-decoration:none; }
#bandeBas p a:hover { text-decoration:underline; }

.pictoFiche { display:block; width:72px; height:29px; float:left; background:url('../img/pictos/picto-fiche-detaillee.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
.pictoDocs { display:block; width:72px; height:29px; float:left; background:url('../img/pictos/picto-docs-pdf.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
.pictoDevis { display:block; width:72px; height:29px; float:left; background:url('../img/pictos/picto-devis.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
.pictoAcheter { display:block; width:72px; height:29px; float:left; background:url('../img/pictos/picto-acheter.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
.pictoReserver { display:block; width:77px; height:29px; float:left; background:url('../img/pictos/picto-reserver.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
.pictoReserverDesist { display:block; width:99px; height:29px; float:left; background:url('../img/pictos/picto-reserver-desist.png') no-repeat; text-indent:-999999px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 }
div.pictos a:hover { background-position:bottom left; }