@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; }

#global { width:960px; position:absolute; left:50%; margin-left:-480px; border:solid 1px #3a7dd9; }

a { text-decoration:none; color:#FFFFFF; }
a:hover { text-decoration:underline; }
h1 { font-size:16px; color:#2737cf; border-bottom:solid 1px #2737cf; width:250px; background-image:url(img/bateau_titre.png); background-repeat:no-repeat; background-position:right; height:20px; }
h2 { font-size:13px; color:#3a7dd9; margin-left:25px; border-bottom:solid 1px #3a7dd9; width:350px; }
h3 { font-size:13px; color:#2737cf; }
img { border:solid 1px #000000;}
#puce { list-style-image:url(img/puce.png); list-style-position:inside; mar gin-left:-25px; }

#content { float:left; width:960px; height:auto; }
#header { float:left; width:960px; height:227px; }
#top { float:left; width:960px; height:35px; background-image:url(img/bg_top.png); }
#milieu { float:left; width:960px; height:auto; background-image:url(img/bg_milieu.png); background-repeat:repeat-y; }
#bottom { float:left; width:960px; height:38px; background-image:url(img/bg_bottom.png); }

#gauche { float:left; width:140px; }
#droite { float:right; text-align:justify; width:700px; margin-right:50px; }
#footer { float:left; width:960px; height:21px; background-image:url(img/footer.png); color:#FFFFFF; font-size:12px; }
#menu_partn { text-align:center; width:650px; }

#contact { width:350px; overflow:hidden; float:left; }
#contact p label { display:block; width:100px; float:left; padding-top:3px; margin-top:-5px; }
#contact p label em { font-size:9px; margin-top:-5px; }
#contact p input { width:200px; margin-top:-5px; }
#contact p input.cp { width:50px; margin-top:-5px; }
#contact p input.tel { width:100px; margin-top:-5px; }
* html #contact p input { width:200px; margin-top:-5px; }
*+html #contact p input { width:200px; margin-top:-5px; }
#contact p input.btn { width:100px; margin-top:-5px; }
#plan { width:255px !important; overflow:hidden; text-align:center; float:right; margin-right:35px; margin-top:120px; }

 div#fondcat{background-color:#538ede; color:#000000; font-size:11px; font-weight:bold; height:15px;margin-left:5px; margin-top:5px;margin-bottom:5px; padding:2px 0 0 5px;text-transform:uppercase;}
 td#conteneurfiche{background:#538ede; font-size:8pt; padding:5px;}

div#boxproduit{float:left; width:141px; height:180px; border:1px solid #aaa; text-align:center; color:#fff; font-weight:bold; margin-top:20px; margin-left:23px; margin-right:23px;}
#des_pro{color:#3b669e; font-weight:bold; height:25px; font-size:11px}
#pri_pro{color:#e15a00; font-weight:bold; font-size:10pt;  width:100%;}

p#test2{ margin:0px; }

#vitrine {float:left; margin-left:-40px;}
#vitrine h1 {margin-left:40px;}
div#col_left img {
background:white none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0px 0px 0 0;
padding:5px;
width:240px;
height:220px;
}



#page_resultat{float:left; width:750px; margin:10px;}

img, a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#wrapper {
    width: 500px;
    margin: 0;
	background:#fff;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	float:left;
	margin-left:75px;
	margin-bottom:20px;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 500px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 500px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 180px;
	height: 210px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 150px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 8pt;
	color: #222;
	margin:0px;
}



.scrollButtons {
    position: absolute;
    top: 107px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -35px;
}

.scrollButtons.right {
    right: -35px;
}

.hide {
    display: none;
}
#box_cat{float:left; width:130px; text-align:center; margin:10px;}
#box_cat a {color:#000;}

#box_pro{float:left; width:141px; height:180px; border:1px solid #aaa; text-align:center; color:#fff; font-weight:bold; margin-top:20px; margin-left:23px; margin-right:23px;}
#des_pro{color:#3b669e; font-weight:bold; height:25px;}
#pri_pro{color:#e15a00; font-weight:bold; font-size:10pt;  width:100%;}