body {
  		background: url('images/site/fond2.gif'); 
  		background-repeat: repeat-xy; 
		background-color : #FFFFFF;
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        line-height: 24px;
		color: #FFFFFF;
		margin-top: 3;
		margin-left: 4;
		scrollbar-face-color:#669900;
		scrollbar-shadow-color: #CCCC99;
		scrollbar-highlight-color: #CCCC99;
		scrollbar-3dlight-color: #CCCC99;
		scrollbar-darkshadow-color: #CCCC99;
		scrollbar-track-color: #CCFF99;
		scrollbar-arrow-color: #FF6600;
}

textarea {
          font-family : Verdana,Arial,sans-serif;
          font-size : 11px;
          color : #FF6600;
          border-width : 1px;
          border-style : solid;
          background-color : #FFFFFF;
          border-color : #000000;
         }
.bouton {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
background-color: #CCFF99; border-style: solid;
border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px;
cursor:hand;
} 

.bouton2 {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
background-color: #FFFFFF; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 0px; border-left-width: 0px;
cursor:hand;
} 

.bouton3 {
font-family: Verdana,Arial,sans-serif;
font-size: 12px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
background-color: #99cc33; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 0px; border-left-width: 0px;
cursor:hand;
color : #FFFFFF;
}

.bouton4 {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
background-color: #FFFFFF; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 0px; border-left-width: 0px;
cursor:hand;
color : #0066FF;
text-align : right;
} 

.over1
  {
  overflow: auto;
  }
  
select {
        font-family : Verdana,Arial,sans-serif;
        font-size : 11px;
        color : #FF6600;
        border-width : 5px ;
        border-style : solid ;
        background-color : #FFFFFF;
		}
   

input {
       font-family : Verdana,Arial,sans-serif;
       font-size : 11px;
       text-decoration: none;
	   color: #FF6600;
       background-color : #FFFFFF;
       border : 1px solid #999966;
      }
td {
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        color: #666666;
}

.input2 {
       font-family : Verdana,Arial,sans-serif;
       font-size : 11px;
       text-decoration: none;
	   background-color : #CCFF66;
       color: #333333;
       border : 0px solid #000000;
	   text-align : center;
      }
.input3 {
       font-family : Verdana,Arial,sans-serif;
       font-size : 11px;
       text-decoration: none;
	   background-color : #FFFFFF;
       color: #FF6600;
       border : 0px solid #000000;
	   text-align : center;
      }	  
.td9 {
        font-size: 9px;
}	
.td6 {
        font-size: 8px;
}  
.special {
        font-size: 11px;
		background-color: #669933;
        color: #FFFFFF;
        text-align : center;
}
.specialg {
        font-size: 11px;
		background-color: #669933;
        color: #FFFFFF;
        text-align : left;
}

.speciald {
        font-size: 11px;
		background-color: #669933;
        color: #FFFFFF;
        text-align : right;
}
.specprom {
        font-size: 11px;
		font-weight: bold;
		background-color: #99CC00;
        color: #FFFFFF;
        text-align : left;
}
.gras {
        font-size: 14px;
        font-weight: bold;
        color: #336600;
}
.gras12 {
        font-size: 11px;
        font-weight: bold;
        color: #336600;
}
.bgras {
        font-size: 14px;
        font-weight: bold;
        color: #FF6600;
}
a {
        color: #3366CC;
        text-decoration: none;
}


.title {
        font-family: Verdana,Arial,sans-serif;
          font-size: 24px;
        line-height: 30px;
         background-color: #006666;
        color: #DCDCDC;
}

.subtitle {
        font-family: Verdana,Arial,sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
          color: #006666;
}

.header {
        font-family: Verdana,Arial,sans-serif;
        font-size: 24px;
        background-color: #006666;
          color: #DCDCDC;
}

.nav {
        font-family: Verdana,Arial,sans-serif;
        font-size: 14px;
         font-weight: bold;
        background-color: #CCCCCC;
}

.navLink {
        font-family: Verdana,Arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        background-color: #DEDECA;
}

.sidebar {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        line-height: 18px;
        padding: 3px;
        background-color: #FFFFFF;
}

.sidebarHeader {
        font-family: Verdana,Arial,sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
        background-color: #339999;
}

.sidebarFooter {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        line-height: 18px;
        background-color: #CCCCCC;
}

.footer {
          font-family: Verdana,Arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        color: #333333;
        background-color: #CCCCCC;
}

.legal {
        font-family: Verdana,Arial,sans-serif;
        font-size: 9px;
        color: #333333;
}

.box1 {
        border-color: #CCCCCC #333333 #333333 #CCCCCC;
        border-width: medium;
          border-style: ridge;
}

.promo {
        font-family: "Times New Roman", Times, serif;
        color: #000033;
}

.titlebar {
        font-family: "Times New Roman", Times, serif;
        font-size: 9px;
        color: #FFFFFF;
          background-color: #336699;
}

.dingbat {
        font-family: Verdana,Arial,sans-serif;
        background-color: #99CC99;
          color: #006666;
        font-weight: bolder;
        font-size: medium;
}

a:hover {
        text-decoration: underline;
}

input.big {
        width: 100px;
}

input.small {
        width: 50px;
}
TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFCCCC;
  color: #FF0000;
  text-align: center;
}

TD.headerInfo_sf {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #999999;
  text-align: center;
}
TD.qtgroupage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FF0000;
  text-align: center;
}





table.sortable thead {
    color:#666666;
    font-weight: bold;
    cursor: default;
}

.sortable table
{
	border: 1px outset black;
	border-collapse: collapse;
}

.sortable th
{
	border: 1px outset black;
	border-collapse: collapse;
	color: black;
	font-size: 11px;
	width: 50px;
	height: 20px;
	text-align: center;
}

.sortable td
{
	border: 1px black;
	width: 100px;
	height: 20px;
	text-align: center;
}


/*----- NOUVELLE PAGE ACCUEIL -------------------*/
#conteneur_accueil {
	width: 990px;
}

#pav_accueil {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#sepa {
	float: left;
	padding-top: 16px;
}

#sep_hor {
	text-align: center;
}

#clearer {
	clear:both;
}

#colh_pav_accueil {
	width: 208px;
	height: 110px;
	text-align: center;
	margin-left: -3px;
}

#colb_pav_accueil {
	width: 208px;
	margin-left: -3px;
	line-height: 10px;
}

hr.point {color:grey;border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px;}

/*-----------------------------------------------*/

/*---- ADMINISTRATION -----*/
#admin_nouve1 {
	width: 980px;
	float: left;
	margin-left: 10px;
}

#admin_nouve2 {
	width: 980px;
	float: right;
	margin-top: 25px;
	line-height: 30px;
}

#admin_flash{
	width: 970px;
	padding: 15px;
	line-height: 10px;
}

.submit_nouve {
	background-image: url('images/site/site2/ok-recherche.png');
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	border: none;
	margin-left: 5px;
}
/*-------------------------*/


/*----- NOUVELLE PAGE PANIER -------------------*/
#pav_panier {
	float: left;
	width: 174px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
}

#sepa_panier {
	float: left;
	padding-top: 16px;
	padding-left: 0px;
}

#sep_hor_panier {
	text-align: center;
}

#colh_pav_panier {
	width: 174px;
	height: 45px;
	text-align: center;
	margin-left: -10px;
}

#colb_pav_panier {
	margin-left: -10px;
}

.carousel-component {
	padding-top:20px;
	margin: 0 auto;
}
.carousel-component .carousel-list li { 
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover {
  padding:1px;
}

.carousel-component .carousel-list li img { 
	border:none;
	display:block; 
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									

#prev-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

#next-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}
/*--------------------------------------*/


.indicator {
	position: absolute;
	margin-top: -14px;
	margin-left: 230px;
}