/* CSS Document */
/* www.iris-interactive.fr */

body {
	background:#000000 url(../images/body.gif) repeat-x center top;
	margin:0;
	padding:0;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
}

#page {
	width:558px;
	margin:5px auto;
	padding:0;
	text-align:left;
}
html>body #page {
	margin:10px auto;
}


#header {
	background:url(../images/header.jpg) no-repeat center top;
	height:209px;
	margin:0;
	padding:0;
}
#header h1 {
	position:absolute;
	left:-999em;
}

#nav {
	background:url(../images/pix_gris.gif) repeat-x center bottom;
	margin:0;
	height:37px;
}

#nav ul {
	clear:both;
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
}
#nav li {
	background:url(../images/bg_nav_li.gif) no-repeat right top;
	display:inline;
	padding:0 15px 0 0;
	margin-right:2px;
}
html>body #nav li {
	padding:10px 15px 10px 0;
}

#nav li ul {
	position:absolute;
	display:none;
}
#nav li ul h2 {
	color:#FFCC00;
	font-size:16px;
	margin:0;
	padding:0 10px;
}
#nav li.sfhover ul{
	display:inline;
	margin:36px 0 0 0;
	padding:5px 0 0;
	background:#414042 url(../images/bg_li_ul.gif) no-repeat right top;
}
#nav li:hover ul{
	display:inline;
	margin:26px 0 0 0;
	padding:5px 0;
	background:#414042 url(../images/bg_li_ul.gif) no-repeat right top;
}
#nav li.sfhover ul li{
	display:block;
	background-image:none;
	text-align:left;
	font-size:11px;
	padding:1px 10px 5px 0;
}
#nav li:hover ul li{
	display:block;
	background-image:none;
	text-align:left;
	font-size:11px;
	padding:5px 10px;
}
#nav li ul:hover{
	display:inline;
}
#nav li.sfhover a, #nav li:hover a{
	color:#FFCC00;
}
#nav li.sfhover ul a, #nav li:hover ul a{
	color:#FFFFFF;
	display:block;
	background-image:none;
	padding:0;
}
#nav li.sfhover ul a:hover, #nav li:hover ul a:hover{
	color:#FFCC00;
	text-decoration:underline;
}

#nav a {
	background:url(../images/bg_nav_a.gif) no-repeat left top;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:10px 0 10px 15px;
}
#nav a:hover {
	color:#FFCC00;
}

#global {
	background:url(../images/global.gif) repeat-y center top;
	height:150px;
	margin:0;
	text-align:justify;
	padding:0 10px;
}
html>body #global {
	min-height:150px;
	height:auto;
}
.img_left {
	float:left;
	margin:0 5px 0 0;
}
.img_right {
	float:right;
	margin:0 0 0 5px;
}
#col1 {
	float:right;
	width:200px;
	margin:0;
	padding:0;
	text-align:justify;
}
#col2 {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	text-align:justify;
}
#global h2 {
	color:#FFCC00;
	font-size:16px;
	margin:0;
	padding:5px 0;
}
#global h2.bref {
	background:url(../images/bg_h2_bref.jpg) no-repeat right 5px;
	padding:29px 0 34px 0;
}
#global h3 {
	color:#FFCC00;
	font-size:13px;
	margin:0;
	padding:0 0 5px;
}
#global h3.teaser {
	background:url(../images/drapeaux.gif) no-repeat right bottom;
	color:#FFCC00;
	font-size:12px;
	margin:0;
	padding:10px 0 10px 0;
}
html>body #global h3.teaser {
	display:none;
}
#global p {
	margin:0;
	padding:0 0 10px 0;
}
#global dt {
	color:#FFCC00;
	margin:0;
	padding:0;
}
#global dd {
	margin:0;
	padding:0 0 0 20px;
}
#global table, tr, td, th {
	font-size:11px;
	vertical-align:top;
}
#global table tr.head {
	background-color:#414042;
}
#global table tr.pair {
	background-color:#6A6A6A;
}
#global table tr.impair {
	background-color:#000000;
}
#global table tr.pair.sfhover, #global table tr.impair.sfhover {
	background-color:#F4F4F4;
	color:#000000;
}
#global table#gamme tr.pair:hover, #global table#gamme tr.impair:hover {
	background-color:#F4F4F4;
	color:#000000;
}
#global table#gamme td, #global table#gamme td {
	padding:5px;
}
#global table#gamme tr.impair td span, #global table#gamme tr.pair td span, 
#global table tr.impair td span, #global table tr.pair td span {
	width:100%;
	text-align:right;
	float:right;
}
#global table tr.impair td span a, #global table tr.pair td span a {
	text-decoration:none;
	color:#FFCC00;
	padding-left:15px;
	background:url(../images/yellow_arrow.gif) no-repeat left 4px;
}
#global table#gamme tr.pair:hover td span a, #global table#gamme tr.impair:hover td span a, 
#global table tr.pair.sfhover td span a, #global table tr.impair.sfhover td span a {
	text-decoration:none;
	color:blue;
	background:url(../images/blue_arrow.gif) no-repeat left 4px;
}
#global table#gamme tr.pair:hover td span a:hover, #global table#gamme tr.impair:hover td span a:hover, 
#global table tr.pair.sfhover td span a:hover, #global table tr.impair.sfhover td span a:hover {
	text-decoration:underline;
	color:blue;
}
#global td , #global th {
	padding:5px;
}
#global a{
	color:#666666;
}
#global a.pdf{
	background:url(../images/pdf.gif) no-repeat left 4px;
	padding:5px 0 5px 20px;
	color:#666666;
	text-decoration:none;
}
#global a:hover{
	color:#FFCC00;
}
#col1 p {
	margin:0;
	padding:5px 0 10px 0;
}
#col1 p.produit {
	padding:0 0 0 75px;
	text-align:left;
}
#col1 p.ref {
	color:#FFCC00;
}
#col1 p.ref strong{
	color:#FFFFFF;
	font-weight:normal;
}
#col1 p.goute {
	background:url(../images/yellow.gif) no-repeat left 10px;
	text-indent:15px;
}
#col2 p.goute {
	background:url(../images/yellow.gif) no-repeat left 5px;
	text-indent:15px;
}
#col1 a:hover {
	color:#FFCC00;
}
#global p.more {
	margin:5px 0 0;
	padding:0 5px 5px;
	text-align:right;
	color:#666666;
}
#col2 p.more {
}
#col2 p.ind_vero, #col2 p.ind_andre, #col2 p.ind_pierre, #col2 p.ind_cedric, #col2 p.ind_side {
	display:block;
	float:left;
	width:33%;
	padding-top:100px;
}
#col2 p.ind_vero a, #col2 p.ind_andre a, #col2 p.ind_pierre a, #col2 p.ind_cedric a, #col2 p.ind_side a {
	margin-top:-100px;
	padding-top:100px;
	color:#FFF;
	width:106px;
}
#col2 p.ind_vero a:hover, #col2 p.ind_andre a:hover, #col2 p.ind_pierre a:hover, #col2 p.ind_cedric a:hover, #col2 p.ind_side a:hover {
	color:#FFCC00;
}
#col2 p.ind_vero {
	background:url(../images/team_vero.jpg) no-repeat left top;
}
#col2 p.ind_andre {
	background:url(../images/team_andre.jpg) no-repeat left top;
}
#col2 p.ind_pierre {
	background:url(../images/team_pierre6.jpg) no-repeat left top;
}
#col2 p.ind_cedric {
	background:url(../images/team_cedric3.jpg) no-repeat left top;
}
#col2 p.ind_side {
	background:url(../images/team_side.jpg) no-repeat left top;
}
#col2 form {
	margin:0;
	padding:0;
}
#col2 fieldset {
	border:1px solid #FFCC00;
	margin:0;
	color:#666666;
	padding:5px;
}
#col2 legend {
	color:#666666;
}
#col2 input, textarea {
	background-color:#CACACA;
	border-width:0;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	text-align:left;
	padding:1px 5px;
}


#spacer {
	clear:both;
}
.spacer {
	width:100%;
	clear:both;
	font-size:1px;
}

#foot {
	background:url(../images/pix_gris.gif) repeat-x center top;
	margin:0 0 10px 0;
	text-align:center;
	font-size:10px;
}
#foot ul {
	padding:10px 10px 0 0;
	margin:0;
	list-style:none;
}
#foot li {
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}
#foot li.valid_css {
	background:url(../images/valid_css2.gif) no-repeat center top;
	width:80px;
	float:left;
}
#foot li.valid_html {
	background:url(../images/valid_html401.gif) no-repeat center top;
	width:80px;
	float:left;
}
#foot li.valid_css a, #foot li.valid_html a {
	width:80px;
	height:15px;
	display:block;
}
#foot li.valid_css a:hover {
	background:url(../images/valid_css2_hover.gif) no-repeat center top;
}
#foot li.valid_html a:hover {
	background:url(../images/valid_html401_hover.gif) no-repeat center top;
}
#foot li a span {
	display:none;
}
#foot a {
	color:#CACACA;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}