/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html,body{
	margin:0; padding:0;
	color:#68696b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;*/
	background-color:#FFFFFF;
}
p {
	margin:0 0px 10px;
}

a 			{ color:#000; }
a:visited 	{  }
a:hover 	{  }

h1, h2, h3, h4, h5, h6 {  }
h1 { font-size:16px; font-weight:bold; }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }
table td { vertical-align:top; }
/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur avec background */
div#container_bg, div#container_bg_galerie {
	width:900px;
	margin:0 auto;
}

div#container_bg {
	background:url("../img/bg.jpg") repeat-y center;
}

div#container_bg_galerie {
	background:url("../img/bg_galerie.jpg") repeat-y center;
}
 
/* conteneur de la page */
div#container {
	/*width:750px; /* 62em */
	/*max-width:100%; */
	width:774px;
	/*background-color:#FFFFFF;*/
	margin:5px auto;
	margin-top:0px;
	padding:5px;
	text-align:left;
}

div#header{
	/*padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px #ececec solid;*/
	padding:0px;
	background:url("../img/banner_header.jpg") no-repeat center;
	height:176px;
	width:784px;
	margin:0 auto;
}

#logo_header {
	margin-top:40px;
	/*margin-bottom:7px;*/
	margin-bottom:13px;
	/margin-bottom:9px;
}

div#bandeau_couleur {
	height:9px;
	width:784px;
	margin:0 auto;
	background:url("../img/bandeau_couleur.png") repeat-x;
}

/* second conteneur de la page */
div#wrapper {
	clear:both;
}

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0;
	padding:5px 10px;
}
div#contenu .textepage {
	margin:10px;
}

/* bas de page */
div#footer {
	padding:10px;
	/*border-top:3px #ececec solid;*/
}
div#copyrights {
	clear:both;
	text-align:center;
	font-size:0.9em;
}

/*
 * MENUS ----------------------------------------------------------
 */
div#menuhaut {
	float:right;
}
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0 0.5em 0 0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:0.9em; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }

div#fil-ariane {
	display:block;
	margin:0.5em 0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

div#menu {
	display:block;
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2em; padding:0; margin:0; width:452px; /*background:url("../img/menu_bg.png") no-repeat;*/  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:0px 1em; color:#FFF; font-size:1.1em; /*margin:0px 0.3em 0 0;*/ white-space: nowrap; line-height:24px; /*border:1px solid #dedede;*/ width:86px; text-align:center; }
#navigation li a:hover	{ /*behavior: url("/common/js/iepngfix/iepngfix.htc");*/ color:#000000; /*background:url("../img/menu_bg_active.png") no-repeat; width:121px;*/ }
#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a    		{ background:url("") top left repeat-x; }
#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }
#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:-1px 0 0 2px; border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:block; float:none; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:0.9em;}
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:#eeeeee url(""); color:#000000; }

.menu_class {
	background:url("../img/menu_bg.png") no-repeat;
}

.menu_class0 {
	background:url("../img/menu_bg_active0.png") no-repeat;
}

.menu_class1 {
	background:url("../img/menu_bg_active1.png") no-repeat;
}

.menu_class2 {
	background:url("../img/menu_bg_active2.png") no-repeat;
}

.menu_class3 {
	background:url("../img/menu_bg_active3.png") no-repeat;
}

div#menubas {
	display:block;
	margin:0;
	font-size:0.9em;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { display:inline; float:left; margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:13em; border:0px #ff0000 solid; float:right; margin-top:-0.5em; }
div#searchbox fieldset { padding:0; margin:0; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:12em; font-size:0.8em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { font-size:0.8em; padding:0.1em; vertical-align:middle; border:0px; background-color:transparent; color:#999999; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; /*padding:1em 2em;*/ padding:0; background:#ffffff; display:block; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0 0 0 0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 5px 1em 0; padding:0.5em; background-color:#F6F6F6; width:45%; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h3 { display:block; border-bottom:1px #00CCCC dotted; padding:0.5em; margin:0;  }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

.error {
	padding:4px;
}

.h2_title {
	font-size:14px;
	margin-bottom:5px;
}

.h3_title {
	font-size:13px;
	margin-bottom:5px;
}

.label_bleu {
	display:block;
	padding-left:13px;
	color:#1193da;
	behavior: url("/common/js/iepngfix/iepngfix.htc");
	background:url("../img/puce_label_bleu.png") no-repeat center left;
	-padding-top:3px;
}

div.success {
	background:#E6EFC2 none repeat scroll 0 0;
	border-color:#C6D880;
	color:#264409;
}

div.error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
}

div.error, div.success {
	border:2px solid #DDDDDD;
	margin-bottom:1.5em;
	padding:0.8em;
}

#table_contenu {
	width:
}

#col_center_content {
	width:415px;
}

#col_center_content table{
	margin-bottom:0px;
}

#col_right_content {
	width:307px;
	/*margin-left:10px;*/
}

#lst_news_right {
	list-style-type:none;
}

#lst_news_right li {
	padding:15px 0px;
	border-bottom:solid 1px #CCC;
}

#lst_news_right li a, .title_news_rose {
	display:block;
	color:#cb0049;
}

#lst_produits {
	border-spacing:10px;
}

table#lst_produits p, table#table_devis_pic p {
	line-height:13px;	
	color:#000;
	margin-bottom:0px;
}

table#lst_produits label {
	display:block;
}

table#lst_produits a {
	text-decoration:none;
}

table#lst_produits a:hover {
	text-decoration:underline;
}

table#lst_produits a.ss_menu {
	margin-left:7px;
	display:block;
}

#prod_tract, #prod_depliant, #prod_brochures, #prod_chemise, #prod_papeterie, #prod_bloc, #prod_reliure, #prod_impression, #prod_pao, #form_tract {
	padding-left:70px;
	height:68px;
	vertical-align:middle;
	/*cursor:pointer;*/
}

#prod_tract {	
	background:url("../img/prod_tract.jpg") no-repeat top left;
	cursor:pointer;
}

#prod_depliant {	
	background:url("../img/prod_depliant.jpg") no-repeat top left;
	cursor:pointer;
} 

#prod_brochures {	
	background:url("../img/prod_brochure.jpg") no-repeat top left;
	cursor:pointer;
}

#prod_chemise {	
	background:url("../img/prod_chemise.jpg") no-repeat top left;
	cursor:pointer;
} 

#prod_papeterie {	
	background:url("../img/prod_papeterie.jpg") no-repeat top left;
	cursor:pointer;
}

#prod_bloc {	
	background:url("../img/prod_bloc.jpg") no-repeat top left;
	cursor:pointer;
} 

#prod_reliure {	
	background:url("../img/prod_reliure.jpg") no-repeat top left;
}

#prod_impression {	
	background:url("../img/prod_impression.jpg") no-repeat top left;
}

#prod_pao {	
	background:url("../img/prod_pao.jpg") no-repeat top left;
}


table.table_devis_pic p {
	line-height:13px;	
	color:#000;
	margin-bottom:0px;
}

#form_tract, #form_depliant, #form_brochures, #form_chemise, #form_papeterie, #form_bloc, #form_reliure, #form_impression, #form_pao {
	padding-left:60px;
	height:68px;
	vertical-align:middle;
}

#form_tract {	
	background:url("../img/form_tract.png") no-repeat top left;
	padding-left:60px;
}

#form_depliant {	
	background:url("../img/form_depliant.png") no-repeat top left;
	padding-left:55px;
} 

#form_brochures {	
	background:url("../img/form_brochure.png") no-repeat top left;
}

#form_chemise {	
	background:url("../img/form_chemise.png") no-repeat top left;
} 

#form_papeterie {	
	background:url("../img/form_papeterie.png") no-repeat top left;
}

#form_bloc {	
	background:url("../img/form_blocs.png") no-repeat top left;
} 

#form_reliure {	
	background:url("../img/form_reliure.png") no-repeat top left;
}

#form_impression {	
	background:url("../img/form_impression.png") no-repeat top left;
}

#form_pao {	
	background:url("../img/form_pao.png") no-repeat top left;
}

.btn_tract, .btn_depliant, .btn_chemise, .btn_brochure, .btn_papeterie, .btn_blocs {
	height:29px;
	width:105px;
	display:block;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}

.btn_tract {
	background:url("../img/btn_tract.jpg") no-repeat center center;
}

.btn_depliant {
	background:url("../img/btn_depliant.jpg") no-repeat center center;
}

.btn_chemise {
	background:url("../img/btn_chemise.jpg") no-repeat center center;
}

.btn_brochure {
	background:url("../img/btn_brochure.jpg") no-repeat center center;
}

.btn_papeterie {
	background:url("../img/btn_papeterie.jpg") no-repeat center center;
}

.btn_blocs {
	background:url("../img/btn_bloc.jpg") no-repeat center center;
}

.btn_tract:hover, .btn_depliant:hover, .btn_chemise:hover, .btn_brochure:hover, .btn_papeterie:hover, .btn_blocs:hover { color:#FFF; }

.fielset_devis {
	border:solid 2px #CCC;
}

.fielset_devis table td {
	vertical-align:middle;
}

.fielset_devis table select {
	/*width:170px;*/
	width:280px;
}

.div_recap {
	background:#D8D8D8;
	padding:7px;
}

.fielset_devis table td .txtDevis { width:280px; display:none; }
.fielset_devis table .tr_mask { display:none; }
.fielset_devis table .tr_aff { display:table-row; }


#tab_infos td textarea { width:97%; height:100px; }
#tab_infos td input { width:100%; /width:375px; }
#tab_infos td .asterix { color:red; margin:0; margin-left:3px; display:inline; }
.div_form_error { display:none; }
.div_form_error label { color:red; font-size:14px; }

/* POPUP */
#popup {
	display:block;
}

#popup #global { 
  position: relative; /* on positionne le conteneur */ 
  margin-left: auto; 
  margin-right: auto; 
  width: 500px; 
  z-index:1000;
}


#popup #header_global {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#CCCCCC url("/common/js/jquery.alerts-1.1/images/title.gif") repeat-x scroll center top;
	height:22px;
	padding-top:5px;
}

#popup #global_content {
	width:600px;
	background-color:#FFFFFF; 
	background:url("/common/js/jquery.alerts-1.1/images/bg.gif") repeat;
	opacity:1;
	filter : alpha(opacity=100);
	top:45px;
	-top:25px;
	margin-left:auto;
	margin-right:auto;
	position:fixed; 
	-position:absolute;
	z-index:1000;
	border:5px solid #999999;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#popup #popup_content {
	/*padding-bottom:10px;*/
	padding:1em 1.75em;
	padding-left:50px;
	min-height:30px !important;
	height:auto;
	-height:30px;
}

#popup #btn_close_popup {
	background:transparent url("/common/js/jquery.alerts-1.1/images/close_popup.png") no-repeat scroll left top;
	color:#000000;
	line-height:18px;
	margin-left:5px;
	margin-top:3px;
	padding-left:18px;
}

#popup #bg_popup {
	width:100%; 
	height:100%; 
	background-color:#000000; 
	opacity:0.5;
	filter : alpha(opacity=50); 
	position:fixed; 
	-position:absolute;
	display:block;
	z-index:1;
}
/* FIN POPUP */

/* INFO BULLE */
.hovertip_content { display:none; max-width:33%; }
.hovertip_content .content { background:#FFF; border:solid 1px #000; padding:10px; }