body  {
behavior:url(http://search.okisurf.com/csshover.htc);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
background-color:#CCC;
color:#333333;
background-image:url(http://search.okisurf.com/design/body-bg.gif);
background-repeat:repeat-x;

}

#header {
background-color:#006699;padding-bottom:5px;background-image:url(http://search.okisurf.com/design/entete-bg-bottom.gif);background-repeat:repeat-x;background-position:bottom;
}
#header img {vertical-align:middle;margin:0 5px 0 5px;}
#legend {width:179px;padding:2px 0 2px 0;float:right;background-color:#EDEDED;text-align:center;color:#999;margin-right:1px;}


#top_logo  {width:180px;vertical-align:bottom;background-color:#006699;color:#FFF;font-size:30px;text-align:center;font-weight:bold;
background-image:url(http://search.okisurf.com/design/entete-bg-left.gif);
background-repeat:no-repeat;background-position:top left;}
#top_title {padding:5px 0px 5px 10px;background-color:#006699;color:#FFF;font-size:14px;
background-image:url(http://search.okisurf.com/design/entete-bg-right.gif);
background-repeat:no-repeat;background-position:top right;}

.menu_top td {background-color:#FFFFFF;border-right:1px solid #006699;border-top:1px solid #006699;text-align:center;}
.menu_top a {padding:4px 10px 4px 10px;text-decoration:none;}
.menu_search a {display:block;color:#006699;background-image:url(http://search.okisurf.com/design/entete-round-left.gif);background-repeat:no-repeat;background-position:bottom left;}
.menu_search a:hover {background-color:#006699;color:#FFFFFF;}
.menu_shop a {display:block;color:#CC6633;background-color:#FFF;}
.menu_shop a:hover {background-color:#CC6633;color:#FFFFFF;}
.menu_meet a {display:block;color:#ba9b7b;background-color:#FFFFFF;}
.menu_meet a:hover {background-color:#ba9b7b;color:#FFFFFF;}
.menu_news a {display:block;color:#990000;background-color:#FFFFFF;}
.menu_news a:hover {background-color:#990000;color:#FFFFFF;}
.menu_mail a {display:block;color:#009999;background-color:#FFFFFF;}
.menu_mail a:hover {background-color:#009999;color:#FFFFFF;}
.menu_home a {display:block;color:#444444;background-color:#FFFFFF;}
.menu_home a:hover {background-color:#444444;color:#FFFFFF;}

form  {margin:0px;padding:0px;}
form input, select, textarea {font-size:11px;border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;}
form textarea {font-size:11px;border:1px solid #CCC;padding:2px;font-family:Arial, Helvetica, sans-serif;}
form div  {padding:2px;}
.bouton {cursor:pointer;background-color:#006699;color:#FFFFFF;}
.bouton:hover {background-color:#FFFFFF;color:#006699;}
.radio  {border:none;cursor:pointer;}

#container  {margin:10px;}
#menu_g  {width:180px;margin:0px;padding:0px;}
#menu_d  {width:180px;margin:0px;padding:0px;}
#helper  {width:180px;margin:0px;padding:0px;}

.colonnes div.ouidow_head {cursor:move;}
.ouidow {margin:0 0 10px 0;width:100%;}
.ouidow_head { padding:5px;margin:0px;color:#FFFFFF;font-weight:bold;
background-image:url(http://search.okisurf.com/design/ouidow-head-bg.gif);background-repeat:no-repeat;}
.ouidow_head_img {float:right;cursor:pointer;margin-right:2px;}
.ouidow_content {background-color:#FFFFFF;padding:0px;padding-bottom:5px;border:1px solid #CCCCCC;border-bottom:none;border-top:none;background-image:url(http://search.okisurf.com/design/ouidow-bottom.gif);background-repeat:repeat-x;background-position:bottom;}
.ouidow_content a {text-decoration:none;color:#006699;}
.ouidow_content a:visited {text-decoration:none;color:#006699;}
.ouidow_content a:hover {color:#666;text-decoration:underline;}

.bloc_cat  {padding:0 5px 0 5px;}
.bloc_cat a {text-decoration:none;color:#000000;}
.bloc_cat a:visited {text-decoration:none;color:#000000;}
.bloc_cat a:hover {text-decoration:underline;color:#006699;}

.placeholder {border:1px dashed #999999;margin:0px;padding:0px;width:180px;}

.ouiLinks a {display:block;padding:2px;text-decoration:none;color:#000000;background-color:#FFFFFF;}
.ouiLinks a:visited {background-color:#FFFFFF;color:#000000;}
.ouiLinks a:hover {background-image:url(http://search.okisurf.com/design/cell-head.gif);background-repeat:repeat-x;background-color:#EDEDED;color:#000000;text-decoration:none;}
.ouiLinks a:active {background-image:url(http://search.okisurf.com/design/cell-head.gif);background-repeat:repeat-x;background-color:#EDEDED;color:#000000;}

.ssLinks {background-color:#CCCCCC;}
.ssLinks a {display:block;padding:2px 2px 2px 5px;text-decoration:none;color:#000000;background-color:#EDEDED;}
.ssLinks a:visited {background-color:#EDEDED;color:#000000;}
.ssLinks a:hover {color:#006699;text-decoration:none;}


.navi  {background-color:#006699;padding:5px;font-weight:bold;color:#FFF;}
.navi a  {color:#FFFFFF;}
.navi a:visited  {color:#FFFFFF;}
.navi a:hover {color:#000000;}

.titre {padding:5px 5px 5px 5px;font-size:12px;font-weight:bold;background-color:#EDEDED;background-image:url(http://search.okisurf.com/design/cell-head.gif);background-repeat:repeat-x;}
.titre_link a {color:#000000;font-weight:bold;font-size:12px;display:block;padding:5px 5px 5px 10px;text-decoration:none;background-color:#EDEDED;border-bottom:none;background-image:url(http://search.okisurf.com/design/cell-head.gif);background-repeat:repeat-x;}
.titre_link a:visited {color:#000000;background-color:#EDEDED;background-image:url(http://search.okisurf.com/design/cell-head.gif);background-repeat:repeat-x;}
.titre_link a:hover {color:#006699;background-color:#CCCCCC;text-decoration:underline;background-image:url(http://search.okisurf.com/design/cell-head-hover.gif);background-repeat:repeat-x;}

.bloc  {padding:5px;}
.bloc_gris  {padding:5px;background-color:#EDEDED;}
.content_cell {background-color:#EDEDED;border:1px solid #CCCCCC;}

.info {display:none;z-index:1;position:absolute;margin-top:20px;margin-left:0px;border:1px solid #999999;background-color:#FFFFFF;width:150px;padding:2px;font-weight:normal;}

img  {border:none;}
.show_image {position:absolute;margin-left:75px;display:none;z-index:100;border:1px solid #CCCCCC;cursor:pointer;}

h1  {font-size:16px;margin:0px;}
hr  {border:1px solid #ccc;}

.prix  {font-size:14px;color:#006699;font-weight:bold;}
.prix_barre {text-decoration:line-through;}

.info_prod  {border-bottom:1px solid #CCC;margin:5px 0 5px 0;padding-bottom:5px;}

.p_link_off  {border:1px solid #999999;background-color:#CCC;color:#FFFFFF;padding:0 3px 0 3px;margin:4px;}
.p_link  {text-align:center;}
.p_link a {border:1px solid #999999;background-color:#EDEDED;color:#000000;padding:0 3px 0 3px;margin:4px;}
.p_link a:visited {background-color:#EDEDED;color:#000000;}
.p_link a:hover {background-color:#CCC;color:#FFFFFF;text-decoration:none;}

