/* Style CSS - 14/09/2006 - © Dopff au Moulin */
/*
  Couleurs utilisées :
	Textes			: #XXXXXX / #XXXXXX / #XXXXXX
	Liens			: #XXXXXX / #XXXXXX / #XXXXXX
	Liens:hover		: #XXXXXX / #XXXXXX / #XXXXXX
	Bordures & bg	: #XXXXXX / #XXXXXX / #XXXXXX
*/

/*-------------------- props communes ---------------------*/
html { margin: 0; padding: 0; overflow-x:hidden; width:100%; height:100%;}
BODY {
	width:100%;
	height:100%;
	margin:0px;
	text-align:left;
}

BODY, P, TD, DIV, SPAN, INPUT, TEXTAREA, H1, H2, H3, H4, H5, H6 { /* param par défaut */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px;
	padding:0px;
}

body {
	background:url("images/bg_contenu.png") top left repeat-x; background-color:#FAF8F1; /*background-attachment:fixed;*/
}

DIV {
	/*border:1px solid #ff0000;*/
}

UL { list-style-position:inside; list-style-type:square; margin:0px; padding:0px; }
LI { margin-left:10px; }

IMG { display:inline; vertical-align:middle; border:0; padding:0px; }

FORM { padding:0px; margin:0px; clear:none; display:inline; }

/* ##### Prop des liens ##### */
A { color:#888888; text-decoration:none; }
A:hover { color:#555555; text-decoration:none; }
.href_cache { display:none; }

/* ##### Prop des formulaires ##### */
FORM { padding:0px; margin:0px; border:0; }
INPUT, INPUT.normal, TEXTAREA, TEXTAREA.normal { border:1px #cccccc solid; padding:3px 4px; vertical-align: middle; margin:1px 0px; }
INPUT.submit { background-color:#FFFFFF; color:#666666; }
INPUT.radio { color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; border: none; vertical-align: middle; padding:0px; margin:0px;  width:11px; height:11px; margin-right:2px;}
SELECT { font-size:10px; color:#666666; border-top:1px #EEEEEE solid; border-left:1px #EEEEEE solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; background-color:#FFFFFF; padding:3px; margin:1px; vertical-align:middle; }
OPTION.selected { background-color:#E6ECEC; font-weight:bold; }

/* ##### Styles pour terminer le conteneurs #### */
.clear { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px;height:0px; visibility:hidden; overflow:hidden; border-width:0px; font-size:0px; }
HR.clear2 {	clear:both; border: 0;	color: #F1EFE2;	background-color: #F1EFE2; height: 1px; width: 100%; text-align: left; }


/*---------------------- FIN props communes -------------------------*/



/* ------------ STYLES DE L'EDITEUR HTML ---------------- */

/* ------------ STYLES DE L'EDITEUR HTML ---------------- */


/*----------- menu commun aux trois sites ------------*/
DIV#header_menu {
	width:100%;
	height:43px;
	background:url("images/bg_menu.png") top left repeat-x;
}

DIV#menu_content_fr {
	width:741px;
	height:43px;
	margin:0 auto;
	padding-left:39px;
	background:url("images/bg_menu.png") top left repeat-x;
}

DIV#menu_content_de {
	width:750px;
	height:43px;
	margin:0 auto;
	padding-left:30px;
	background:url("images/bg_menu.png") top left repeat-x;
}

DIV#menu_content_en {
	width:690px;
	height:43px;
	margin:0 auto;
	padding-left:90px;
	background:url("images/bg_menu.png") top left repeat-x;
}

DIV#menu_center {
	background:url("images/bg_menu.png") top left repeat-x;
}
DIV#menu_center ul {

}
DIV#menu_center ul li {
	list-style:none;
	float:left;
	margin:0 0 0 0;
}
DIV#menu_center ul li.sep {
	position:relative;
	margin:0 -20px 0 -20px;
	z-index:1000;
	background:url('images/moulin_menu.png') top left no-repeat;
	display:block;
	height:42px;
	width:33px;
}
DIV#menu_center ul li a {
	font-size:12px;
	font-family:"Tahoma";
	text-decoration:none;
	color:#FFFFFF;
	line-height:42px;
	display:block;
	padding:0 25px 0 20px;
}
DIV#menu_center ul li a:hover {
	text-decoration:none;
	color:#000000;
	background-color:#FFFFFF;
}

/*----------- props  des conteneurs ------------*/
DIV#conteneur_page {
	width:100%;
	height:100%;
}

DIV#conteneur0 {
	/*width:100%;*/
	width:780px;
	text-align:left; /* RAZ du align=center du conteneur_page */
	margin: 0px auto 0px auto; 
	position: relative;
	/*border:1px #ffccff solid;*/
	background:url("images/header_bg_defaut.png") top left repeat-x;
}

TABLE#table_class { background:url("images/header_bg.jpg") 181px 0px no-repeat; border:0; margin:0px; padding:0px; height:100%;  }

/*------ conteneurs à gauche --------*/

TD#col_left { width:181px; vertical-align:top; background:url("images/bg_left.gif") top left repeat-x; }

.div_logo img { line-height:0px; border:0px; display:block;  }


/*------ conteneurs à droite --------*/

TD#col_right {	width:100%;	background:url("images/bg_contenu.png") right 150px repeat-x;	min-height:150px;
				vertical-align:top; padding-top:100px; padding-left:15px; border:0px #ff5500 solid; }

/*original !*/
/*.div_coordonnees { float:right; margin-right:10px; margin-top:-50px; border:0px #99FF33 solid; white-space:nowrap; clear:right; color:#000000; font-size:9px; line-height:1.4em; text-align:right; }
.div_coordonnees a { color:#000000; }*/

/*modif !*/
.div_coordonnees {
border:0px #99FF33 solid; 
color:#9E9C95; 
font-size:9px; 
line-height:1.4em; 
text-align:center;
}
.div_coordonnees a { color:#8D8B84; }

.div_contenu {  
	width:565px; display:block;
	border:0px #FF9999 solid;
	float:left;
}


/*------ Styles de titres --------*/
H1.grdtitre { font-family:"Times New Roman", Times, serif; font-size:36px; line-height:1.5em; color:#3D3A49; display:block; }

H5.entete { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#ffffff; width:400px; float:left;  margin:0 0 0 156px; }
H4.titleft { font-family:"Times New Roman", Times, serif; font-size:20px; line-height:20px; color:#3D3A49; display:block; border-bottom:1px #CCCBCB solid; }
H3 { font-family:"Times New Roman", Times, serif; font-size:18px; line-height:1.3em; color:#A20C15; display:block; }

/* ------ style de titres avec sifr --------- */
H3.titre { font-size:24px; color:#A58E43; font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; line-height:1em;letter-spacing: -.05em; }
H4.sstitre2 { font-size:16px; color:#A58E43; display:inline; float:left; margin:0px; line-height:1.3em; }
H4.sstitre { font-size:16px; color:#A58E43; display:block; margin:0px; line-height:1.1em; }
/* ---------------------------------- */


/*------ Conteneur de langues --------*/
.div_langues { float:left; width:82px; line-height:9px; height:18px; border:0px #993399 solid; background:url("images/bg_langues.gif") top center no-repeat; text-align:center; display:block; }
.div_langues A.href_lang img {  padding-top:5px; }
.div_langues A.href_lang:hover img{  }

/*------ Conteneur de langues v2 --------*/
.div_langues2 { float:right; display:block; width:42px; height:17px; vertical-align:bottom; border:0px #993399 solid; background:url("images/bg_langues2.gif") top center no-repeat; text-align:center; margin:9px 7px 0px 0px; padding:0px; padding-bottom:3px; }
.div_langues2 A.href_lang { color:#CCCBCB; font-family:Arial, Helvetica, sans-serif; font-size:9px; display:block; line-height:17px; height:17px; vertical-align:middle; }
.div_langues2 A.href_lang:hover { color:#999999; }
.div_langues2 A.href_lang img {  padding:0px; margin:3px 0px 0px 6px; display:inline; vertical-align:middle; float:left; }
.div_langues2 .div_sel_lang { display:none; position:absolute; width:100px; border:1px #cccccc solid; border-bottom:0px; background-color:#FFFFFF; }
.div_langues2 .div_sel_lang A { display:block; border-bottom:1px #cccccc solid; line-height:20px; background:url("images/bg_langue_pop2.gif") top left repeat-x; font-size:10px; color:#888888; }
.div_langues2 .div_sel_lang A:hover { border-bottom:1px #cccccc solid; line-height:20px; background:url("images/bg_langue_pop.gif") top left repeat-x; color:#666666; }
.div_langues2 .div_sel_lang img { margin:0px; vertical-align:middle;}

/*------ Conteneur général, style a --------*/
.div_contenu_top_a { background:url("images/contenu_a_top.gif") top left no-repeat;	height:85px; }
.div_contenu_top_a div { padding-top:30px; padding-left:18px; }
.div_contenu_middle_a {	background:url("images/contenu_a_middle.gif") top left repeat-y; padding-left:20px;	padding-top:12px; padding-right:20px; color:#555555; }
.div_contenu_bottom_a {	background:url("images/contenu_a_bottom.gif") bottom left no-repeat; height:16px; }

/*------ Conteneur général, style b --------*/
.div_contenu_top_b { background:url("images/contenu_b_top.gif") top left no-repeat;	height:85px; }
.div_contenu_top_b div { padding-top:30px; padding-left:18px; }
.div_contenu_middle_b {	background:url("images/contenu_b_middle.gif") top left repeat-y; padding-left:20px;	padding-top:12px; padding-right:0px; color:#555555; }
.div_contenu_bottom_b {	background:url("images/contenu_b_bottom.gif") bottom left no-repeat; height:16px; }

/*------ Conteneur général, style b --------*/
.div_contenu_top_c { background:url("images/contenu_c_top.gif") top left no-repeat;	height:85px; }
.div_contenu_top_c div { padding-top:30px; padding-left:18px; }
.div_contenu_middle_c {	background:url("images/contenu_c_middle.gif") top left repeat-y; padding-left:20px;	padding-top:12px; padding-right:0px; color:#555555; }
.div_contenu_bottom_c {	background:url("images/contenu_c_bottom.gif") bottom left no-repeat; height:16px; }

.div_bottom_links {
	line-height:20px;
	background:url("images/bottom_links_bg.gif") center center no-repeat;
	font-size:10px; color:#777777;
	text-align:center;
}

.div_menu_navig {
	background:url("images/menu_bg.png") top left no-repeat;
	padding-top:4px;
}

.div_menu_navig UL { list-style-position:outside; list-style-type:none; padding-bottom:45px; background:url("images/menu_bg_bottom.gif") bottom left no-repeat; }
.div_menu_navig UL LI { padding:0px; margin:0px; clear:both; }
.div_menu_navig UL LI A { display:block; line-height:26px; vertical-align:middle; text-align:center; font-family:"Times New Roman", Times, serif; font-size:14px; color:#522D10; }
.div_menu_navig UL LI A:hover, .div_menu_navig UL LI A.actif  { color:#FFFFFF; background:url("images/menu_bg_over.gif") center left no-repeat; }

.div_newsletter {
	background:url("images/newsletter_bg2.png") top left no-repeat;
	min-height:220px;
	padding:0px 15px;
	font-size:10px;
	color:#999999;
}

.div_distributeurs {
	background:url("images/bg_distributeurs.png") top left no-repeat;
	height:80px;
	line-height:80px;
	vertical-align:middle;
	text-align:center;
}
.div_distributeurs_title {
	background:url("images/bg_distributeurs_title.png") top left no-repeat;
	height:40px;
	line-height:22px;
	vertical-align:middle;
	text-align:left;
	padding:8px 15px;
	font-size:17px;
	color:#928D96;
}
.ul_distributeurs { margin:0px; padding:0px; list-style:none; }
.ul_distributeurs LI { background:url("images/bg_distributeurs_bg.png") top left no-repeat; margin:0px; padding:8px 15px; line-height:1.4em; margin-bottom:8px;  }


.div_newsletter INPUT.text { width:94%; font-size:10px; }
.div_newsletter INPUT.submit { float:right; margin-top:3px; border:1px #CCCBCB solid; font-size:10px; }

.div_copyrights { text-align:center; padding-left:70px; }
.div_copyrights IMG.animaweb { 	display:inline;	float:right; vertical-align:top; }

.titre2 { font-weight:bold; font-size:11px; }


/* Page contact */
div.contact_form { width:300px; float:left; border-right:1px #cccccc solid; padding:5px; background:url("images/ecards_bg_2.png") bottom right no-repeat;  background-color:#FFFFFF;} 
div.contact_coord { width:210px; float:right; margin-bottom:10px; margin-right:1px; padding:0px; }
div.contact_coord P.coord { padding:5px; color:#A20C15; }
div.contact_gmaps { margin:0 auto; display:none; }
div.contact_gmaps a { color:#666666; }
div.contact_gmaps iframe { border:1px #cccccc solid; }

/* Ecards */
DIV.div_ecard 			{ float:left; display:inline; text-align:center; line-height:1.6em; margin-left:10px; margin-bottom:15px;  }
DIV.div_ecard A.cl1 		{ display:block; width:240px; height:240px; border:2px #DDDDDB solid; background-color:#FFFFFF; line-height:240px; vertical-align:middle; text-align:center; background:url("images/ecards_bg_1.png") bottom right;  }
DIV.div_ecard A.cl1:hover 	{ border:2px #D6D6D6 solid; background-color:#F7F8FB; background:url("images/ecards_bg_1_over.png") bottom right;  }
DIV.div_ecard A.cl2 		{ display:block; width:240px; height:240px; border:2px #DDDDDB solid; background-color:#FFFFFF; line-height:240px; vertical-align:middle; text-align:center; background:url("images/ecards_bg_2.png") bottom right;  }
DIV.div_ecard A.cl2:hover 	{ border:2px #D6D6D6 solid; background-color:#F7F8FB; background:url("images/ecards_bg_2_over.png") bottom right;  }
DIV.div_ecard_form 			{ display:block; border:2px #DDDDDB solid; background-color:#FFFFFF; padding:0px; }
DIV.div_ecard_view 			{ border:2px #DDDDDB solid; background:url("images/ecards_view_bg_1.png") top right no-repeat; background-color:#FFFFFF; padding:5px;  }
DIV.div_ecard_view_text		{ text-align:center; line-height:1.6em; padding:5px; font-size:9px; border-top:1px #cccccc dotted; }

/* Gamme tarifs */
DIV.block_gammetarifs	{  }
DIV.block_gammetarifs .descgamme	{ font-size:10px; line-height:1.3em; margin-bottom:15px; padding-right:16px; }
DIV.block_gammetarifs .prods { padding-right:16px; }
DIV.block_gammetarifs .prods UL { margin:0px; list-style:outside none; }
DIV.block_gammetarifs .prods UL LI { margin:0px; list-style:none; margin-bottom:15px; font-size:10px; font-weight:bold; clear:both; line-height:1.5em; }
DIV.block_gammetarifs .prods UL LI IMG.pic { float:left; margin-right:10px; }
DIV.block_gammetarifs .prods UL LI A { display:inline; color:#3D3A49; } 

DIV.block_gammetarifs .menu { display:block; padding-right:1px; }
DIV.block_gammetarifs .menu UL { margin:0px; list-style:outside none; }
DIV.block_gammetarifs .menu UL LI { margin:0px; list-style:none; margin:5px 0px; font-size:10px; font-weight:bold; clear:both; }
DIV.block_gammetarifs .menu UL LI A { display:block; font-size:11px; color:#3D3A49; border-bottom:2px #CCCBCB solid; padding:4px; padding-bottom:2px; font-weight:normal; } 
DIV.block_gammetarifs .menu UL LI A:hover, DIV.block_gammetarifs .menu UL LI A.actif
		 { display:block; font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#3D3A49; border-bottom: 2px #666666 solid; }
DIV.block_gammetarifs .menu UL LI IMG.pic { float:left; margin-right:10px; }

DIV.block_gammetarifs .menu UL LI.prod { margin:0px; list-style:none; clear:both; }
DIV.block_gammetarifs .menu UL LI.prod A { display:block; font-size:9px; color:#77757F; margin-left:10px; border-bottom:1px #CCCBCB dotted; padding:4px 6px; font-weight:normal; } 
DIV.block_gammetarifs .menu UL LI.prod A:hover, DIV.block_gammetarifs .menu UL LI.prod A.actif
		 { background-color:#EEEEEE; display:block; font-size:9px; color:#3D3A49; margin-left:10px; border-bottom:1px #CCCBCB dotted; padding:4px 6px; font-weight:normal; }


.div_info { position:absolute; display:none; border:5px #DFDFDF solid; border-right:5px #CCCCCC solid; border-bottom:5px #CCCCCC solid; padding:15px; background-color:#FFFFFF; max-width:480px;}
.div_info A.fermer { display:block; padding:3px; margin-top:5px; background-color:#FAFAFA; color:#999999; font-weight:bold; border:1px #DDDDDD solid; clear:both; }
.div_info A.fermer:hover { color:#FFFFFF; background-color:#999999; }
A.lieninfo { cursor:help; color:#454A6B; font-weight:bold; border-bottom:1px #9BE117 dotted; }

/* Inputs errors */
.input_iserror	{ border:1px solid #A20C15;	width:inherit; background:url("images/bg_anim_1.gif"); }
.input_noerror	{ background-color:#00CC99; border:3px #0099CC solid; }
.asterisque		{ font-size:13px; color:#A20C15; /*padding-left:2px;*/ white-space:nowrap; }
.div_texteerror {	font-weight:bold;	color:#A20C15;	background-color:#FFFFFF;	display:none; text-align:center; }
.div_sendmailresult {	font-weight:bold; background-color:#FFFFFF;	text-align:center; padding:10px; border:1px #AAAAAA dashed; }

/* Autres Inputs */
.input_rechercher { width:100px; line-height:24px; padding-right:18px; background:url(images/picto_rechercher.gif) right center no-repeat; background-color:#FFFFFF; }
.input_submit { background-color:#F5F5F5; padding:0px; height:21px; line-height:22px; }

.bgdark { background:transparent url("images/bgdark.png"); }


/* carte gmaps */
#maps { padding:2px; border:1px solid #DDD; margin:10px 5px 10px 100px; width:355px; height:165px;  }