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 ;
}

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_header.jpg) no-repeat left top ;
background-color : #CC0000 ;
-moz-border-radius :  8px;
-webkit-border-radius : 8px ;
border-radius :  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 ;
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 15px ;
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:15px ;
font-weight : bold ;
text-decoration : none ;
letter-spacing:1px ;
}

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

}

div#content
{
margin : 0 0 20px 275px ;
---background-color:#CC0000 ;
min-height : 400px ;
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 : #CC0000 ;
}
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 ;

}

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 : 147px ;
}

div#left h1, div#admin_left h1
{
font-size : 18px ;
color : #CC0000  ;
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 : #CC0000 ;
}

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 #CC0000 ;
-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 : #CC0000;
border : 1px solid #CC0000 ;
}

input[type=submit]:active
{
color : DimGray ;
background-color : #fff;
border : 2px inset #CC0000 ;
}
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 #CC0000 ;
}

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 #CC0000 ;
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 #CC0000 ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
color : #CC0000 ;
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 : #CC0000 ;
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 : #CC0000 ;
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 10px 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 : 27% ;
height : 165px ;
}

div.press img
{
float : left ;
margin : 10px 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 : 42% ;
display : inline-block ;
}

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

.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 ;
}