body.index {
	background:#f7f7ed url(../images/body_bg.jpg) center top no-repeat;margin:0;
}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
.container{	margin: auto;width:1005px;; font: normal 12px 'Trebuchet MS', Verdana, Arial;}
.content{	margin: auto;width:1005px;font: normal 12px 'Trebuchet MS', Verdana, Arial;padding-top:10px;}
#espace_client {font: bold 11px 'Trebuchet MS', Verdana, Arial;text-align:right;margin-right:15px;margin-top:20px;}
.main {background:#fff url(../images/main_shadow_bg.png) repeat-x;margin-top:-5px;margin-top:3px\9}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.main {margin-top:1px;}
}
.milieu {	float:left;	width:100%;}
.oblig_bas {clear:both;}
#pied_page {clear:both;	width:auto;	height:25px; text-align: center;background: url('../images/mentions_bg.png') center;padding-top:10px;background-color:#2d2d2d;}
#pied_page a {display:inline; color:#999; text-decoration: none; font-weight: bold;font-size: 10px;}
#pied_page a:hover {color:#ccc;}
#pied_page a:active {color: #ccc;}
.texte_gros {text-align:center;color:#4693a5;padding-top:5px;font: normal 2.2em Arial, Verdana, 'Trebuchet MS';}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.texte_gros {margin-top:1px;}
}
.separateur2 {
	height:45px;
	background: url(../images/separateur2.png) center top no-repeat; 
	margin-top:10px;
}
.separateur {
	height:29px;clear:both;
	background: url(../images/separateur.png) center 10px no-repeat; 
}
.infotxt a {color:#fff;text-decoration:none;}
.infotxt a:hover {color:#4693a5}
a {color:#444;text-decoration:none;}
a:hover {color:#4693a5}
.titre_sur_gris a {color:#C4F156;text-decoration:none;}
/*************bandeau***********************/
#foreground {
    background: url(../images/foreground.png) repeat 90% 110%;

    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 300;
}
#midground {
    background: url(../images/midground.png) repeat 20% 20%;

    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 200;
margin-top:-20px\9}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#midground {margin-top:-20px;}
}
.logos  {
	background:url(../images/logo_nterrenet_t1.png) 5% 50% no-repeat;
	height:150px;
}

.logos a {
	width:inherit;
	height:inherit;
	display:block;
	text-indent:-9999px;
}
.addr {float:right;margin-top:-130px;color:white;margin-right:10px;}
*html .addr {margin-top:-150px;width:200px;}
#anim {float:left;margin-top:-140px;margin-left:310px;}
.coomm {float:right; font-size:22px;margin-top:-40px;margin-right:10px;text-shadow: 0px -1px 0px #17467b;color:white;}
*html .coomm {margin-right:-130px;}
/*************************menu gauche3****************************/
.menu {	float:left;	min-width:160px;	height:auto;padding-left:8px;margin-right:20px;}
#menu3 {left:0; top:0;}
#menu3, 
#menu3 ul {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; background:#fff; font-weight:bold;background-color:transparent;}
#menu3 li a {padding-left:20px; white-space:nowrap;}
#menu3 li ul li a {padding-left:0;}
#menu3 ul {padding-left:20px;}
#menu3 li a {color:#0e4563; text-decoration:none; font-size:11px;}
#menu3 li {font-size:13px; line-height:25px; color:#d80; cursor:pointer; width:100%;}
#menu3 li.down {text-indent:20px;}
#menu3 li a:hover {text-decoration:underline;color:#000;}
/**************************************************************/
.menu_bg {
	background:url(../images/menu_bg.png) bottom repeat-x ;
	height:40px;
	padding-top:5px;
}

#menu_gauche{float:left;width:20%;}
#menu_gauche ul {
  
	padding-left:5px;
}

#menu_gauche li , #menu_gauche li a{
	list-style:none;
	color:#C4F156;
	text-decoration:none;
	margin-right:18px;
	font-size:1.2em;
	border:solid 2px red;
	width:150px;
}

#menu_gauche li:hover , #menu_gauche li a:hover {
	color:#fff;
}

#nav {
	margin: 0;
	padding: 0 0 0 70px;
  font-size:1.2em;
	line-height: 100%;

}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
 
 
/* main level link */
#nav a {
	font-weight: bold;
	color: #C4F156;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

}
#nav a:hover {
	color: #fff;
}
 
/* main level link hover */
#nav .current a, #nav li:hover > a {

	color: #fff;


}
 
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #C4F156;
 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background-color: #111 !important;
	color: #fff !important;


}
 
/* dropdown */
#nav li:hover > ul {
	display: block;
}
 
/* level 2 list */
#nav ul {
	display: none;
 
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background-color: #222;
	border: solid 2px #C4F156;
 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
 
#nav ul a {
	font-weight: normal;
}
 
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
 
/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-o-border-radius: 20px;
 
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	-o-border-radius: 20px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-o-border-radius: 20px;
 
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-o-border-radius: 20px;
}
 
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
/******************************arrondi**************************/
.courbe h1 {font-size:13px; color:#fff; background:transparent;}
.courbe h2 {font-size:12px;color:#06a; border:0;padding-top:0.5em;margin-left:15px;}
.courbe p {padding-bottom:0.5em; }
.courbe {background: transparent; margin:1px;margin-left:2px; margin-top:5px;}
.haut, .bas {display:block; background:transparent; font-size:1px;}
.enbas {clear:both;}
.ligne1, .ligne2, .ligne3, .ligne4, .ligne5 {display:block; overflow:hidden;}
.ligne1, .ligne2, .ligne3 {height:1px;}
.ligne2, .ligne3, .ligne4 {background:#242323; border-left:1px solid #111; border-right:1px solid #111;}
.ligne5 {background:#242323; border-left:1px solid #111; border-right:1px solid #111;}
.ligne1 {margin:0 5px; background:#111;}
.ligne2 {margin:0 3px; border-width:0 2px;}
.ligne3 {margin:0 2px;}
.ligne4 {height:2px; margin:0 1px;}
.ligne5 {height:2px; margin:0 1px;}

.bligne1, .bligne2, .bligne3, .bligne4, .bligne5 {display:block; overflow:hidden;}
.bligne1, .bligne2, .bligne3 {height:1px;}
.bligne2, .bligne3, .bligne4 {background:#fff; border-left:1px solid #111; border-right:1px solid #111;}
.bligne5 {background:#fff; border-left:1px solid #111; border-right:1px solid #111;}
.bligne1 {margin:0 5px; background:#111;}
.bligne2 {margin:0 3px; border-width:0 2px;}
.bligne3 {margin:0 2px;}
.bligne4 {height:2px; margin:0 1px;}
.bligne5 {height:2px; margin:0 1px;}
.corp { background-image: url('../images/degrader.gif');background-repeat: repeat-x; padding-left:10px; padding-right:10px;padding-bottom:10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;

	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 4px  rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.corp h1 {font:bold 14px 'Trebuchet MS', Verdana, Arial;padding-top:4px;color:#C4F156;}
.texte_centre {text-align:center;}
hr {height: 1px; margin: 5px 0 5px 0; background: url('../images/background-hr.gif') repeat-x; border: 0; outline: 0;}
*+html #catalogue_articles hr{margin: -1px 0 0 0;width:550px;}
#titre h1{font: normal 18px 'Trebuchet MS', Verdana, Arial;	color: #01127C; text-align:center;}

/****************************accueil***********************************/
.milieu_accueil {	float:left;	width:99%;}
.info {
	background:#222 url(../images/blockinfo_bg.png) repeat-x;
	padding:10px 10px 10px 100px;
	margin-top:-26px;
	height:160px;
	font-size:.8em;
}
.info2{height:180px;}
.info3 {margin-top:-2px;}

.info p {
	color:#669fb2;
	text-align:justify;
	padding:10px;
}

.info .titre {
	font-size:1.3em;
	color:#cde3e9;
}
.infotxt {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:2px solid transparent;
}

.infotxt:hover {
	background:#111;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px; 
	-o-border-radius: 15px;
	border:2px solid #C4F156;
}
.span-6 {width:30%;}
.last {float:left;margin-right:15px;}
#p_lettre{width:100%;text-align:justify;margin-left:15px;margin-right:15px;color:#555;}
#p_lettre p:first-letter {font-size: 18px;color:#81AA48;margin-left:15pt;}

.screen01 img {
	padding-bottom:7px;
}
.imgScreen {
	display:block;
	margin:20px;
	background:url(../images/ombre-screenshot.png) center 174px no-repeat ;
}
.span-16 {width:61%;margin-left:80px;margin-top:-30px;color:#555;}
.span-8 {width:49%;}
.span-9 {width:31%;margin-top:-510px;}
* +html .span-9 {margin-top:-590px;}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.span-9 {
		margin-top:-590px;
	}
}
.span-8_bas {width:95%;}

.blockinfo  h2, .blockinfo  h2 a {
	font-size:3.6em;
	color:#669fb2;
	text-shadow: 1px 1px 0 #cde3e9;
	margin-bottom:0.10em;
}

.blockinfo h3 {
	margin:5px 15px 15px 5px;
	width:94px;
	height:94px;
	display:block;
	text-indent:-9999px;
}

h3  a{
	font-size:15px;
	color:#4693a5;
}

.blockinfo h4 {
	margin:5px 15px 15px 5px;
	width:94px;
	height:120px;
	display:block;
	text-indent:-9999px;
}

.blockinfo p {
	text-align:justify;
	font-size:1.2em;
	margin-right:15px;
}

.vitrine, .galerie, .ecommerce, .telephonie {
	margin:15px 0;
	font-size: 10px;
}

.vitrine h3 {
	background:url(../images/icone-web.jpg) no-repeat;float:left;
}

.galerie h3 {
	background:url(../images/icone-photo.jpg) no-repeat;float:left;
}

.ecommerce h4 {
	background:url(../images/test.jpg) no-repeat;float:left;
}

.telephonie h3 {
	background:url(../images/icone-telephonie.jpg) no-repeat;float:left;
}

.entreprise {
	float: right;
	background-image: -webkit-linear-gradient(top, rgba(80,147,164,0.9) 0%, rgba(5,105,131,0.9) 100%); /*Chrome 10 - safari 5.1*/
	background-image:    -moz-linear-gradient(top, rgba(80,147,164,0.9) 0%, rgba(5,105,131,0.9) 100%); /*firefox 3.6*/
	background-image:     -ms-linear-gradient(top, rgba(80,147,164,0.9) 0%, rgba(5,105,131,0.9) 100%); /*ie10*/
	background-image:      -o-linear-gradient(top, rgba(80,147,164,0.9) 0%, rgba(5,105,131,0.9) 100%); /*opera 11.10*/
	background-image:         linear-gradient(top, rgba(80,147,164,0.9) 0%, rgba(5,105,131,0.9) 100%); /*implementé*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5093a4',endColorstr='#056983', GradientType=0); /*ie9*/
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 4px  rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.entreprise p {margin-right:10px;text-align:justify;font: normal 12px Arial, verdana;}

.entreprise h3 {
	background:url(../images/deco.jpg) no-repeat;
	margin:5px 15px 15px 5px;
	width:85px;
	height:129px;
	display:block;
	text-indent:-9999px;
}
.left{float:left}
.entreprise .logos {
	margin:-20px 0 0 25px;;
}
.top {margin-top:0;padding-top:0;}
.pull-1 {margin-left:-40px;}
.footer p.creons {
	font-size:5em;
	line-height:0.8em;
	margin-left:25px;
}

.footer p.ensemble {
	font-size:3.4em;
	line-height:0.9em;
	margin-left:70px;
}

.footer p.unsite {
	font-size:5.5em;
	line-height:0.8em;
	margin-left:25px;
}

.footer p.quivous {
	font-size:2.8em;
	line-height:0.8em;
	margin-left:45px;
}

.footer p.ressemble {
	font-size:5em;
	line-height:0.8em;
	margin-left:25px;
	margin-bottom:10px;
}

.footer {color:#72adb4}
.footer .txt {
	color:#72adbc;
	float:left;
	background:url(../images/icone-planete.png) no-repeat;
}
/************* ecommerce **************************/
#droite {width:750px;float:left;}
#catalogue {padding-top:30px;}
.moitier { float:left;width:39%;}
#p_lettre h1{color:#4693a5;padding-top:3px;font: normal 2.2em Arial, Verdana, 'Trebuchet MS';margin-bottom:20px;}
.cadre_calage {margin-top:20px;text-align:left;color:#175b83;}
.text_bleu {color:#175b83;}
/*********** liens *********************/
.border td{
	vertical-align:middle;padding:5px;
}
.border img{width:200px;height:138px;}
/*********** diaporama *********************/
.diaporama {
	position:relative;
	width:186px;
	height:200px;
}
.decal_80 {	margin-top:80px;}
.decal_20 {	margin-top:20px;}
.decal_10 {	margin-left:10px;}
.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}
.active {

}

/**********************article*****************************/
#article {float: left; font: bold italic 18px Verdana, 'Trebuchet MS', Arial; color:#BF0206; width:auto; margin-top:25px;}
.centre {margin-left:40px;}
#art_corp {float:left; width:auto;color:#888;margin-top:10px;/width:550px;}
*+html #art_corp hr {margin:0px;}
.seizebleu {font: bold 14px Verdana, 'Trebuchet MS', Arial; color:#020463;}
.dix {font: bold italic 11px Verdana, 'Trebuchet MS', Arial; color:#888;}
#art_droite {margin-left: 50px;}
.seizeorange {font: bold 16px 'Trebuchet MS', Verdana, Arial; color:#BF0206;}
.douze {font: bold italic 12px Verdana, 'Trebuchet MS', Arial; color:blue;}
#pagnier {position:relative; margin-top:5px; left:15px; display:block; width:247px;}
#pagnier a.pagnier, #pagnier a.pagnier:visited {display:block; width:247px; height:30px; background:url(../images/aj_panier.jpg); background-position:top left; background-color:transparent; text-align:center; color:#fff; line-height:40px; text-decoration:none; font:bold italic 14px arial, sans-serif; padding-top:14px;}
#pagnier a.pagnier:hover {background-position:0 -44px; line-height:17px; overflow:hidden;}
#pagnier a.pagnier:active {background-position:0 -88px;}
#article_image {float:left;}
#article_image_mini {float:left;}
#article_image_mini img{padding-top:2px;}
#cote_img {float:left;width:150px;margin-left:20px;}
th {background-color:#020463;color:white;}
#art_corp table {/width:550px;}
#art_corp table tr{background-color:#F2F4FF;}
#art_corp table tr:hover{background-color:#7BA0D7;color:#fff;}
#art_corp button {margin-left:390px;/margin-left:340px;}
*+html #art_corp hr {width:550px;}
.dixhuitorange {font: bold 18px 'Trebuchet MS', Verdana, Arial; color:#BF0206;}
/**************************contact*************************/
.calage2 { display: inline ; float: left ; width: 160px ; font-weight: bold ; margin-left:5px ; text-align:right;}
.calage { display: inline ; float: left ; width: 85px ; font-weight: bold ; margin-left: 25px ; }
.decale {margin-left:110px;}
#contact input {font:normal 9px Arial, Verdana, Helvetica, sans-serif; width:170px;}
#contact h1 {margin-top:0px;}
#contact button{ margin-left:315px;}
#contact_obligatoire{ float:left; width:270px;text-align:left;}
#contact_facultatif{ text-align:left; float:left; width:270px;}
#contact_message{ width:600px; text-align:left;}
/***************** overlay **************/
/* l'élément recouvert */
.simple_overlay {
	
	/* doit être cachée au départ */
	display:none;
	
	/* superposition placer sur d'autres éléments */
	z-index:10000;
	
	/* style */
	background-color:#333;
	
	width:475px;	
	min-height:200px;
	border:1px solid #666;
	
	/* style CSS3 pour les dernières navigateurs */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* bouton de fermeture placé sur coin supérieur droit */
.simple_overlay .close {
	background-image:url(../images/fermer.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/*  style pour les éléments à l'intérieur de superposition */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -2px 0;
	}
.text {float:left;margin-right:10px;}
.mains {float:right;}
h4 {font:bold 18px Verdana, 'Trebuchet MS', Arial; color:#BF0206;}

	/* utiliser une image semi transparente pour la superposition */
	#overlay {
		background-image:url(../images/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* conteneur pour du contenu externe */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/fermer.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/**********************catalogue***************************/
#demo img {	border:0;	cursor:pointer;	margin:0 18px;}
.seize {font: bold 16px 'Trebuchet MS', Verdana, Arial;}
.petit {font: italic bold 10px Verdana, 'Trebuchet MS', Arial; color:#BF0206;}
.noir {font: bold 10px Verdana, 'Trebuchet MS', Arial; color:#000;}
.gris {font: bold 10px Verdana, 'Trebuchet MS', Arial; color:#999;}
#button {position:relative; margin-top:20px; left:5px; display:block; width:129px;}
#button a.button, #button a.button:visited {display:block; width:129px; height:30px; background:url(../images/total.png) no-repeat -520px -196px; text-align:center; color:#000; line-height:28px; text-decoration:none; font:bold italic 11px arial, sans-serif; margin-top:5px;}
#button a.button:hover {background:url(../images/total.png) no-repeat -520px -226px;}
#button a.button:active {background:url(../images/total.png) no-repeat -520px -196px;}
.cat_g {width:120px; float:left; text-align:center;}
.cat_g img {border:1px #eee solid;}
.cat_c {width:280px; float:left;}
.cat_d {width:140px; float:right;}
*+html .cat_d {float:left;}
.cat_q {overflow:auto ;margin-bottom:10px;}
#catalogue a {display:inline; color:#010463; text-decoration: none; font: bold 13px 'Trebuchet MS', Verdana, Arial;}
#catalogue a:hover {color:#BF0206;}
#catalogue a:active {color: #BF0206;}
#main_image {width:267px;margin-bottom:10px;text-align:center;vertical-align:middle;display:inline;margin-right:10px;float:left;font-size:10px;}
#main_image img{border:1px #eee solid;}
.mini_menu {background:url(../images/mini_menu.png);background-repeat:no-repeat;width:183px; height:134px;}
.mini_menu img {margin-top:3px;margin-left:-5px;}
#catalogue li {float: left;text-align:center;}
.fond_catalogue {background:url('../images/total.png') no-repeat -292px -267px;width:183px; height:28px;padding-top:2px;}
/**********************article*****************************/
#article {float: left; font: bold italic 18px Verdana, 'Trebuchet MS', Arial; color:#BF0206; width:auto; margin-top:5px;}
.centre {margin-left:40px;}
#art_corp {float:left; width:auto;color:#888;margin-top:10px;/width:550px;}
*+html #art_corp hr {margin:0px;}
.seizebleu {font: bold 14px Verdana, 'Trebuchet MS', Arial; color:#020463;}
.dix {font: bold italic 11px Verdana, 'Trebuchet MS', Arial; color:#888;}
#art_droite {margin-left: 50px;}
.seizeorange {font: bold 16px 'Trebuchet MS', Verdana, Arial; color:#BF0206;}
.douze {font: bold italic 12px Verdana, 'Trebuchet MS', Arial; color:blue;}
#pagnier {position:relative; margin-top:5px; left:15px; display:block; width:247px;}
#pagnier a.pagnier, #pagnier a.pagnier:visited {display:block; width:247px; height:30px; background:url(../images/aj_panier.jpg); background-position:top left; background-color:transparent; text-align:center; color:#fff; line-height:40px; text-decoration:none; font:bold italic 14px arial, sans-serif; padding-top:14px;}
#pagnier a.pagnier:hover {background-position:0 -44px; line-height:17px; overflow:hidden;}
#pagnier a.pagnier:active {background-position:0 -88px;}
#article_image {float:left;}
#article_image_mini {float:left;}
#article_image_mini img{padding-top:2px;}
#cote_img {float:left;width:150px;margin-left:20px;}
th {background-color:#020463;color:white;}
#art_corp table {/width:550px;}
#art_corp table tr{background-color:#F2F4FF;}
#art_corp table tr:hover{background-color:#7BA0D7;color:#fff;}
#art_corp button {margin-left:390px;/margin-left:340px;}
*+html #art_corp hr {width:550px;}
.dixhuitorange {font: bold 18px 'Trebuchet MS', Verdana, Arial; color:#BF0206;}
/**********************panier********************************/
#apparence th {border-top:solid 2px #999; border-bottom:solid 2px #999; font-weight:bold;}
#apparence td {border-bottom:solid 1px #999;}
table { vertical-align:middle;}
#apparence td {height:30px;}
#apparence img {margin-top:5px;}
#selection_2 {margin-left:300px; border:solid 1px #555; padding: 10px; font-weight: bold italic;}
#selection_2 th {font-weight: bold;border-bottom:solid 1px #999;}
#selection_2 td {border-bottom:solid 1px #999; text-align:right;}
#selection_total_ttc {color:#BF0206;}
#ret_pdf {position:relative; margin-top:0px; left:5px; display:block; width:309px;float: left;}
#ret_pdf a.button, #ret_pdf a.button:visited {display:block; width:139px; height:29px;  background:url(../images/total.png) no-repeat -649px -196px; text-align:center; color:#ccc; line-height:18px; text-decoration:none; font:bold italic 12px arial, sans-serif; padding-top:4px;}
#ret_pdf a.button:hover { background:url(../images/total.png) no-repeat -649px -228px; text-align:center; color:#fff;}
#ret_pdf a.button:active {background:url(../images/total.png) no-repeat -649px -196px;}
#ret_com {position:relative; margin-top:0px; left:5px; display:block; width:139px;float: right;}
#ret_com a.button, #ret_com a.button:visited {display:block; width:139px; height:29px; background:url(../images/total.png) no-repeat -649px -196px; text-align:center; color:#ccc; line-height:18px; text-decoration:none; font:bold italic 12px arial, sans-serif; padding-top:4px;}
#ret_com a.button:hover {background:url(../images/total.png) no-repeat -649px -228px; color:#fff;}
#ret_com a.button:active {background:url(../images/total.png) no-repeat -649px -196px;}
#panier_icon {margin-left:60px; color:#aaa;}
#panier_icon td {width:120px; text-align:center;}
#panier_icon a {display:inline; color:blue; text-decoration: none; font-weight: bold;font-size: 10px; }
#panier_icon a:hover {color:#BF0206;}
#panier_icon a:active {color: #BF0206;}
.blue {color:blue;}
#logo td{text-align:center; font-size:13px;color:#ff6600;font-weight:bold;vertical-align:middle;}
#logo td a{color:#ff6600;}
.l160 {width:160px;}
.l300 {width:300px;}
.al_gau {width:700px;float:left;}
.al_droite{float:left;width:150px;}
.cal{margin-top:50px;margin-left:50px;}
.d180{margin-left:190px;}
.boite200{width:315px;float:left;margin-right:20px;}
.info1 {font-size:10px;color:#555;text-align:justify;margin-left:30px;width:340px;}
.cadre_contact {float:left;margin-top:20px;border:solid grey 1px;padding-bottom:20px;margin-bottom:20px;}
.cadre_contact input:focus {background-color:#FDFED4;}
.cadre_contact2 {float:left;margin:20px;width:250px;}
#enfenetre {margin:5px;}
#enfenetre  h2{margin:15px;font-size:15px;background:url(../images/fond_fenetre.png) no-repeat}
.enfenetre {float:left;width:280px;margin:10px;color:#96d3fe;text-align:justify;font-size:13px;}
.span-6 h1 {font:bold 11px 'Trebuchet MS', Verdana, Arial;padding-top:4px;color:#669FB2;margin:9px 0px -9px 10px;}
.closepopup {float:right;}
#p_lettre ul li {margin-left:250px;margin-top:10px;}