html, body, 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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
		z-index:10;
		color:#000000;
		
	
}


html{
height:100%;
}
body{
height:100%;
}

img { -ms-interpolation-mode: bicubic; }

body {
    line-height: 1;
	background:url(images/bg.png);
	background-repeat:repeat-x;
	background-color:#e4e5e6;
	font-family:Arial, Helvetica, sans-serif;
	height:100%; 
}

dl, dt, dd, td ,table {
z-index:100;

}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
	z-index:1000;
}


/*  général */
h1{
color:#000;
font-size:20px;
font-weight:normal;
}

h2{
color:#000;
font-size:16px;
font-weight:bold;
padding:10px 0 8px 7px;
}

blockquote.client h2{
color:#000;
font-size:16px;
font-weight:bold;
padding:10px 0 5px 5px;
} 

blockquote.client p{
padding-left:0;
margin-left:0;
} 

h3{
color:#0060a9;
font-size:14px;
font-weight:normal;
}




h4{
color:#000;
font-size:15px;
font-weight:bold;
padding:1px 0 5px 7px;
margin: 7px 0 7px 0;
line-height:18px;
}
h5{
color:#0060a9;
font-size:15px;
font-weight:bold;
padding:1px 0 0 10px;
margin: 0;
line-height:18px;
}

h3 a{
color:#0060a9;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

p{
color:#000;
font-size:12px;
font-weight:normal;
line-height:15px
}

.plus{
background:url(images/btn-bleu.png) no-repeat 2px 3px;
text-indent:28px;
display:block;
}


a.lien{
display:block;
color:#0060a9;
height:30px;
line-height:30px;
margin-bottom:14px;
text-decoration:none;
font-size:12px;
text-decoration:underline;
position:absolute;
right:5px;
bottom:-10px;
}
a:hover.lien{
color:#8cbbdf;
}

.center { 
display:block;
margin:0 auto;
padding:2px 20px;
}

p.center {
margin-top:5px;font-size:11px;
}

p.center strong{
margin-top:10px; font-size:12px;
}

a.nooverlay{
    cursor: url("images/magnifier.cur"), auto;

}


p.middle a.ref{
width:200px;text-align:center;display:block;
}

p.middle a.imgref{
width:220px;text-align:center;display:block;
}

.prestation .newsimg{
text-align:left; margin-top:10px; height:35px;
}

p.middle a.ref img{
text-align:center;margin-top:4px;
}

.prestation p.news{
text-align:left; height:50px;padding-top:10px;
}

.prestation span.logotourne{

width:210px; display:block; height:60px; margin:0 auto; margin-top:35px;
}

.prestation p.news span{
margin-left:85px;
}

.center img{ 
display:block;
margin:auto;
}


hr{
clear:both;
visibility:hidden;
display:block;
 height: 1px;

 margin:0;

}

.filet{
border-top:1px solid #CCCCCC;
height:10px;
padding:2px 0;
margin:0px 0;
}



.changepage{

	border-bottom:2px outset #000;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
		border-right:2px outset #000;
background:#fff;
padding:1px 6px;
text-decoration:none;
margin:5px 2px;
display:inline;
line-height:2;
}


/*  entete */

#main-holder{ /*principal conteneur*/
width:960px;
margin: 0 auto;

}

#header{  /*banniere avec le logo et les partenaires*/
width:960px;
height:150px;
position:relative;
}

#logo{
width:316px;
height:150px;
display:block;
position:absolute;
left:0;
}


a#partenariat{
height:55px;
margin:0;
padding:0;
display:block;
position:absolute;
right:0px;
top:40px;
color:#000;
font-size:12px;
text-decoration:none;
vertical-align:top;
}


#menu{
width:655px;
height:42px;
background-color:#000000;
position:absolute;
z-index:1000;
right:0;
bottom:0;
line-height:40px;
}

/*  Slideshow */

#slideshow{
width:960px;
height:295px;
position:relative;
z-index:1;
}



#slideshow img{
position:relative;
z-index:1;
}




#slideshow h2{
height:23px;
background-image:url(images/bg-bloc-noir.png);
background-repeat:repeat-x;
color:#fff;
font-weight:normal;
line-height:23px;
font-size:12px;
padding:0 0 0 8px;
position:relative;
z-index:10;
}

#slide-holder{
position:absolute;
right:10px;
top:267px;
z-index:1000;
width:100px;
height:23px;
}

#slide-holder p{
float:left;
height:19px;
z-index:1000;
}


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 960px; /*width of featured content slider*/
height: 272px;
z-index:1;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 960px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 272px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#pagination{
width:auto;
height:21px;
position:absolute;
top:260px;
right:8px;
z-index:100;
}

.page{
background-color:#aaa;
}

.pagination{
width: auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 3px 0px 4px 0px;
z-index:1000;
float:left;

}

.pagination a{
padding: 0px 5px;
width:10px;
text-decoration: none; 
color: #000;
background-color: #ddd;
font-size:14px;
margin:0;
}

.pagination .next{
padding: 0px 0px;
background:none;
margin:0;
}

.pagination .prev{
padding: 0px 0px;
background:none;
margin:0;
}

.pagination toc a:hover, .pagination a.selected{
color: #666;
background: white;
}



.bloc-text ul{
padding:5px 15px 5px 20px;
margin-left:10px;
}

.bloc-text li{
font-size:12px;
padding:3px 0px;
line-height:18px;
list-style:disc;
}
.texte ul{
padding:5px 15px 5px 20px;
margin-left:10px;
}

.texte li{
font-size:12px;
padding:3px 0px;
line-height:18px;
list-style:disc;
}


/* menu*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=

================================================================== */

*{ font-family:Arial, Helvetica, sans-serif;}

dl{
z-index:1000;
}

#lists {padding:0;  list-style:none;height:40px;  background-image:url(images/bg-menu.png); background-repeat:repeat-x; width:655px; color:#fff; z-index:500; } /* margins for this demonstration only */
#lists li {display:inline; float:left; height:40px;border-right:1px solid #636671; z-index:1000; text-align:center;font-weight:bold;}

#lists li.tab {background-image:url(images/menu-over.png);}


#lists li.tabshop {background:url(images/bg-menu-shop-actif.png) repeat-x;}

#lists li a.tl {display:block; width:91px; height:29px;  text-decoration:none; line-height:40px; font-size:12px; font-weight:bold; text-indent:0px;  color:#fff; z-index:1000;}



#lists div {display:none; z-index:1000; border:1px solid #828793;}

#lists li a:hover {text-decoration:none; white-space:normal; color:#cdcdcd; z-index:1000; text-align:center;}
#lists li:hover > a {text-decoration:none; white-space:normal; color:#cdcdcd; z-index:1000; text-align:center;}

.noarrow li a:hover{background:none;}
.noarrow li:hover > a{background:none;}

#lists :hover div
{display:block; width:643px; text-align:left; height:auto; background:#d8dde1; position:absolute; left:0; top:40px; overflow:hidden;  padding-bottom:10px; padding-left:10px; z-index:1000;}
#lists :hover div.pos2 {background:#ddd; z-index:1000;text-align:left; overflow:hidden;}

#lists .two:hover {position:relative; z-index:1000; overflow:hidden;}
#lists .single:hover {position:relative; z-index:1000; overflow:hidden;}

#lists td {position:relative; z-index:1000;text-align:left;}
#lists .two:hover div.pos3 {background:#e4e5e6; width:300px; z-index:1000;}
#lists .single:hover div.pos4 {background:#e4e5e6; width:150px; z-index:1;}

#lists :hover div dl {display:inline;text-align:left; padding:0; margin:0 13px 10px 11px; float:left; width:186px; z-index:1000;}
#lists :hover div dl dt {width:186px;text-align:left; background:#23252c; text-indent:5px; margin:5px 0 10px 0; text-decoration:none;font-size:12px; height:20px; line-height:20px; z-index:1000;}

#lists .two:hover div {left:50px;text-align:left; z-index:1000;}
#lists .two:hover div dl {width:99px; text-align:left;z-index:1000;}
#lists .two:hover div dl dt {width:99px;font-size:12px; z-index:1000;}

#lists .single:hover div dl {width:99px; z-index:1000;}
#lists .single:hover div dl dt {width:99px; font-size:12px; z-index:1000;}

#lists :hover div dl dd {padding:3px 0; margin:0; z-index:1000;}

#lists :hover div dt a {text-decoration:none;text-align:left;  font-weight:normal; color:#fff; z-index:1000;}
#lists :hover div dd a {display:block;text-align:left; text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:0px; line-height:15px; z-index:1000;}
#lists :hover div dd a:hover {text-decoration:none;text-align:left; z-index:1000;color:#0060a9;}

#lists .clear {clear:both;}



/*  Blocs */
.bloc{
float:left;
background-color:#fff;
margin-top:24px;
position:relative;
}

.bloc li{
font-size:12px;
line-height:18px;
list-style-image:url(images/puce-bleu.png) ;
color:#0060a9;
}

.bloc li a{
font-size:12px;
color:#0060a9;
text-decoration:none;
}

.bloc li a:hover{
color:#8cbbdf;
}


.bloc li img{
vertical-align: middle;}


.bloc img {
margin:0 auto;
}

.bloc h2{
line-height:23px;
font-size:12px;
padding:0 0 0 8px;
}

#texte{
width:730px;
height:100%;
float:left;


}

.realisation{
width:456px;
height:220px;
margin:24px 0 0 24px;
}

.sites li a{
font-size:13px;
line-height:24px;
padding-left:24px;
margin:5px 0;
}

.sites li a:hover{
color:#666666;
}



.txt h1{
	height:23px;
	background-image:url(images/bg-bloc-noir.png);
	background-repeat:repeat-x;
	color:#fff;
	font-weight:bold;
	line-height:23px;
	font-size:12px;
	padding:0 0 0 8px;
	margin-top:-24px;
}

.txt p{
font-size:14px;
line-height:17px;
}

.txt h2{

font-size:18px;
}

.bloc-text p{
padding:5px 10px 8px 10px;
line-height:20px;
font-size:13px;
}

.texte p, div.domtab p{
padding:5px 20px 5px 10px;
line-height:18px;
font-size:13px;
}

.texte a{
padding:5px 5px 5px 5px;
line-height:18px;
font-size:13px;
color:#0060a9;
}


.texte h3, .bloc-text h3, div.domtab h3{
font-size:20px;
color:#000;
font-weight:bold;
padding:5px 20px 10px 10px;
}


.texte h5, .bloc-text h5, div.domtab h5{
font-size:14px;
padding:8px 10px 8px 10px;
line-height:16px;
}

.texte dl, .bloc-text dl, div.domtab dl{
padding:5px 20px 5px 20px;

}

.texte dt, .bloc-text  dt, div.domtab dt{
padding-top:3px;
font-weight:bold;
}

.texte dt, dd, .bloc-text dt, dd{
font-size:12px;
line-height:18px;
color:#000000;
font-size:13px;
}

.texte dd, .bloc-text dd, div.domtab dd{
margin-left:12px;
line-height:18px;
}

div.domtab dd{
margin-left:12px;
}


.bloc-text{
width:473px;
background-color:#ffffff;
float:left;
height:100%;
position:relative;
margin-top:-25px;
}



.bloc-plus{
width:255px;
height:100%;
float:left;
border:1px solid #e7e7e7;
margin-top:-15px;
}


.commande{
width:255px;
height:100%;
float:left;
}


.droite{
width:245px;
height:100%;
float:left;
line-height:18px;
margin-top:10px;
font-size:13px;
padding-left:5px;
}


.droite p{
padding:3px 6px 3px 0px;
line-height:17px;
}

.droite h5{
padding:6px 0px 0px 0px;
font-size:14px;
}

.droite ul{
font-size:13px;
line-height:16px;
}



.bloc-plus p img{
margin:5px auto 0 72px;
}

div.commande p{
width:245px;
font-size:13px;
font-weight:bold;
padding:5px 0px 0px 10px;
}


.bloc-plus p{
padding:5px 10px 5px 8px;
font-size:11px;
}

.bloc-plus h5{
padding:5px 10px 5px 8px;
font-size:13px;
}

.commande p{
font-size:13px;
font-weight:bold;
padding:5px 0px 5px 0;
border-bottom:1px solid #e0e0e0;
color:#000;
}


.commande h2{
height:23px;
background-image:url(images/bg-bloc-gris.png);
background-repeat:repeat-x;
color:#fff;
font-weight:bold;
line-height:23px;
font-size:12px;
padding:0 0 0 8px;
}



.bloc-contact h2{
height:23px;
background-image:url(images/bg-bloc-noir.png);
background-repeat:repeat-x;
color:#fff;
font-weight:bold;
line-height:23px;
font-size:12px;
padding:0 0 0 8px;
}

.bloc-contact{
width:240px;
height:100%;
background-color:#fff;
}

.bloc-contact p{
color:#000;
padding:12px 3px 0px 3px;
font-size:12px;
text-align:left;
}

div.bloc-contact p img{
margin:5px auto 0 32px;
}

.bloc-menu h2{
height:23px;
background-image:url(images/bg-bloc-noir.png);
background-repeat:repeat-x;
color:#fff;
font-weight:normal;
line-height:23px;
font-size:12px;
padding:0 0 0 8px;
position:relative;
z-index:1000;

}

.bloc-menu a{
color:#fff;
width:100%;
text-decoration:none;
}

.bloc-menu{
width:206px;
height:100%;
background-color:#aaa;
margin-right:24px;
margin-top:-24px;
}

#contenu{
width:960px;
height:auto;
background-image:url(images/bg-contenu2.jpg);
background-repeat:repeat-y;
margin-top:48px;

}




#gauche{
float:left;
height:100%;
width:230px;


}



.bloc-menu dl{
padding:0;
text-indent:8px;
}

.bloc-menu dd a{
width:200px;
height:15px;
}

div.bloc-menu dl dd a{
width:200px;
height:15px;
}

.bloc-menu dd {
font-size:11px;
line-height:18px;
padding:3px 0 3px 0;
}


.bloc-menu dt {
padding:3px 0 5px 0;
border-top:1px solid #ededed;
line-height:18px;

}

.bloc-menu a  {
display:block;
}

.bloc-menu  dt a {
color:#fff;
width:200px;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.bloc-menu dd:hover{
background-color:#0060a9;
width:100%;
color:#FFFFFF;
}

.prestation .middle .services{
width:130px; display:block;
}

.bloc-menu dd a:hover{
color:#FFFFFF;
width:100%;
}

.bloc-menu dt:hover{
background-color:#0060a9;
width:100%;
color:#FFFFFF;
}



.bloc-menu  dd a{
padding:1px 0 1px 0;
width:100%;
color:#353535;
font-size:12px;
text-decoration:none;
line-height:18px;
}

.current {
background-color:#0060a9;
width:100%;
color:#FFFFFF;
}


 dd.current a {
color:#FFFFFF;
}

.contact{	
	display:block;
	color:#fff;
	}

a.button{
	background:url(images/button.png);
	display:block;
	color:#fff;
	font-weight:bold;
	height:20px;
	line-height:21px;
	margin-bottom:14px;
	text-decoration:none;
	width:164px;
	font-size:11px;
	text-indent:30px;
	margin:15px 0;
}
a:hover.button{
	color:#fff;
}

table, div.domtab table{
font-size:11px;
padding:2px 0px;
margin:4px auto;
color:#000000;
}

div.domtab  table.tblportable{
width:680px;
border:none; border-collapse:collapse;
}


th[scope=row], div.domtab th[scope=row]{
font-size:11px;
padding:5px 10px;
width:100px;
height:35px;
text-align:left;
border-right:1px solid #f5f5f5;
vertical-align:middle;
color:#000000;
}

td, div.domtab td{
text-align:center;
vertical-align:middle;
padding:10px 0;
border-right:1px solid #f5f5f5;
color:#000000;
}

.gris{
background-color:#f5f5f5;
}

.centre{
width:200px;
height:200px;
margin:auto;
display:block;
}



.secteur{
height:264px;
margin-right:1px;
width:206px;
height:264px;
}

.secteur h2, .shop h2 {

height:23px;
background-image:url(images/bg-bloc-noir.png);
background-repeat:repeat-x;
color:#fff;
font-weight:normal;
}

.secteur ul{
margin:13px 0 10px 0;
padding-left:40px;
height:100px;
}

.secteur img {
display:block;
margin:0 auto;

}


.shop{
width:304px;
height:264px;
margin-left:34px;
}


.prestation{
height:215px;
width:239px;
margin-right:1px;
}

.prestation img{
text-align:center;
}

.prestation a{

width:200px;
display:block;
}

.prestation p{
margin-top:15px;
width:200px;
display:block;
margin: auto;
margin-top:35px;
text-align:center;
}
.prestation ul{
margin-left:55px;
margin-top:40px;
}




.prestation h2{
height:23px;
background-image:url(images/bg-bloc-gris.png);
background-repeat:repeat-x;
color:#fff;
font-weight:normal;
}


.middle{

margin: auto;
margin-top:25px;
width: 200px;
height: 110px;

}


.middle a{
color:#0060a9;

width:200px;
display:block;
}

ul.middle {

width:180px;
}

p.middle  img{
margin-top:1px;

text-align:center;
}


.logo {
margin:5px 0 5px 0;

}

.logo li{
float:left;
border:1px solid #eaeaea;
display:block;
width:150px;
height:63px;
padding:0;
margin:0px 5px 5px 0px;


}

.logo li a{
margin:0;
padding:0;

}

.detail dl{
width:380px;
}

.detail dt{
width:380px;
height:20px;
background-color:#ececec;
color:#000;
line-height:20px;
padding-left:5px;
font-size:11px;
font-weight:bold;
}

.detail dd{
width:380px;
background-color:#fff;
color:000;
line-height:20px;
padding:5px 0 5px 5px;
font-size:12px;
}

dl.detail dt input{

line-height:25px;
margin-top:3px;
}

.option dl{
width:380px;
margin-top:10px;
border:1px solid #ddd;
}

dl.option{
width:385px;
margin-top:10px;
border:1px solid #ddd;
padding:5px;
}

.option dt{
width:380px;
background-color:#0060a9;
color:#fff;
line-height:25px;
padding-left:5px;
font-size:11px;
font-weight:bold;
}

.option dd{
width:380px;
background-color:#fff;
color:000;
line-height:25px;
padding:5px 0 5px 5px;
font-size:12px;

}

dl.option dt.input{

line-height:12px;
margin-top:3px;
padding-right:3px;
}

#shop2 table{
width:700px;
border:0; 
border-collapse:collapse;
}

#shop2 tr{
text-align:center; 
border:0; 
padding:5px 3px; 
color:#FFFFFF;
border:none;
}

#shop2 th{
text-align:center; 
height:20px;
color:#FFFFFF; 
line-height:25px;
background-color:#0060a9;
}

#shop2 td{
text-align:center; 
height:20px;
color:#000; 
line-height:25px;
}

.produits{
width:215px;
margin:0 10px 15px 5px;
border:1px solid #CCCCCC;
height:auto;
float:left;
}

.produits ul {
height:55px;
}

.produits li {
font-size:11px;
color:#666;
text-align:center;
margin:0 5px;
padding:1px 0;
line-height:13px;
}

.produits p strong   {
text-align:center;
}

.produits p {
margin:3px;
text-align:center;
font-size:11px;
color:#000;
padding:3px 0 4px;
line-height:13px;

}

.produits p a img{
margin:5px;
text-align:center;
}

p.prixdell strong{
color:#0060a9;
font-size:15px;
font-weight:bold;
line-height:30px;
}

dd p.prixdell strong{
color:#0060a9;
font-size:12px;
font-weight:bold;
line-height:30px;
}

/*  Pied de page */

#footer{

height:185px;
background-image:url(images/bg-footer.png);
background-repeat:repeat-x;
padding-top:22px;
margin-top:24px;

}

#footer address{
color:#fff;
font-size:11px;
line-height:18px;
margin-top:17px;

}

#footer form{
color:#FFFFFF;
width:228px;
float:left;
margin:0 0px 15px 0px;
font-size:11px;
}

#footer-middle{
width:960px;
margin:0 auto;
}

.bloc-footer{
height:174px;
width:236px;
float:left;
}

#footer input{
float:left;
margin:5px 5px 0 0;
}

#footer label{
margin:0;
color:#FFFFFF;
}

#footer strong{
color:#fff;
font-size:12px;
}


#footer p{
color:#fff;
font-size:12px;
line-height:18px;
width:220px;
}

#footer dl{
color:#FFFFFF;
width:150px;
float:left;
margin:0 0px 0 4px;
}

#footer dd {
padding:1px;
border-bottom:1px solid #6e7a9e;
}

#footer dd a{
color:#FFFFFF;
line-height:14px;
font-size:11px;
text-decoration:none;
}

#footer dd a:hover{
color:#8cbbdf;
}


#footer dt{
padding:0 0 5px 1px;
color:#FFFFFF;
line-height:16px;
font-size:13px;
}


#logmein{
width:234px;
margin-left:8px;
padding:5px 5px 10px 5px;
height:134px;
background-color:#fff;
text-align:center;
}
#logmein a img{
margin:0 15px;
}

.bleu{
font-weight:bold;
color:#0060a9;
}

#footer p.noir label{
color:#000000;
width:220px;
line-height:13px;
}


/* onglets interieurs*/

		
		
		
		div.domtab{
			padding:0  ;
			font-size:12px;
			color:#000;
			border:1px solid #000;
			background-color:#fff;
			
					
			
		}
		
				div.domtab h1 {
				margin:0;
			margin-left:10px;
			margin-bottom:5px;
			margin-top:5px;
			font-size:20px;
			color:#000;
			font-weight:bold;
			line-height:28px;
			
		
		}
		
				div.domtab h2 {
			
			margin:0;
			padding-top:3px;
		
		}
		
			div.domtab h1 a{
			padding:0 ;
			margin-top:0px;
			line-height:5px;
			font-size:20px;
			color:#000;
			font-weight:bold;
			margin-left:5px;
		
		}
		ul.domtabs{
			float:left;
			width:97%;
			padding:0 0 0 0;
			margin:-2px 0 0 -1px;
			color:#000;
			margin-top:-25px;
							
		}
		ul.domtabs li{
			float:left;
			display:inline;
			padding:0 0 0 0;
			margin:0;
		
		}
		 
		
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:hover{
			width:auto;
			padding:0.1em 0.5em 0em 0em;
			display:block;
			color:#000;
			line-height:23px;
			height:auto;
			font-size:10px;
			font-weight:bold;
			text-decoration:none;
			background:url(images/tab-right-over.png) no-repeat right;
		
		}
		
		html>body ul.domtabs a:active,	
		ul.domtabs a:active{
			width:auto;
			padding:0.1em 0.5em 0em 0.1em;
			display:block;
			color:#000;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			line-height:23px;
			
		
		}
		
		ul.domtabs li
		{
		margin:0;
		padding:0px 0em 0em 2px;
		display:block;	
		color:#000;
		background:url(images/tab-left-over.png) no-repeat left;
		border-bottom:1px solid #000;
		}
		
	
	
		
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;	
			font-size:11px;
		
		}
		
		html>body ul.domtabs span a:link,
		html>body ul.domtabs span a:visited,
		html>body ul.domtabs span a:active,
		html>body ul.domtabs span a:hover{
		height:auto;
		font-size:12px;
		background:url(images/tab-left-over.png) no-repeat left;
		display:block;
		}
		
	
		
		div.domtab div{
			
			width:730px;
			color:#000;
			padding:0;
			z-index:1;
			
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			font-size:13px;
			background:url(images/tab-right.png) no-repeat right;
			z-index:10;
			color:#000;
			line-height:24px;
			display:block;
		}
		
		ul.domtabs li.active {
		display:block;
			color:#000;
			font-size:12px;
			background:url(images/tab-left.png) no-repeat left;
			border:none;
			z-index:10;
		}
		
			ul.domtabs li.active span {
	padding:0.1em 0.0em 0em 0.0em;
		}
	
		html>body ul.domtabs li.active a{
		padding-top:1px;
		
		}
	
.regle{
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
border: 0;
visibility:visible;
width:600px;
margin-bottom:20px;
margin-top:20px;
clear:both;
margin-left:auto;
margin-right:auto;

}

.vu li{
background:url(images/vu.png) no-repeat;
padding-left:35px;
list-style:none;
padding-top:10px;

}

dl.vu dd{
background:url(images/vu.png) no-repeat;
padding-left:35px;
list-style:none;
padding-top:10px;

}

.colonne-gauche{
float:left;width:447px;
padding-left:3px;
}

.colonne-gauche address{
margin-left:10px;
line-height:18px;
}

.colonne-droite{
float:left;width:280px;
text-align:left;
margin-top:25px;
}

.colonne-droite img{
text-align:center;
}

#colonne-gauche2 {

float:left;
width:440px;
}

#colonne-droite2 {

float:left;
width:260px;
text-align:center;
}

.colonne-droite img{
margin:5px 0;
}



.puce dl dd{
background:url(images/bullet.png) no-repeat;
padding-left:20px;
list-style:none;
line-height:20px;
}

.puce dl dt{
padding-top:15px;
}


#shop{
margin:0 10px 0 20px;
width:700px;
float:left;
}

#shop2{
margin:0 10px 0 20px;
width:700px;
float:left;
}

#panier{
width:180px;
height:210px;
border:1px solid #ddd;
float:left;
margin-top:15px;
margin-left:20px;
margin-bottom:10px;
background-color:#f5f5f5;
}

#panier h3{
color:#FFFFFF;
font-size:15px;
line-height:25px;
font-weight:bold;
text-align:center;
display:block;
width:180px;
height:26px;
background-color:#aaaaaa;
}

#panier p{
color:#000;
font-size:13px;
line-height:18px;
text-align:left;
padding:8px;
}


#shop a{
display:block;
width:315px;
margin:15px;
height:210px;
float:left;
text-align:center;
border:1px solid #d4d4d4;
text-decoration:none;
background-color:#FFFFFF;
}

#shop2 h2{
display:block;
height:25px;
line-height:25px;
font-size:16px;
margin-left:10px;

}

#shop2 h3{
display:block;
height:25px;
line-height:25px;
font-size:20px;
color:#0060a9;
margin-bottom:10px;

}


.shop-droite{
float:left;width:400px;
text-align:left;
margin-top:25px;
}



.shop-gauche {

float:left;
width:290px;
}



.shop-gauche p{
padding-right:10px;
}


.blocshop{
position:absolute; right:5px; top:30px;
}

.pos
{
position:relative;
}

.detailproduit{
padding-top:5px;
padding-left:20px;
}

#shop a:hover{

border:1px solid #7f7f7f;
color:#7f7f7f;
}


.rubrique h3{
display:block;
height:25px;
line-height:25px;
font-size:16px;

}

.rubrique strong{
display:block;
height:25px;
line-height:25px;
font-size:16px;
color:#0060a9;
font-weight:normal;
}

/* ----------- basic ----------- */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:325px;
	padding:0;
}
	/* ----------- basic ----------- */
	#basic {
	width:405px;
	}
	#basic{
		border:solid 1px #d9c197;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:12px;
		color:#a55f25;
		margin-bottom:20px;

		padding-bottom:10px;
	}
	#basic label{
		font-size:12px;
		display:block;
		font-weight:bold;
		text-align:right;
		width:120px;
		float:left;
		line-height:17px;
	}
	#basic .small{
		color:#a55f25;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:120px;
		line-height:13px;
	}
	

	#basic input, textarea, select{
		float:left;
		width:210px;
		margin:2px 0 5px 10px;
		
	
	}
	
		#basic p#input , p#textarea {
		border:none;
		}
		
		#basic #radio {
		margin-top:15px;
	
	}

		#basic #radio p{
		color:#a55f25;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:100px;
		margin:2px 0 3px 40px;
		line-height:12px;
		float:left;
		border:none;
	
	}
		
		#basic #radio input{
		float:left;
		width:120px;
		margin:2px 0 8px 10px;	
		}
		
		#basic .button input{ 
		clear:both;
		width:80px;
		margin-left:242px;
		background:#a55f25;
		color:#FFFFFF;
		border:solid 1px #000;
		font-size:11px;
		font-weight:bold;
		padding:2px 6px;
		cursor:pointer;
	}





/* fin formulaire*/