BODY
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: #6B6B6B; 
text-decoration: none;
background: #FFF;
margin: 5px 5px 0 0;
}

table
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: #6B6B6B; 
text-decoration: none;
background : #FFFFFF;
text-align: left;
}
.tabletitre {BACKGROUND-COLOR:#E5EBF1;border-collapse: collapse;BORDER:#C0C0C0 1px solid;font-weight:bold;}
.tablecontgris {BORDER:#C0C0C0 1px solid;background-color: #F8F8FA;}
.tablefondgris {background-color: #F8F8FA;}

.cellule1 {background : #E9E9F3;}
.cellule2 {background : #FFFFFF;}

A {COLOR:#004080;TEXT-DECORATION: none;}
A:hover {COLOR:#dd2299;TEXT-DECORATION:underline;}

.none {FONT-SIZE:11px;COLOR: #6B6B6B; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;font-weight:normal;}
.none A {COLOR: #6B6B6B;TEXT-DECORATION: none;}
.none A:hover {COLOR:#6B6B6B;TEXT-DECORATION:none;}

.defliens {FONT-SIZE:10pt;COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;font-weight:normal;}
.defliens A {COLOR: #336699;TEXT-DECORATION: none;}
.defliens A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

.defliens2 {FONT-SIZE:11px;COLOR: #336699; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;font-weight:normal;}
.defliens2 A {COLOR: #336699;TEXT-DECORATION: none;}
.defliens2 A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

.defliens3 {FONT-SIZE:11px;COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;}
.defliens3 A {COLOR: #336699;TEXT-DECORATION: none;}
.defliens3 A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

.lientitre {FONT-SIZE:13px;COLOR: #006600; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;font-weight:normal;}
.lientitre A:link {COLOR:#006600;TEXT-DECORATION: none;}
.lientitre A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

.menuseletc {FONT-SIZE:10pt;COLOR: #FF6600; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-decoration :none;font-weight:bold;}
.menuseletc A {COLOR: #FF6600;TEXT-DECORATION: none;}
.menuseletc A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

.cadre {BACKGROUND-COLOR:#ffffff;BORDER:#336699 1px solid;FONT-SIZE:11px;COLOR:#000000; FONT-FAMILY: Verdana,Arial,Helvetica;text-decoration :none;font-weight:normal;}

.tableau {border-style:solid; border-width:1px; BORDER-COLLAPSE: collapse;}

.cadretitre {BACKGROUND-COLOR:#C0D2EC;BORDER:#336699 1px solid;FONT-SIZE:11px;COLOR:#000000; FONT-FAMILY: Verdana,Arial,Helvetica;text-decoration :none;font-weight:normal;}

.cadredotted {border-collapse: collapse; border: 1px dotted #336699;}

input.champ {BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-SIZE: 8pt; BACKGROUND: #FFFFFF; MARGIN-BOTTOM: 1px; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif}
input.submit {border: 1px solid #336699; background-color: #f2f5f7; background-image: url('/images/bg_submit.gif')}
textarea.champ {BORDER:1px solid #CCCCCC; FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif}
select.champ {FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.Area_Back_Top
{
	background-image: url(/images/area_white_top.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 8px;
	font-size: 0px;
}
.Area_Back_Top .Area_Left
{
	background-image: url(/images/area_white_top_left.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	height: 8px;
	width: 6px;
}
.Area_Back_Top .Area_Right
{
	background-image: url(/images/area_white_top_right.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	height: 8px;
	width: 6px;
}
/*############ Entete      ############*/
/*############################################*/

#cadregeneral {
background-color: #fff;
border: 1px solid #336699; 
border-collapse: collapse;
width: 790px;

}
#conteneur {
width: 100%;
	padding: 0px; 
	margin: 0px;
	border-collapse: collapse;
}

#logo{
	text-align: left;
	float:left;

}
#pubgoogle{
   	float:right;
   	height: 50px;
   	margin: 18px 5px 0 0;

}
.tdlienentete{
border-right: 1px solid #336699;
}
#lienentete{
	margin: 0px;
	padding: 2px 2px 0 0;
    border-bottom: 1px solid #336699;
    border-top: 1px solid #336699;
    text-align: left;
    height: 20px;
    clear: both;
   	background-image: url('/images/bg-menu-haut.gif');
    FONT-SIZE:10px;COLOR: #CCC; 
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    text-decoration :none;
    font-weight:normal;}
#lienentete A:link {TEXT-DECORATION: none;font-weight:bold;}
#lienentete A:hover {TEXT-DECORATION:underline;font-weight:bold;}
#lienentete A:visited {TEXT-DECORATION:none;font-weight:bold;}
}
#lienentete2{
	margin: 0 5px 5px 0;
	padding: 2px 0 0 0;
    text-align: left;
    FONT-SIZE:8px;
    COLOR: #000; 
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    display: inline-block; 
    text-decoration :none;
    font-weight:normal;}
#lienentete2 A:link {TEXT-DECORATION: none;font-weight:bold;}
#lienentete2 A:hover {TEXT-DECORATION:underline;font-weight:bold;}
#lienentete2 A:visited {TEXT-DECORATION:none;font-weight:bold;}
}
/*############ Page acceuil       ############*/
/*############################################*/

#products {
BORDER: 1px dotted #336699; 
BORDER-COLLAPSE: collapse;
width: 100px;
background-color: #fff;
text-align: center;
}
#products img {
BORDER: 0px; 
text-align: center;
}
#products2 {
BACKGROUND-COLOR: #eaf1e2
	height: 75px;
	width: 190px;
}
#mainservice h1 { 
	color:#336699;
	padding: 2px; 
	margin: 3px;
	background-color: #fff;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}
#mainservice h2, h3, h4 { 
	color:#FF6600;
	padding: 2px; 
	margin: 3px;
	background-color: #fff;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}
#maindefault h1, h2, h3, h4 { 
	color:#336699;
	padding: 2px; 
	margin: 3px;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#cadre-gris {
    margin: 2px;
    height: 190px;
    border: 1px solid #FADAEE;
    font-weight: normal; 
    font-size: 11px; 
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;

}

#cadre-gris h1, h2, h3, h4 { 
	padding: 2px; 
	margin: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#cadre-gris img { 
vertical-align: middle;
display: inline-block; 
}

#cadre-gris2 {
    padding: 5px;
    margin: 2px;
    height: 230px;
    border: 1px solid #C0C0C0;
    font-weight: normal; 
    font-size: 11px; 
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: middle;

}

#cadre-gris2 A {COLOR: #336699;TEXT-DECORATION: none;font-weight: bold;}
#cadre-gris2 A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

#cadre-gris3 {
    padding: 5px;
    margin: 2px;
    height: 1OO%;
    border: 1px solid #FADAEE;
    font-weight: normal; 
    font-size: 11px; 
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: middle;
    display: inline-block;

}

#cadre-gris3 A {COLOR: #336699;TEXT-DECORATION: none;}
#cadre-gris3 A:hover {COLOR:#FF6600;TEXT-DECORATION:underline;}

#dliens A {COLOR:#009933;TEXT-DECORATION: none;}
#dliens A:hover {TEXT-DECORATION:underline;}

#divh1 h1     { 
	padding: 2px; 
	margin: 3px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#div2h1 h1 { 
	padding: 0px; 
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: inline;
}
#menu-gauche { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
text-align: left;
}
#menu-gauche a { 
font-size: 7pt;
}
#liste-categorie { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
}
#liste-categorie a { 
font-size: 7pt;
}

#divimage { 
margin:0px 20px 0px 20px; width:225px; height:135px; display: table; _position: relative; overflow: hidden; text-align: center;
}
#divimage2 { 
 _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;
}
#imageposition { 
_position: relative; _top: -50%; _left: -50%;
}

/*############ Menu déroulant gauche ############*/
/*###############################################*/

    .click-menu {
        -moz-user-select: none;
    }
    .click-menu .box1go {
        background: url("/images/arrow_go.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .click-menu .box1go, .click-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 11px;
    }
    .click-menu .box1go a {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .box1go a:hover {
        color: #0000ff;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .box1 {
        background: url("/images/tree-node.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .click-menu .box1-open {
        background: url("/images/tree-node-open.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .click-menu .box1, .click-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 11px;
    }
    /* mozilla fix */
    html>body .click-menu .box1,
    html>body .click-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 11px;
        line-height: 16px;
        padding-bottom: 1px;
    }
    /* ie fix */
    * html .click-menu .box1,
    * html .click-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 11px;
        height: 16px;
    }
    .click-menu .section {
        font-family: arial;
        font-size: 11px;
        line-height: 16px;
        display: none;
    }
    .click-menu .section a {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .section a:hover {
        color: #0000ff;
        text-decoration: none;
        white-space: nowrap;
    }
    .click-menu .box2 {
        background: url("/images/tree-leaf.gif") no-repeat;
        padding-left: 19px;
    }
    .click-menu .box2-last {
        background: url("/images/tree-leaf-last.gif") no-repeat;
        padding-left: 19px;
    }