/* LES CLASSES */
.tbgen {
width: 100%;
margin: auto;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background-color: #ffffff;
}


.tbldescrip {
width: 90%;
margin: auto;
text-align: center;
vertical-align: top;
border-top: 1px solid #B9DFDC;
border-bottom: 1px solid #B9DFDC;
border-left: 1px solid #B9DFDC;
border-right: 1px solid #B9DFDC;
background-color : #FFFFFF;
}

.tbpantop {
width: 350px;
text-align: center;
background-image: url(../images/imagespages/pantop.gif);
background-repeat: no-repeat;
}


.tdinfopan{
width: 106px;
height: 19px;
padding-left: 18px;
}

.Ainfopan:link, .Ainfopan:visited {
display: block ;
width: 96px;
height: 19px;
background-image: url('../images/imagespages/pantopbouton.jpg');
background-repeat : no-repeat;
background-position: top left;
}
.Ainfopan:active, .Ainfopan:hover {
display: block ;
width: 96px;
height: 19px;
background-image: url('../images/imagespages/pantopbouton.jpg');
background-repeat : no-repeat;
background-position: top right;
}

.tdinfocpte{
width: 106px;
height: 19px;
padding-left: 22px;
}
.Ainfocpte:link, .Ainfocpte:visited {
display: block ;
width: 96px;
height: 19px;
background-image: url('../images/imagespages/cptetopbouton.jpg');
background-repeat : no-repeat;
background-position: top left;
}
.Ainfocpte:active, .Ainfocpte:hover {
display: block ;
width: 96px;
height: 19px;
background-image: url('../images/imagespages/cptetopbouton.jpg');
background-repeat : no-repeat;
background-position: top right;
}

.tdinfocontact{
width: 30px;
height: 19px;
padding-left: 10px;
}
.Ainfocontact:link, .Ainfocontact:visited {
display: block ;
width: 68px;
height: 19px;
background-image: url('../images/imagespages/contacttopbouton.jpg');
background-repeat : no-repeat;
background-position: top left;
}
.Ainfocontact:active, .Ainfocontact:hover {
display: block ;
width: 68px;
height: 19px;
background-image: url('../images/imagespages/contacttopbouton.jpg');
background-repeat : no-repeat;
background-position: top right;
}

.tdlogotop{
height: 21px;
text-align: right;
padding-right:20px;
background-image: url(../images/imagespages/menubacktop.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

.tdlogomiddle{
background-image: url(../images/imagespages/menubackmiddle.jpg);
background-repeat: no-repeat;
height: 21px;
}
.tdlogomiddlebis{
height:10px;
background-image: url(../images/imagespages/menubackmiddle2.jpg);
background-repeat: repeat;
width:100%;
}

.tdlogobottom{
height: 4px;
background-image: url(../images/imagespages/menubackbottom.jpg);
background-repeat: no-repeat;
}
.tdlogobottombis{
height: 4px;
background-color: #B9DFDC;
background-repeat: repeat;
}

.c12brevegauche{
width: 250px;
font-family: Georgia, Tahoma, Helvetica, Geneva, sans-serif;
color: #818181;
font-size: 12px;
text-indent: 50px;
text-align: left;
vertical-align: top;
line-height: 20px;
padding-top: 20px;
border-right: 3px solid #B9DFDC;
}

.c12breve{
font-family: Georgia, Tahoma, Helvetica, Geneva, sans-serif;
color: #818181;
font-size: 12px;
text-indent: 50px;
text-align: left;
vertical-align: top;
line-height: 20px;
padding-top: 20px;
padding-left: 10px;
}
/*la fiche article */

.tabficheart{
width: 100%;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
text-decoration: none;
vertical-align: middle;
border-top: 0px solid #2A6871;
background-color : #FFFFFF;
}

.colgaucheart{
width: 20%;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 13px;
color: #6C8376;

text-align: center;
vertical-align: top;
padding-top: 10px;
border-right:  1px solid #6B979F;
}

.cellcentreart{
width: 60%;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 13px;
color: #000000;
text-align: center;
vertical-align: top;
padding-top: 0px;
border-top:  1px solid #6B979F;
border-right:  1px solid #6B979F;
}
/* les formulaires déroulants */

.formderoul {
width: 100%;
font-family: Verdana, Helvetica, Geneva, sans-serif;
color: #2A6871;
font-size: 10px;
text-align: left;
text-decoration: none;
vertical-align: top;
border-left: 1px solid #2A6871;
border-right: 1px solid #2A6871;
border-bottom: 1px solid #2A6871;
background-color : #FFFFFF;
}

.baraide {
width: 600px;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
vertical-align: top;
padding-left: 10px;
background-color :#D4EAE3;
}

.texaide {
width: 600px;
font-family: Verdana, Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000000;
text-align: left;
}

.tdgauche {
width: 20%;
height: 400px;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000000;
text-align: left;
vertical-align: top;
padding-top: 10px;
border-right: 1px solid #6C8376;
background-position: right;
background-repeat: repeat-y;
}
.tdcentre {
width: 50%;
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
vertical-align: top;
padding-top: 10px;
background-color: transparent;
}


.tdunique {
width: 85%;
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000000;
text-align: center;
vertical-align: top;
padding-top: 10px;
background-color: transparent;
text-align: center;
}


/* LES MISES EN FORMES */


.tease {
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #7EA87E;
text-align: center;
margin-top: 0;
margin-bottom: 0;
background-color: transparent;
}

.menu {
font-size: 12px;
text-align: left;
padding-left: 2px;
margin-bottom: 8px;
vertical-align: middle;
}

.menu:first-line {
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 14px;
color: #376D77;
text-align: left;
}

.photo {
font-size: 11px;
text-align: center;
padding-left: 2px;
margin-bottom: 8px;
vertical-align: middle;
}

.search{
font-size: 11px;
font-family: Tahoma, Geneva, sans-serif;
color: #000000;
text-align: left;
padding-left: 2px;
margin-bottom: 8px;
vertical-align: middle;
}


.tabchoix {
font-size: 11px;
text-align: center;
padding-left: 2px;
margin-bottom: 8px;
vertical-align: top;
}

.tabchoix:first-line {
font-size: 13px;
color: #7EA87E;
text-align: left;
}

/* TEXTE TABLEAU PANIER */
.texttab {
width: 60%;
font-family: Tahoma, Verdana, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
padding-left: 0px;
margin-top: 0;
margin-bottom: 0;
background-color: transparent;
}

.texttabpart {
width: 60%;
font-family: Tahoma, Verdana, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
padding-left: 0px;
margin-top: 0;
margin-bottom: 0;
background-color: #c0c0c0;
border: 1px solid #000;
}


.prix {
font-family: "Comic Sans MS", Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 13px;
color: #CC3399;
text-align: center;
vertical-align: middle;
background-color: transparent;
}

.titpan {
height: 30px;
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 14px;
color: #000000;
text-align: center;
vertical-align: middle;
background-color: #DBF5E6;
border-top: 2px solid #6B979F;
}

.colpan {
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #000000;
font-weight:normal;
text-align: center;
vertical-align: middle;
border-bottom : 1px solid #6B979F;
}

.cellpan {
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 10px;
color: #000000;
text-align: center;
vertical-align: middle;
border-right : 1px dotted #d6dbdb;
border-bottom : 1px solid #6B979F;
}


.tabcomp {
height: 20px;
font-family: Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #515151;

text-align: center;
vertical-align: middle;
background-color: #DBF5E6;
}


.piepan {
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-align: center;
vertical-align: middle;
background-color: #DBF5E6;
}

.spepan {
font-family: Verdana, Tahoma, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000000;
text-align: right;
font-weight: bold;
vertical-align: middle;
background-attachment:fixed;
}