/*------------------------------------------------------*
  *-------------    ICARE-NET.COM ---  CSS DECO  ----*
  *------------------------------------------------------*/

body {
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
	margin: 0px 0px 0px 0px;
	background-color: #000000;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/deco/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #333333;
}
img{
border:0px;
padding:0px;
margin:0px;
}
.img_lien_utile{
	float: left;
}

select{
	margin-left:15px;
	width:150px;
}
#general {
	width: 900px;
	left: 50%;
	margin-left: -450px;
	position: absolute;
	margin-top: 1px;
	background-image: url(../images/deco/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#indic{
	margin-top:0px;
	margin-bottom:18px;
	margin-left:autopx;
	margin-right:auto;
}
.indic{
	margin-left:38px;
}
#header {
	height: 154px;
	/*background-image: url(../images/deco/header.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
}
#retour_home {
	width: 154px;
}
#retour_home a {
	background-image: url(../images/deco/bt_home_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	display: block;
}
#retour_home a:hover {
	background-image: url(../images/deco/bt_home_on.gif);
}
#nav {
	height: 38px;
	background-image: url(../images/deco/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#boutons_nav {
	margin-left: 38px;
	width: 824px;
}



.sous_menu_gche{
	height:20px;
	padding-bottom:6px;
}

 /*------------------------------------------------------*
  *-------------    ICARE-NET.COM ---  CSS BOUTONS  ----*
  *------------------------------------------------------*/

.pres {
	width: 120px;
	height: 38px;
	float: left;
}
.pres a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_pres_off.gif);
	background-repeat: no-repeat;
}

.pres a:hover {
	background-image: url(../images/deco/presentation.jpg);
}

.prod {
	width: 90px;
	height: 38px;
	float: left;
}
.prod a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_prod_off.gif);
	background-repeat: no-repeat;
}

.prod a:hover {
	background-image: url(../images/deco/produit.jpg);
}


.ref {
	width: 105px;
	height: 38px;
	float: left;
}
.ref a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_ref_off.gif);
	background-repeat: no-repeat;
}

.ref a:hover {
	background-image: url(../images/deco/reference.jpg);
}


.bonplan {
	width: 100px;
	height: 38px;
	float: left;
}
.bonplan a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_bonplan_off.gif);
	background-repeat: no-repeat;
}

.bonplan a:hover {
	background-image: url(../images/deco/bonplan.jpg);
}

.actu {
	width: 100px;
	height: 38px;
	float: left;
}
.actu a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_actu_off.gif);
	background-repeat: no-repeat;
}

.actu a:hover {
	background-image: url(../images/deco/actualite.jpg);
}

.liens {
	width: 107px;
	height: 38px;
	float: left;
}
.liens a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_liens_off.gif);
	background-repeat: no-repeat;
}

.liens a:hover {
	background-image: url(../images/deco/lien.jpg);
}

.reseau {
	width: 118px;
	height: 38px;
	float: left;
}
.reseau a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_reseau_off.gif);
	background-repeat: no-repeat;
}

.reseau a:hover {
	background-image: url(../images/deco/reseau.jpg);
}

.contact {
	width: 84px;
	height: 38px;
	float: left;
}
.contact a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/deco/bt_contact_off.gif);
	background-repeat: no-repeat;
}

.contact a:hover {
	background-image: url(../images/deco/contact.jpg);
}











#separation {
	height: 18px;
	background-image: url(../images/deco/separation.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#footer {
	height: 56px;
	background-image: url(../images/deco/footer.jpg);
	background-repeat: no-repeat;
}
#rappel_adresse {
	background-color: #000000;
	color: #E4E1D1;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
	padding-bottom: 15px;
}
#rappel_adresse a {
	color: #989585;
	text-decoration: none;
}
#rappel_adresse a:hover {
	color: #E4E1D1;
}

.recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E4E1D1;
	border: 1px solid #CECCC0;
}
.texte_page {
	background-color: #F2F1EC;
	padding: 10px;
	text-align: justify;
}
#sous_menu {
	width: 152px;
}
#sous_menu a.basson {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_bass02.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}
#sous_menu a:hover.basson {
	background-image:url(../images/instrument/bg_ssmenu_bass01.jpg);
	
}
#sous_menu a.clarinette {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_clari01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}
#sous_menu a:hover.clarinette {
	background-image:url(../images/instrument/bg_ssmenu_clari02.jpg);
}
#sous_menu a.flute {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_flut01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}
#sous_menu a:hover.flute {
	background-image:url(../images/instrument/bg_ssmenu_flut02.jpg);
}
#sous_menu a.hautbois {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_haut01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}
#sous_menu a:hover.hautbois {
	background-image:url(../images/instrument/bg_ssmenu_haut02.jpg);
}
#sous_menu a.saxophone {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_saxo01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}
#sous_menu a:hover.saxophone {
	background-image:url(../images/instrument/bg_ssmenu_saxo02.jpg);
}

#sous_menu a:hover.cuivres {
	background-image:url(../images/instrument/bg_ssmenu_cui01.jpg);
}
#sous_menu a.cuivres {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_cui02.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}



#sous_menu a:hover.guitare {
	background-image:url(../images/instrument/bg_ssmenu_guit02.jpg);
}
#sous_menu a.guitare {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_guit01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}


#sous_menu a:hover.basson {
	background-image:url(../images/instrument/bg_ssmenu_guit02.jpg);
}
#sous_menu a.basson {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_guit01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}

#sous_menu a:hover.autres {
	background-image:url(../images/instrument/bg_ssmenu_autre02.jpg);
}
#sous_menu a.autres {
	display: block;
	width: 152px;
	height: 14px;
	margin-bottom: 1px;
	background-image:url(../images/instrument/bg_ssmenu_autre01.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	text-decoration: none;
	color: #333333;
	text-indent: 11px;
	padding-top: 4px;
	padding-left:25px;
}



#accesrapide{
	
}
.photo {
	margin-right: 5px;
}


form {
    margin: 0px;
    padding: 0px;
}

select {
	font-size: 10px;
	color: #000;
	background-color: #fff;
}

 /*------------------------------------------------------*
  *-----------------------------------     CSS IMAGES     ----*
  *------------------------------------------------------*/

 /*------------------------------------------------------*
  *-----------------------------------     CSS PAGES     ----*
  *------------------------------------------------------*/


.page{
	background-color: #E8AE00;
	width: 770px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666;
}




 /*------------------------------------------------------*
  *-----------------------------------     CSS TABLEAU     ----*
  *------------------------------------------------------*/

.tableau_1{
	background-color: #990000;
	border: thin solid #333;
	width: 300px;
}

.td_type_accessoire{
	border:1px;
	border-style:solid;
	border-color:#E4E1D1;

}

 /*------------------------------------------------------*
  *--------------------------     CSS BORD IMAGE / PUCES    ----*
  *------------------------------------------------------*/


.bord_image {
	border: 1px solid #000;
}

.bord_image_plan {
	border: 1px solid #000;
}

li {
	list-style-image: url(../images/deco/puce.gif);
}

 /*------------------------------------------------------*
  *-----------------------------------     CSS EFFETS     ----*
  *------------------------------------------------------*/

#zone_defilante {
	margin-top:5px;
	margin-left:5px;
	width: 370px;
	height: 250px;
	margin-bottom:5px;
	overflow: auto;
	}




.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
.submit {
	font-size: 10px;
}

 /*------------------------------------------------------*
  *---------------------------     CODE COULEURs     ----*
  *------------------------------------------------------*/
  
#general h2 {
	font-size: 14px;
	margin: 10px 0;
}





#nav_pages{
	margin: 12px 40px 0px 0;
	padding:0;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	float: right;
}

#div_pagination a{
	margin-left:1px;
	margin-right:2px;
	color: #000000;
	background-color: #E4E1D1;
	text-decoration: none;
	padding: 1px 3px;
	line-height: 14px;
	height: 14px;

}

#div_pagination a:hover{
	color: #ffffff;
	background-color: #E4E1D1;

}

#div_pagination a.text_page
{
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}

#div_pagination a.link_page
{
	font-weight: bold;
}

#div_pagination a.link_page:hover
{
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
/*css video*/
.content-video {
	width: auto;
	padding: 15px;
	background-color: #E4E1D1;
	margin: 10px 0;
}

.content-video object{
	float: left; 
	margin: 0 10px 10px 0;
	
	width:330px;
}
.content-video h2{
	font-size: 13px;
    margin: 15px 0;

}
.content-video p{
	color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;

}
.nav_pages {
	float: right;
	margin: 0 0 5px;
	font-size: 10px;
}
.nav_pages a{
	padding: 0 3px;
	border-bottom: 1px solid #333;
}
.nav_pages a:hover, .nav_pages a.menu_actif{
	color:#CC3300;
	border-bottom: 1px solid #CC3300;
}