body
{
margin : 0 ;
padding : 0 ;
font-family:Arial, Helvetica, sans-serif ;
font-size : 0.8em ;
background:url(images/pattern.jpg) repeat-x left top ;
color : #000 ;
}

img
{
border : none ;
}

a:active, a:focus
{
outline : none ;
}

a:hover
{
text-decoration : none ;
}

a img:hover, a img:focus
{
    opacity : 0.8 ;
}

div#conteneur
{
width : 986px ;
margin : 0 auto ;
padding : 7px ;
background-color:#fff ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
position : relative ;
}

div#header
{
height : 150px ;
background:url(images/bg_header2.jpg) no-repeat left top ;
background-color : #23A301 ;
-webkit-border-radius :  8px 8px 0 0;
-moz-border-radius :  8px 8px 0 0;
-webkit-border-radius : 8px 8px 0 0;
border-radius :  8px 8px 0 0;
margin : 0 ;
padding : 0 ;
}

div#header h1
{
margin: 0 ;
padding : 0 ;
}

div#header h1 a
{
margin: 0 ;
padding : 0 ;
display : block ;
height : 150px ;
text-indent : -6000px ;
}

ul#menu
{
margin : 0 0 20px 0;
padding : 0 0 0 8px ;
overflow : hidden ;
list-style-type:none ;
-moz-border-radius : 0 0 8px 8px ;
-webkit-border-bottom-right-radius: 8px ;
-webkit-border-bottom-left-radius: 8px ;
border-radius :  0 0 8px 8px ;
background : url(images/bg_menu.gif) repeat-x  left top ;
}

ul#menu li
{
float : left ;
margin : 0 ;
padding : 0 ;
}

ul#menu li a
{
display : block ;
padding : 10px 13px ;
color : #fff ;
border-right : 2px solid #E2EEFB ;
background : url(images/bg_menu.gif) repeat-x  left top ;
text-transform:lowercase;
font-variant:small-caps ;
font-size:13px ;
font-weight : bold ;
text-decoration : none ;
llletter-spacing:none ;
}

ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus
{
background-image:none ;
background-color : #fff ;
color : #23A301;

}

div#content
{
margin : 0 0 20px 275px ;
---background-color:#23A301 ;
min-height : 955px ;
color : DimGray ;
overflow : hidden ;
}
div#content h1
{
font-size : 18px ;
color : DimGray ;
border-bottom : 1px solid DimGray;
margin : 0 0 20px 0 ;
padding : 0 0 10px 0 ;
clear : both ;
}
div#content h1 span
{
font-size : 13px ;
color : #23A301 ;
}
div#content p
{
text-align : justify ;

}

img.float
{
float : left ;
margin : 0 15px 15px 0 ;
padding : 5px ;
border:1px solid silver ;
}

img.float_right
{
float : right ;
margin : 0 0 15px 15px ;
padding : 5px ;
border:1px solid silver ;

}

#diapo
{
border:1px solid silver ;
overflow:hidden ;
height : 600px ;
margin : 0 ;
text-align :center ;
}

#diapo img
{
margin : 5px;
}

div#left, div#admin_left
{
position : absolute ;

background:url(images/pattern.jpg) repeat-x left top ;
background-color:#fff ;
width : 255px ;
margin : 0 ;
padding : 0 ;

-moz-border-radius : 8px ;
-webkit-border-radius : 8px ;
border-radius : 8px ;
}

div#admin_left a
{
color : #fff ;
}

div#left
{
top : 215px ;
}

div#admin_left
{
top : 10px ;
min-height : 400px ;
}

#echantillon
{
background:url(images/bg_echantillon.png) no-repeat left top ;
margin : 9px 9px 20px  ;
padding : 0 10px ;
width : 216px ;
height : 118px ;
}


.block_left
{
background:url(images/bg_block_left_grand.png) no-repeat left top ;
margin : 9px 9px 20px  ;
padding : 0 10px ;
width : 216px ;
height : 125px ;
}

.block_left2
{
background:silver ;
margin : 9px 20px 9px 20px  ;
padding : 0 10px 15px 10px ;
width : 206px ;
border-radius : 10px ;
}


div#left h1, div#admin_left h1
{
font-size : 18px ;
color : #23A301  ;
border-bottom : 1px solid;
margin : 0  ;
padding : 2px 0 2px 0 ;
font-style : italic ;

}
div#left h1 span, div#admin_left h1 span
{
font-size : 13px ;
color : #23A301 ;
}

a#echantillon_click
{
display : block ;
text-indent : -6000px ;
text-decoration : none ;
margin : 10px auto 5px ;
height : 45px ;
}

a.login
{
display:block ;
color : #fff ;
font-size : 11px ;
text-decoration : none ;
margin : 8px 0 0px 0px ;
padding-left : 15px ;
background : url(images/bg_login.png) no-repeat left center ;
}

a.login:hover, a.login:focus
{
margin-left : 5px ;
}

#left span, label, span.simu_label, #admin_left span
{
font-size : 10px ;
color : DimGray;
}

input[type=text], textarea, input[type=password], select
{
padding : 3px 5px ;
font-size : 10px ;
color : DimGray ;
border : 1px solid #666 ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
font-family : Arial ;
}


input[type=submit]
{
padding : 3px 5px ;
font-size : 10px ;
color : DimGray ;
background-color : #fff ;
border : 1px solid #23A301 ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
cursor : pointer ;
margin-right : 30px ;
}
input[type=submit]:hover, input[type=submit]:focus
{
color : #fff ;
background-color : #23A301;
border : 1px solid #23A301 ;
}

input[type=submit]:active
{
color : DimGray ;
background-color : #fff;
border : 2px inset #23A301 ;
}
div#footer
{
clear : both ;
background:url(images/pattern.jpg) repeat-x left top ;
background-color : #fff ;
margin : 0 ;
padding : 10px ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
text-align : center ;
color : gray;
font-size : 10px ;
}

div#footer a
{
color : gray;
}
div#footer a:hover,  div#footer a:focus
{
text-decoration : none ;
}

form.form_int
{
width : 80% ;
margin : 0 auto ;
}

form.form_int fieldset
{
border : none ;
background:url(images/pattern.jpg) repeat-x ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
margin : 0 0 20px 0 ;
}

form.form_int legend
{
border : none ;
background:url(images/pattern.jpg) repeat-x ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
padding : 5px 10px ;
color : #fff ;
font-weight : bold ;
}

span.asterisk
{
vertical-align : 1px ;
color : red ;
}

p.temoignage
{
font-style:normal ;
font-weight : bold ;
color : DimGray ;
margin-bottom : 20px ;
border-bottom : 1px dotted #23A301 ;
}

p.temoignage span
{
font-style:italic ;
display : block ;
font-weight : normal ;
padding : 10px ;
}

p.temoignage span:before
{
content:url(images/guille1.gif) ;
}

p.temoignage span:after
{
content:url(images/guille2.gif) ;
}

p.faq
{
font-style:italic ;
---background:url(images/point_int.gif) no-repeat left top ;
font-weight : bold ;
color : DimGray ;
margin-bottom : 20px ;
border-bottom : 1px dotted #23A301 ;
padding : 5px 0px 0px 35px ;
}

p.faq span
{
font-style:normal ;
display : block ;
font-weight : normal ;
padding : 10px ;
}

p.pblock
{
background:url(images/check.png) no-repeat 10px center ;
background-color:#fff ;
border : 1px solid DimGray ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
color : DimGray ;
padding : 10px 10px 10px 40px ;
font-weight : bold ;
letter-spacing : -1px ;
}

p.pblock a
{
color : DimGray ;
}

p.error
{
background:url(images/warning.gif) no-repeat 10px 7px ;
background-color:#fff ;
border : 1px solid #23A301 ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
color : #23A301 ;
padding : 10px 10px 10px 40px ;
font-weight : bold ;
letter-spacing : -1px ;
}

p.check
{
background:url(images/checkblanc.gif) no-repeat 10px center ;
background-color:#fff ;
border : 1px solid DimGray ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
color : DimGray ;
padding : 10px 10px 10px 40px ;
}

ul.faq
{
margin : 10px ;
padding : 10px ;
}
ul.faq li a
{
color : DimGray ;
}

table.table_admin
{
width : 100% ;
border : 1px solid ;
border-collapse:collapse ;
}
table.table_admin th
{
text-align : left ;
background-color : #23A301 ;
color : #fff ;
padding : 5px; 
}

table.table_admin tr td
{
border : 1px solid ;
padding : 5px; 
}

a.block_link, table.table_admin a.action
{
display:block ;
margin : 10px 0 ;
background-color : #23A301 ;
color : #fff ;
padding : 5px ;
font-weight : bold ;
text-decoration: none ;

-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
text-align : center ;

}
a.block_link
{
width : 220px ;
}
a.block_link:hover, table.table_admin a:hover
{
text-decoration : underline ;
}

div#antasport
{
margin : 10px auto ;
width : 210px ;
}


div.press
{
overflow : hidden ;
rrrrborder-bottom : 1px dotted silver ;
margin : 0 10px 20px 0;
padding : 0 10px 10px 10px ;
background:url(images/pattern.jpg) repeat-x left center ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
display : inline-block ;
width : 140px;
height : 245px ;
}

div.press img
{
float : left ;
margin : 5px 15px 5px 0 ;
}

.admin-form label
{
display : inline-block ;
width : 160px ;
}
.admin-form
{
font-size : 10px ;
}

.admin-form fieldset
{
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
margin : 10px 0;
}

.boutique
{
margin : 0 10px 10px 0 ;
border-bottom : 1px dashed silver ;
padding : 0 0 10px 0 ;
overflow : hidden ;
font-style : italic ;
width : 350px ;
display : inline-block ;
}

.boutique:nth-child(even)
{
margin : 0 -10px 10px 0 ;
}

.boutique img
{
float : left ;
margin:0 20px 0 0 ;
padding : 3px ;
border : 1px solid #23A301 ;
}

.boutique span a
{
color : #fff ;
background:DimGray ;
display : inline-block ;
-moz-border-radius :  3px ;
-webkit-border-radius : 3px;
border-radius : 3px;
font-weight : bold ;
padding : 3px ;
text-decoration:none ;
font-size : 10px ;
}

.boutique span a:hover, .boutique span a:focus
{
color : DimGray ;
background:#fff ;
}

#overflowBuvable
{
position : fixed;
top:-10px;
_position : absolute;
background:url(images/black80.png);
background:rgba(0, 0, 0, 0.7) ;
z-index:10000000;
width:100%;
height:103%;
text-align:center ;
}

#overflow
{
width : 520px ;
margin : 70px auto ;
padding : 20px ;
color : #fff ;
text-align : left ;
position : relative ;
background : rgba(255,255,255,0.4);
border-radius : 15px ;
-moz-border-radius : 15px ;
-webkit-border-radius : 15px ;
-o-border-radius : 15px ;
-khtml-border-radius : 15px ;
}

#overflow h1
{
margin : 0px 0 40px 0 ;
font-size : 18px ;
padding : 100px 0 0 0 ;
}

#overflow a
{
color : #fff ;
}

#overflowBuvable img
{
display : block ;
margin : 0 0 7px 0 ;
border : 10px solid #fff ;
border-radius : 10px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
-khtml-border-radius : 10px ;
}

#closeDiv
{
text-decoration:none;
display:block;position : absolute;z-index:10000000000000;height:18px; width:48px;background:url(images/close.png) no-repeat left top;
color : #fff ;
font-weight : bold ;
font-size : 12px ;
font-style:italic ;
text-indent:-5000px ;
height : 40px;

right: -1px ;
top : 21px ;
}

#neplus
{
font-size : 11px ;
text-decoration : none ;
}



/* Roundabout ***************************/

#round
{
     bbbackground :url(images/diapo/bg.png) no-repeat left bottom ;
    margin:0;
    padding:20px 0 ;
    text-align:center ;
    height :350px ;
    overflow :hidden ;
}
#myRoundabout
{
    height : 350px ;
   width: 550px ;
    padding:px 0 0 0;
    margin:0px auto 30px auto;
}
   .roundabout-holder {
				list-style: none;
				//width: 40em;
				ffheight: 10em;
				ffmargin: 1em auto;
			}
			
			.roundabout-moveable-item {
				height:350px;
				width: 214px;
				cursor: pointer;
			}
			
			.roundabout-moveable-item img {
				width: 100%;
			}
			
			.roundabout-in-focus {
				cursor: auto;
                ggheight :500px ;
			}
			
			
.newshop
{
float:left ;
text-align : center ;
width : 150px ;
height : 400px ;
font-size : 14px ;
vertical-align : bottom ;
margin : 40px 0 40px 30px ;
border-bottom : 1px dotted silver ;
}

.newshop a
{
color : #23A301 ;
text-shadow : 0 0 2px silver ;
text-decoration:none ;
font-style : italic ;
}

.pagination
{
font-size : 10px ;
display : inline-block ;
margin : 0 2px 0 0 ;
color : dimgray ;
}
