/* CSS Document 

bleu foncé : #163959
gris : #cccccc
gris police : #617c8f

*/

/******** Section de correction de bug de tinyMCE **********/

body.mceContentBody {
background:#FFFFFF;
}

p {margin:0; padding: 0;} 

/************** structure generale*********************/

html, body, #content, #globale,#ban_gche, #contenu{
min_height : 760px;
_height : 760px;
}

body {
background: url(../images/bg_web/bg_klr.jpg) repeat;
font-family : verdana;
color : #617c8f;
padding : 0px;
margin : 0px;
}


#content {
width : 800px;
margin : auto;
margin-top : 0px;
border-right : 1px solid #617c8f;
border-left : 1px solid #617c8f;
background-color : #ffffff;
font-size: 11px;
}

#ban_gche {
width : 220px;
/*border : 1px solid green;*/
}

#contenu {
width : 580px;
}

#contenu_info {
padding : 20px;
}

#globale {
width : 800px;
height : 760px;
_height : 760px;
}

#footer  {
text-align : center;
padding : 10px 0px;
color : #848484;
height : 20px;
}


#div_footer {
width : 800px;
margin : auto;
margin-bottom : 10px;
}

#img_footer {

text-align : right;
width : 184px;
_width : 180px;
}

.picto_footer {
float : left;
width : 46px;
_width : 45px;
}

#footer_rond {
height : 10px;
width : 802px;
margin : auto;
margin-bottom : 10px;
}

.legend {
font-weight : bold;
font-size: 12px;
background:url(../images/bg_web/puce_triangle.gif) left no-repeat;
padding-left : 5px;
margin-left:5px;
}

table {
	border-collapse: collapse;
	border-spacing:0px;
	border:0px none;
}
/********** etiquette bandeau **********/
#etikette {
width : 220px;
height : 400px;
}

#etikette_gch {
background: url(../images/bg_web/ombre_etikette_gch.jpg) right repeat-y;
float:left;
width : 18px;
height:400px;
}

#etikette_dte {
background: url(../images/bg_web/ombre_etikette_dte.jpg) left repeat-y;
height:400px;
float:left;
width : 18px;
}

#etikette_middle {
float:left;
width : 184px;
height : 400px;
border-bottom :1px solid #cccccc;
}

#etikette_gch_ht, #etikette_dte_ht {
height : 139px;
}

.etikette_nav_bar_dte, .etikette_nav_bar_gch {
height:23px;
padding : 0px;
margin : 0px;
}

#logo, #illustr_etikette {

}

#connex {
font-weight : bold;
padding : 10px;
} 

.tab_connex {
width : 100%;
height : 90px;
}
.col_left_bord{
width : 18px;
}

#td_col_left {
vertical-align : top;
}

#col_left {
width : 184px;
vertical-align:top;
padding : 0px;
}

#div_col_left {
margin-top : 50px;
_margin-top : 0px;
}


#bando {
height : 139px;
width : 580px;
vertical-align: text-bottom;
}

#nav_bar {
width : 580px;
height:23px;
background: url(../images/bg_web/bg_menu_bar.jpg) left repeat-x;
}

.td_nav_bar,  .td_nav_bar a, .td_nav_bar a:visited{
height : 23px;
padding : 0px 3px;
color : #000000;
font-weight: bold;
font-size:10px;
text-decoration : none;
}

.td_nav_bar a:hover {
color : #000000;
font-weight: bold;
font-size:10px;
text-decoration : underline;
}

/**** titre **********/
h1 {
color : #617c8f;
font-weight : bold;
font-size: 15px;
background:url(../images/bg_web/puce_triangle_big.jpg) no-repeat;
background-position :  0% 20%;
padding: 0px 10px 15px 10px;
border-bottom : 1px dotted  #D50024;
margin-bottom : 15px;
vertical-align:top;

}

h2 {
color : #163959;
font-weight : bold;
font-size: 12px;
background:url(../images/bg_web/puce_triangle.gif) left no-repeat;
padding-left : 10px;
}

h3 {
color : #617c8f;
font-weight : bold;
font-size: 12px;
margin : 10px;
background:url(../images/bg_web/puce_triangle-ca.jpg) left no-repeat;
padding-left : 10px;
}

h4 {
font-weight : bold;
text-decoration : underline;
margin:5px 0px;
font-size: 11px;
}

h5 {
font-weight : bold;
text-decoration : none;
margin:5px 0px;
font-size: 11px;

}

input.btn {
background-color:#E3E3E3;
color:#617C8F;
border :1px solid #6794a6;
margin : 5px
}

/********** liens ************/
a img{
border : none;
}

a {
text-decoration : none;
color : #617c8f;
/*font-size: 12px;*/
}

a:hover {
text-decoration : none;
color : #163959;
/*font-size: 12px;*/
}

a:active {
text-decoration : none;
color : #617c8f;
/*/font-size: 12px;*/
}

a:focus {
text-decoration : none;
color : #163959;
/*font-size: 12px;*/
}

a:visited {
text-decoration : none;
color : #617c8f;
/*font-size: 12px;*/
}

.desc_cat {
padding-left:10px;
padding-right:10px;
text-align: justify;
}

.link_cat a{
color : #757477;
font-weight:bold;
}

.link_cat a:hover {
color : #757477;
font-weight:bold;
font-size : 12px;
}

.link_cat a:active {
color : #757477;
font-weight:bold;
}

.link_cat a:focus {
color : #757477;
font-weight:bold;
}

.link_cat a:visited  {
color : #757477;
font-weight:bold;
}

/***********engagement****************/
#engag_tab td{
padding : 5px;
}

.engag_picto {
width : 35px;
margin:0;
padding:0;
}

.cadre_engag {
 width : 250px;
 clear : both;
}

.engag_middle {
height : 140px;
}

.engag_suite {
margin:0;
padding:0;
text-align:right;
}

.engag_ul {
padding-left : 0px;
padding-left : 20px !important;

padding-right : 12px;
text-align : justify;
}

/************** listes ***************/
ul li {
list-style-image : url(../images/bg_web/puce_triangle-ca.jpg);
margin-bottom:5px;
}

/*********cadres images**********/
.cadre_ht_gch{
background:url(../images/bg_web/cadre_ht_gch.gif) top left no-repeat;
width : 12px;
float : left;
}

.cadre_ht_dt {
background:url(../images/bg_web/cadre_ht_dt.gif) top right no-repeat;
width : 12px;
float : right;
}

.cadre_bas_gch {
background:url(../images/bg_web/cadre_bas_gch.gif) top left no-repeat;
width : 12px;
clear : left; 
float: left;
}

.cadre_bas_dt {
background:url(../images/bg_web/cadre_bas_dt.gif) top right no-repeat;
width : 12px;
float : right;

}

/********* CATALOGUE ************/
.pair {
background-color : #f6f6f6;
}

.impair {
background-color : #ffffff;
}

#resultats td{
padding : 5px;
}

.pagination {
text-align : center;
margin : 5px;
}

/******************detail catalogue *********************/
.det_tt{
font-weight : bold;
}

.det_sstt {
font-weight : bold;
color:#757477;
margin : 0px 5px 10px 0px;
}

.det_desc {
text-align:justify;
}

.det_tarifs_abo {
background-color : #e9e9e9;
}

.det_tarif {
font-weight : bold;
color : #617c8f;
font-size : 15px;
}

.det_tarif_autre {
background:url(../images/bg_web/det_tarif_fd.jpg) top no-repeat;
width:170px;
height : 43px;
}

.det_ligne_acc {
padding-left : 20px;
background:url(../images/bg_web/puce_rond.gif) left no-repeat;
margin : 5px 5px 5px 10px;
text-align:left;
width : 100%;

}

/***********************************************/
.ac_tab {
border : 1px solid #cccccc;
}

.ac_tab .row_lib {
background-color : #cccccc; 
padding : 3px;

}

/******* PANIER ET COMMANDE ***********/
.div_cachee {
display:none;
background-color:#EEEEEE;
border:1px solid #747577;
}

/********* ADMINISTRATION ADRESSES ************/
.adresses_table {
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}
.adresses_table td { white-space:nowrap; font-size:10px; border-right:1px solid #617C8F }


/********* CONTACT ************/
.contact {
	width:300px;
	border:1px solid #617C8F;
	border-collapse:collapse;
	margin-left:50px;
	white-space:nowrap;
}