/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////// STYLE CSS DE Thimon.Fr ///////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///// STYLE GENERAL /////////////////////////////////////////////////////////////////////*/

html, body   { background:#686868 url(../images/interface/motif_body.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.4em; font-weight:normal; color:#000; margin:0; padding:0;}
p {margin:0; padding:0;}

ul { margin:0; padding:0; list-style-image:url(../images/interface/puce.gif);}
ul.produits {margin:5px 0px 5px 15px;}
li.plan-1 { list-style-image:url(../images/interface/puce-bleu.gif);}
li { margin-left:30px; list-style-image:url(../images/interface/puce.gif);}



/*///// DIV ////////////////////////////////////////////////////////////////////////////////*/

   /*------->structure du site                           */
#conteneur {  width:910px; margin:auto; margin-top:10px; }
#conteneur-color { float:left; background-color:#FFFFFF;}
#bandeau {  width: 910px; height: 168px; }
#conteneur-gauche { float:left; width: 199px; padding-left:10px; }
#conteneur-central { float:left; width:621px; background-color:#FFFFFF; padding: 40px; height:630px; overflow-y: scroll; overflow: -moz-scrollbars-vertical; overflow-x:hidden;}
#conteneur-central-accueil { float:left; width:621px; background-color:#FFFFFF; padding: 40px;}
#footer { clear:both; width: 910px; height: 26px; color:#FFFFFF; padding-top:15px; margin-bottom:-5px; text-align:center; background: url(../images/interface/footer.gif) top left no-repeat;}

#english { float:right; margin:-25px 4px 0px 0px;}
#box-accueil { float:left; margin-top:20px; width:180px; color:#000000; line-height: 1.2em;background:#ECEDEE url(../images/interface/motif_box.gif) repeat-x bottom;}



    /*------->menu                           */

 #navcontainer
{
margin-top:30px;
background: #040B0F;
margin: 30px 0px 0px 10px;
border-top: 1px solid #B0B0B0;

}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
font: bold 11px Arial,Verdana, Geneva, Helvetica, sans-serif;
text-align: left;
margin-left:210px;
}

#navlist li
{
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}



#navlist a, #navlist a:link, #navlist a:visited
{
background: #B0B0B0;
border: 1px solid #B0B0B0;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

/*
#navlist a:hover
{
background: #858585;
border: 1px solid #858585;
color: #FFF;
}
*/

#navlist li#active
{
background: #040B0F;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}



#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #040B0F;
border-bottom: none;
border-left: 1px solid #B0B0B0;
border-right: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
bottom: 0;
color: #FFF;
cursor: pointer;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}

   /*------->sous-menu                           */

#sous-menu { margin: 10px 0px 15px 0px;}
#sous-menu  a { font-weight:bold; color:#000; text-decoration:none; text-indent:15px; display:block; background:url(../images/interface/puce-grise.gif) left no-repeat;}
#sous-menu  a:hover { background:url(../images/interface/puce-jaune.gif) left no-repeat;}
a#active-sous-menu  {background:url(../images/interface/puce-jaune.gif) left no-repeat;}
#active-sous-menu  {background:url(../images/interface/puce-jaune.gif) left no-repeat;}


#sous-menu2 { margin: 10px 0px 15px 0px; display:block;}
.sous-menu2 { padding:0px 0px 0px 15px; font-weight:bold; color:#000; display:block; text-decoration:none; display:block; background:url(../images/interface/puce-grise.gif) left no-repeat;}
a.active-sous-menu2  {background:url(../images/interface/puce-jaune.gif) left no-repeat;}
a.menu{ margin-left:10px; padding-left:4px; background:url(../images/interface/puce-sous-menu.gif) left no-repeat; display:block; text-decoration:none; }
a:hover.menu{ background:url(../images/interface/puce.gif) left no-repeat; color:#3C74AF; background:url(../images/interface/puce-sous-menu-hover.gif) left no-repeat;}

a.menu2{ margin-left:50px; color:#3C74AF; padding-left:15px; background:url(../images/interface/puce-bleu.gif) left no-repeat; display:block; text-decoration:none; }
a.menu3{ margin-left:15px; margin-right:30px; color:#3C74AF; padding-left:15px; background:url(../images/interface/puce-bleu.gif) left no-repeat; display:inline; text-decoration:none; }
a:hover.menu2{ text-decoration:underline;}

   /*------->contenus, elements du site                          */
   
               /*------->page accueil                         */
#actualites{ float:right; width:250px; height:222px; background-color:#E6E6E6; margin-left:10px; margin-bottom:10px; margin-top:10px;}
           
		    /*------->page actualites                         */
#actu{ margin-bottom:20px; }
#actu_image{ float:left; width:120x; }
	 
			   /*------->page produits listing                         */



              /*------->boutons                        */



/*///// IMAGES ///////////////////////////// //////////////////////////////////////////////*/

img.image_grise_gauche { margin:3px 10px 5px 0px; border: solid #5E5E5E 1px; }
img.image_grise_droite { margin:5px 0px 5px 10px; border: solid #5E5E5E 1px; }
img.image_grise { border: solid #5E5E5E 1px; }


/*///// STYLES DE TEXTE /////////////////////////////////////////////////////////////////////*/

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.gras {font-weight:bold;}
.gras_bleu {font-weight:bold; color:#3C74AF;}
.gras_vert {font-weight:bold; color:#5DAA71;}
.alinea-gras {font-weight:bold; margin-left: 10px;}
.violet-gras { font-size:12px; color:#8F4C99; margin-top:1.5em; margin-bottom:0.2em; font-weight:bold; }
.violet { color:#8F4C99;}
.bleu { color:#0E578B; text-decoration:none;}


.indent { margin-left:15px;}

p.titre-sous-menu { color:#FFF; font-weight:bold; background:#000; padding:2px 0px 2px 8px; margin:2px 0px 0px 0px; }
p.adresse { margin: 20px 0px 50px 0px; color:#3E3E3E; line-height:1.2em;}
p.legende {margin: 0.3em 0px 0px 0px; color:#5E5E5E; font-size:9px; line-height:1.3em;}
.legende {margin: 0.3em 0px 0px 0px; color:#5E5E5E; font-size:9px; line-height:1.3em;}

h1 { font-size:14px; font-weight:bold; color:#8F4C99; margin: 0em 0em 1em 0em}
h1.souligne{ font-size:14px; font-weight:bold; color:#8F4C99; margin: 0em 0em 0.6em 0em; background:url(../images/interface/trait-violet.gif) repeat-x bottom; padding-bottom:0.3em;}
h1.violet { font-size:12px; color:#8F4C99; margin-top:1.5em; margin-bottom:0.2em; font-weight:bold;}
h2{ font-size:13px; font-weight:bold; color:#3C74AF; margin-top:2em; margin-bottom:0.8em; padding-bottom:0.3em; background:url(../images/interface/trait-bleu.gif) repeat-x bottom;}
h3{ font-size:12px; font-weight:bold; color:#3C74AF; margin-top:1em; margin-bottom:0.2em;}


/*////// LIENS MENUS ////////////////////////////////////////////////////////////////////////*/



/*////// LIENS COURANTS ///////////////////////////////////////////////////////////////////////*/

a { font-style:normal; text-decoration:underline; color:#000;}
a:hover{text-decoration:none; }

#box-accueil a { text-decoration:none; }
#box-accueil a:hover { text-decoration:none; }

a.lien-gris { font-style:normal; text-decoration:underline; color:#3E3E3E;}
a:hover.lien-gris{ text-decoration:none; }

a.lien-bleu { font-style:normal; text-decoration:none; color:#3C74AF;}
a:hover.lien-bleu{ text-decoration:none; }

a.lien-bleu-gras { font-weight:bold; text-decoration:none; color:#3C74AF;}
a:hover.lien-bleu-gras{ text-decoration:none; }

#footer a { color:#FFFFFF; text-decoration:none;}
#footer a:hover { color:#FFFFFF; text-decoration:underline;}

.description { font-size:9px; }


/*////// INPUT, SELECT, TEXTAREA //////////////////////////////////////////////////////////////*/

input, option, select, textarea, file, submit{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#F3F3F3; border:#5E5E5E 1px solid;}
input.rechercher{ border: 1px solid #00549E; background-image:url(../images/ombre_recherche.gif); background-position:top left; background-repeat:no-repeat; margin-top:-1px; padding:0; }
input.radio{ background-color:#FFFFFF; border:	#FFFFFF 0px;}
input.bouton{ font-size:11px; color:#000;}
input.image { border:0; margin:0; padding:0;}

/*/////// GABARIT /////////////////////////////////////////////////////////////////////////////*/

.texte_optimise{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:12px;
}

.titre_optimise{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

.texte_optimise_annexe{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	font-weight:normal;
}

a.liens_annexes:active{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; font-weight:normal; text-decoration:none; }
a.liens_annexes:visited{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; font-weight:normal; text-decoration:none; }
a.liens_annexes:link{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; font-weight:normal; text-decoration:none; }
a.liens_annexes:hover{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; font-weight:normal; text-decoration:underline; }

a.liens_annexes_noir:active{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:normal; text-decoration:none; }
a.liens_annexes_noir:visited{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:normal; text-decoration:none; }
a.liens_annexes_noir:link{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:normal; text-decoration:none; }
a.liens_annexes_noir:hover{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:normal; text-decoration:underline; }