@font-face {
	font-family: Colaborate;
	src: url(fonts/pt_sans_narrow.eot);
	src: local("Colaborate"),
		 url(fonts/pt_sans_narrow.ttf) format("opentype");
}
body {
    margin:0px;
    padding: 0px;
    text-align:left;
}

body, table, input, textarea {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#7E6C59;
}
h1, #c #c1 h3{
	font-size:18px;
	font-family: Colaborate, Arial, sans-serif;
	color:#6c5a47;
	margin:1em 0 1em 30px;
	border-bottom:1px solid #b6ada3;
	font-weight:normal;
	line-height:1.25em;
/*
    visibility: hidden;
    display:none;
*/
}
h1 span {color:#3d3b3a;}


a img {
    border: 0;
}

form {
    margin:0;
    padding:0;
    display:inline;
}
legend {
	color:#7E6C59;
}
p {
    margin:3;
    padding:0;
}

#menu_logo{
    text-align: left;
    margin: 0;
    padding: 0;
}

#frame {
    background: url(../images/tile_droite_menu.gif) repeat-x 0px 77px;
    width:auto;
    margin:0;
    padding:0;
    text-align:left;

}
.signature{
    display: none;
}

#h {
    /*background-: url(../images/tile_droite_frame.gif) repeat-x top left;
    clear: both;
    position: absolute;
    left: 0px;
    top: 76px;*/
    width: auto;
    margin: 0px;
    padding: 0px;
    height: 75px;
}
#h img{
    position:relative;
    border: 0px;
}

#b {
    background-color: #f3ede6;
    background-image: url(../images/tuile_gauche.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#c {
    position: relative;
    padding:0px;
    margin:0px;
    width: 783px;
    text-align:left;
    background: url(../images/tuile_droite.gif) top repeat-x;
}
.menu_second{
    background-color: #FFFFFF;
}

#c #c1 {
    width: 191px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
    background-color: #FFFFFF;
}
#c #c1 h3 {
	margin-right:5px;
	margin-left:0px;
	text-align:right;
}

#c #c2 {
    float: left;
    width: 592px;
}

#c #c2 div.contenu {
    margin: 0px 0 30px 0px;
    padding: 0;
    color: #7e6c59;
}
#c #c2 div.accueil h1{
	margin-bottom:0;
}

#c #c2 div.contenu address.apropos,
#c #c2 div.contenu div.apropos
{
    margin: 0 0 15px 45px;
    padding: 0;
    color: #7e6c59;
}

#c #c2 div.contenu h3{
    margin-left: 30px;
    font-size: 8pt;
    color: #7e6c59;
}
#c #c2 div.contenu h2{
    font-size: 12px;
    font-weight: bold;
	text-align:left;
    color: #7e6c59;
	margin:10px 0;
}


#c #c2 div.contenu ul.services, li{
    margin: 5px 5px 5px 30px;
    padding: 0;
    color: #7e6c59;
}

#c #c2 .contenu ul.catalogue_accueil {
    margin: 4px 0 0 0;
    padding: 0;
    float: left;
}

#frame #b #c #c2 div.contenu div.catalogue {
    padding: 0;
    margin: 0 0 0 2px;
    border: 0;
}
#c #c2 .contenu ul.catalogue.homepage {
    position: relative;
    top: 0;
    width: 315px;
    padding: 10px 0 0 0;
    margin: 0 0 0 30px;
    border: 0;
}
div.contenu ul.catalogue.homepage li {
    position: relative;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#frame #b #c #c2 div.contenu div.catalogue div.elem {
    position: relative;
    float: left;
    width: 265px;
    list-style: none;
    padding: 0 0 15px 30px;
    margin: 0;
}
#frame.contact #b #c #c2 div.contenu div.catalogue div.colDroite {
    padding-left:10px;
	width: 285px;
}

#c #c2 div.catalogue div.elem h3 {
    color: #6c5a47;
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    font-size: 10px;
}

#c #c2 div.catalogue div.elem img{
    float: left;
    margin: 0 10px 0 0;
}

/* Case de prix */

#frame #b #c #c2 div.contenu div.catalogue div.elem span.CND{
    position: relative;
    float: left;
    padding: 0 3px 0 3px;
}
#frame #b #c #c2 div.contenu div.catalogue div.row{width:100%; overflow:hidden;}
#frame #b #c #c2 div.contenu div.catalogue div.elem div {
    position: relative;
    float: left;
    width: 62px;
    padding: 0 4px 0 0 ;
    border: 1px solid #d7cec4;
    border-bottom: 0;
    background-color:#fff;
    text-align:right;
}


div.cashCaseDetail img{
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0;
}
div.cashCaseDetail {
    position: relative;
    float: left;
    width: 64px;
    padding: 0;
    margin: 0 0 0 15px;
    border: 1px 1px 0 1px solid #d7cec4;
    background-color:#fff;
    text-align:right;
}

#frame #b #c #c2 div.contenu div.conteneur img.bouAcheter{
    margin: 0;
    padding: 0;
}
#frame #b #c #c2 div.contenu div.catalogue div.elem div img.bouAcheter{
    margin: 0;
    padding: 0;
    border: 0;
}
#c #c2 ul.catalogue_test li span {
    width: 100px;
    padding: 0 0 0 25px;
    text-align:right;
    border: 1px solid #d7cec4;
    background-color:#FFfffF;
}

#c #c2 ul.catalogue_details {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#c #c2 ul.catalogue_details li span {
    width: 100px;
    padding: 0 0 0 25px;

    text-align:right;
    border: 1px solid #d7cec4;
    background-color: #fff;
}
ul.caracteris   {
    margin: 10px 0 0 10px;
    padding: 0px;
}
ul.caracteris li {
    padding-left: 0px;
    list-style: disc;
}

ul.caracteris li h3 {
    margin-top: 10px;
    padding: 0px;
    list-style: none;
}
.caracteristiques    {
    width: 250px;
    float:left;
    margin: 10px 0 0 0px;
    padding: 0px;
}
	.caracteristiques p  {
	margin: 1em 0;
	}
	.caracteristiques a:link {
		text-decoration: underline;
		color: blue;
	}
	.caracteristiques a:visited {
		text-decoration: underline;
		color: purple;
	}
	.caracteristiques a:hover {
		text-decoration: underline;
		color: blue;
	}
	.caracteristiques a:active {
		text-decoration: underline;
		color: red;
	}

.conteneur  {
    width: 265px;
    float: left;
}
.sou_section    {
    margin: -25px 0 15px 30px;
    padding: 0px;
}
.sou_section.under  {
    margin: 0;
}
.square_cash    {
    margin-left: 30px;
    padding-left: 25px;
    border: 1px solid #d7cec4;
    background-color: white;
}
.image  {
    padding: 10px 10px 10px 30px;
}

.big_image  {
    width: 300px;
    float: left;
}
.top_code{
    background-color: #d7cec4;
    border: 1px solid #d7cec4;
    width: 100px;
    margin-left: 30px;
}
.bottom_code    {
    background-color: #FFFFFF;
    border: 1px solid #d7cec4;
    width: 100px;
    margin-left: 30px;
}

div.prod_descript   {
    margin: 10px 0 0 30px;
}
    #c #c2 div.contenu form.admin {
        display: block;
        padding: 10px;
        margin-left: 25px;
    }
    #c #c2 div.contenu form.admin h3 { margin-left: 0; }
    #c #c2 div.contenu form.admin fieldset {
        margin-bottom: 15px;
    }
	
    #c #c2 div.contenu form.admin fieldset div {
        margin: 5px 0 5px 0;
    }
    #c #c2 div.contenu form.admin input,
    #c #c2 div.contenu form.admin select {
        font-size: 11px;
    }
    #c #c2 div.contenu form.admin label  {
        float: left;
        padding-top: 3px;
        width: 120px;
    }
    #c #c2 div.contenu form.admin select,
    #c #c2 div.contenu form.admin input  {
        width: 300px;
    }
    #c #c2 div.contenu form.admin input.ignore  {
        width: auto;
    }
    #c #c2 div.contenu form.admin.manageCategories table td.category {
        padding-top: 10px;
        font: 17px tahoma, verdana, sans-serif;
    }
    #c #c2 div.contenu form.admin.manageCategories table tr.subcategory td,
    #c #c2 div.contenu form.admin.manageCategories table tr.item td {
        padding: 5px 0 0 0;
    }
    .subat_c2,
    .item_c4,
    .subcat_c3,
    .item_c3 {
        width: 20px;
        text-align: center;
    }
    .item_c5 {
        width: 210px;
    }

    .nouvelles_details p {
        display: inline;
    }


    #c #c2 div.contenu ul.news {
        margin: 10px 0 0 30px;
        padding: 0;
        list-style: none;

    }
    div.nouvelles_details{
        padding: 0 0 10px 45px;
    }
    #c #c2 div.contenu ul.news li {
        margin: 0;
        padding: 0;
        border-bottom: thin;
    }
    #c #c2 div.contenu ul.news li h3 {
        margin: 0px;
    }
    #c #c2 div.contenu ul.news li h3 a {
        text-decoration: none;
        color: #7e6c59;
    }
    #c #c2 div.contenu ul.news li p{
        margin: 0 0 15px 0;
    }
#f {
    padding: 20px 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    /*position:relative;*/
    width: 780px;
    text-align:right;
    color: #CCC;
}

a:link , a:visited, a:hover, a:active{
    text-decoration:none;
    color: #7e6c59;
}

/* ----- Section Accueil ------ */

div.entete_produit{
    width: 350px;
	float:left;
}

div.nouvelles h3{
    margin: 0px;
    padding: 0px;
}

div.nouvelles{
    width: 240px;
    margin:  0px;
    padding: 0px;
    float: right;
    clear: right;
}

div.nouvelles_conteneur img{
    margin:  0px;
    padding: 0 5px 0 0;
    float: left;
}

    div.nouvelles_conteneur img.next_info{
        margin: 0 0 10px 0;
        text-align: right;
        float: right;
    }

div.nouvelles_conteneur {
    margin: 0px;
    padding: 10px 0 0 30px;
}


.nouvelles_details {
    font-size: 7pt;
    margin: 0;
    padding: 0 20px 5px 30px;
}

div.bienvenue{
    float: left;
    vertical-align: top left;
    width: 350px;
    background-color: #f7f4ef;
    margin: 30px 0 0 0;
    padding: 20px 0 30px 0;
}

div.bienvenue h3{
    padding: 0px;
    margin: 0px;
}
div.motbienvenue {
    font-size: 7pt;
    margin: 0px;
    padding: 0 20px 0px 30px;
}
div.contenu div.entete_nouvelles    {
    float: right;
    clear: right;
}

div.monPanier{
    position: absolute;
    left:696px;
    top: 58px;
}

div.menuEnglish{
    position: absolute;
    top: 60px;
    left: 543px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.menuFrancais{
    position: absolute;
    top: 60px;
    left: 525px;
    margin: 0;
    padding: 0;
    border: 0;
}

/* --------- Menu ------- */
    ul.CGDynamicMenu.topRight {
        text-align: left;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.CGDynamicMenu.topRight li {
        float: left;
        margin: 0;
        padding: 0;
        height: 17px;
    }
    ul.CGDynamicMenu.topRight li img {
        height: 17px;
        border: 0;
        padding: 0;
        margin:0;
    }
    ul.CGDynamicMenu.topLeft {
        height: 117px;
        top: 0;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
        background-color:#be9c78;
    }
    ul.CGDynamicMenu.topLeft li {
        /*background-color: blue;*/
        margin: 0 0 3px 0;
    }

    ul.CGDynamicMenu.bottomLeft {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }
    ul.CGDynamicMenu.bottomLeft li {
        margin: 0 0 3px 0;
    }

/* -------------------------- */
.courrielsCentre {
	width:240px;
	margin:20px auto 0 auto;
	overflow:hidden;
}
table.rejoindre     {
    /*margin-left: 45px;*/
    width: 285px;
    color: #7e6c59;
}

table.rejoindre td.gauche   {
    width: 160px;
    color: #6c5a47;
}
table.rejoindre td.droite   {
    width: 125px;
    color: #7e6c59;
	text-align:right;
}
div.basket table     {
    margin-left: 30px;
    width: 562px;
    border-collapse: collapse;
}
div.basket table     tr td { text-align: center; }
div.basket table     td.thumbnail {
    width: 85px;
}
div.basket table     td.code {
    width: 75px;
}
div.basket table     td.name {
    text-align: left;
    font-weight: bold;
}
div.basket table     td.qqt,
div.basket table     td.qqt input {
    width: 50px;
}
div.basket table     td.unitPrice,
div.basket table     td.totalPrice {
    width: 70px;
    text-align: right;
}
div.basket table     td.totalPrice {
    font-weight: bold;
}
div.basket table     tr.title td { font-weight: bold; }
div.basket textarea {
    height: 45px;
}
div.basket textarea,
div.basket input {
    width: 300px;
}
div.basket label {
    margin-left: 15px;
    display: block;
    width: 80px;
    float: left;
    padding-top: 3px;
}
div.basket input.ignore {
    width: auto;
}


.petitLien{
    font-size: 7pt;
    color:#6c5c4d;
    text-align:right;
    margin-left: 30px;
    text-decoration:underline;
    float: right;
}

/* --------- Search ------- */
#search {
    position:absolute;
    top:-35px;
    width:200px;
    text-align:right;
    vertical-align:top;
}

#search #q {
    color:#9F7A52;
    border:solid 1px #B8A596;
}

*+html #search #btnSearch {
	padding:1px 0 0 0;
}
*html #search #btnSearch {
	padding:1px 0 0 0;
}

div.ieaffichage {
	margin:-9px 0 0 0;
	text-align:right;
}

*html div.ieaffichage {
	margin:-12px 0 0 0;
	text-align:right;
}

*+html div.ieaffichage {
	margin:-12px 0 0 0;
	text-align:right;
}

div.ieaffichage2 {
	margin:-9px -92px 0 0;
}

*html div.ieaffichage2 {
	margin:-13px -92px 0 0;
}

*+html div.ieaffichage2 {
	margin:-13px -92px 0 0;
}

a.pdf {
	background:url(../images/icons/pdf.png) top left no-repeat;
	padding-left:20px;
	display:block;
	height:16px;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

	.error,
	.notice,
	.success    			{ margin-left: 30px; padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

	.error      			{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     			{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    			{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    			{ color: #8a1f11; }
	.notice a   			{ color: #514721; }
	.success a  			{ color: #264409; }

/* Product listing
-------------------------------------------------------------- */
#adminListing{
	width:100%;
	margin-top: 10px;
	border: 1px solid #BE9C78;
	border-spacing: 0px;
}

#adminListing thead td{
	font-weight: bold;
	color: white;
	background-color: #7e6c59;
}

#adminListing .colIcon{
	width: 16px;
}

#adminListing .row1 td{
	background-color: #ffffff;
}

#adminListing.row2 td{
	background-color: #FFF9F2;
}

#adminListing tr.recordChanged > td{
	font-weight:bold;
	color: #2A782B;
	background-color: #DEFFCD;
}

#no-result{
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #BE9C78;
	background-color: white;
}

#menuCategorization{
	list-style: none;
	padding: 0 5px;
	margin:1em 0;
}
#menuCategorization li{
	margin:0 0 0 15px;
	padding:3px;
}

#menuCategorization li.niveau3{
	margin:0 0 0 28px;
}

#menuCategorization li a:hover{
	color:#000000;
}
#menuCategorization .menuAll{
	font-weight:bold;
	background-color: #BE9C78;
	margin:0;
	padding-left:18px;
}
#menuCategorization .menuAll a {
	color:#FFFFFF;
}

#menuCategorization .menuSelectedCategory{
	font-weight:bold;
	background: #e3d7c9 url(../images/arrowBullet_brown2_5px.gif) 10px 7px no-repeat;
	color: white;
	margin:2px 0;
	padding-left:18px;
}

#menuCategorization .menuSelectedSubcategory{
	font-weight:bold;
	background: #F3EDE6 url(../images/arrowBulletNiv2_brown2_5px.gif) 20px 7px no-repeat;
	color: white;
	margin:2px 0;
	padding-left:30px;
}

#menuCategorization .menuSelectedFinal{
	font-weight:bold;
}

/* pageNavigator
--------------------------------------------------------------- */

	.pageNavigator					{ height:22px; z-index:5; font-size:12px; margin:10px 0; display:block; clear:both;}
	.pageNavigator div				{ float:right; right:30px; }
	.pageNavigator div span,
	.pageNavigator div a			{ float:left; font-size:11px; padding:3px; display:block; color:#000; font-weight:normal; }
	.pageNavigator div a:hover		{ color:#5d1c1d; }
	.pageNavigator div a.selected	{ font-size:16px; color:#5d1c1d; font-weight:bold; }

/* NAVIGATEUR DE PAGES */
.navContainer{
	overflow: hidden;
	padding: 5px 31px 5px 10px;
	height: 20px;
}
.nbelement{
	float: left;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #484539;
	padding-left: 27px;
}
.navigator{
	float: right;
	height: 20px;
}
.navigator form,
.navigator select,
.navigator a,
.navigator span{
	float: left;
	display: block;
	height: 20px;
	padding: 0 0 0 5px;
	line-height: 20px;
}
.navigator form{
	margin: 0;
	padding: 0;
}
.navigator select{
	padding: 0;
    margin: 0 0 0 5px;
    height: 20px;
    font-size: 10px;
}
.navigator a.move.extreme-left,
.navigator a.move.immediate-left,
.navigator a.move.immediate-right,
.navigator a.move.extreme-right {
    width: 16px;
}
.navigator a.move span {
    display: none;
}
.navigator a.move.extreme-left {
    background:url(/images/control_start.png) right 2px no-repeat;
}
.navigator a.move.immediate-left {
   background:url(/images/control_rewind.png) right 2px no-repeat;
}
.navigator a.move.immediate-right {
   background:url(/images/control_fastforward.png) right 2px no-repeat;
}
.navigator a.move.extreme-right {
    background:url(/images/control_end.png) right 2px no-repeat;
    margin-right: 0;
}
.navigator a.move.inactive {
    opacity: 0.2;
    filter:alpha(opacity=20);
}