@charset "utf-8";
/* CSS Document */

html, body{ margin:0; padding:0; height:100%; }
body{
	background:#f4f4f4 url(../img/background.png) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;
}
/* #c78fc3 */
/*
img { behavior: url("pngbehavior.htc"); }
html>body img{ behavior:none; }
*/
#center{
	/*width:1000px; margin:auto; background-color:#fff; * /background:#c78fc3 url(../img/center_back.png) top left repeat-x;*/
	/*background:#bf81ba url(../img/center_back.png) top center repeat-y;/**/
	/*background:#c082ba url(../img/center_back.png) top center repeat-y;/**/
	/*background-color:#FFFFFF;/**/
	background-color:#c082ba;
}
#head{
	width:1000px; margin:auto;
	position:relative;
	height:150px;
	background:url(../img/head_back.png) top left no-repeat;
}
#logoSalonBaby{position:absolute; top:0; left:0; width:240px; height:150px;}
/*
#connexion{ position:absolute; top:0; right:0; padding:5px 5px 0 0; color:#815c96; }
#connexion a{ display:inline-block; color:#815c96; text-decoration:none; font-weight:bold; padding-top:3px; }
#connexion label{ display:inline-block; color:#815c96; text-decoration:none; font-weight:bold; padding:3px 0 0 10px; }
#connexion input.input{ padding:1px; margin:0; background-color:#fff; border:1px solid #815c96; font-size:10px; width:66px; height:15px; }
#connexion input.image{ }
*/
#connexion{ position:absolute; top:0; right:0; padding:5px 5px 0 0; color:#815c96; font-size:12px; z-index:3; }
#connexion a{  color:#815c96; text-decoration:none; font-weight:bold; /*padding-top:2px; */}
#connexion a:hover{ text-decoration:underline; }
/*
#connexion label, #connexion div.text{ display:block; float:right; color:#815c96; text-decoration:none; font-weight:bold; padding:2px 5px 0 10px; }
#connexion input.text{
	float:right; padding:1px; margin:0; background-color:#fff; border:1px solid #815c96; font-size:12px; width:66px; height:15px; margin-right:4px;
	overflow:hidden; color:#815c96;
}*/
#connexion form{ padding:0; margin:0; }
#connexion .text{ display:block; float:right; color:#815c96; text-decoration:none; font-weight:bold; padding:2px 0 0 0; }
#connexion label.text{ padding:2px 5px 0 10px; }
#connexion input.text{ padding:1px; margin:0 4px 0 0; background-color:#fff; border:1px solid #815c96; font-size:12px; width:66px; height:15px; overflow:hidden; }

#connexion input.image{ float:right; }

#pi-animation{ position:absolute; z-index:2; width:196px; height:150px; top:0; right:0; }
#pi-animation a{ border:0; margin:0; padding:0; }

#menu{
	position:relative;
	width:998px; margin:auto;
	height:52px;
	padding:1px;
	background:#FFF url(../img/menu_back.png) top center no-repeat;
}
#menu .links{ font-size:11px; height:18px; }
#menu .links .filarianne{ float:left; width:400px; padding:3px 8px 0 8px; }
#menu .links .newsletter{ float:right; text-align:right; width:200px; padding:3px 8px 0 8px; }
#menu .links a{ text-decoration:none; color:#FFFFFF; }
#menu .links a:hover{ text-decoration:underline; }

#menu ul.menus{
/*	position:absolute; top:0px; left:0px; width:998px; z-index:2; */
	display:block; padding:0; margin:0; position:relative;
}
#menu ul.menus li{
	position:relative; z-index:2;
	list-style:none; text-align:center; /*height:28px; padding-top:5px;*/ height:33px;
	float:left; width:137px; text-align:center; overflow:visible;
}
/*html>body #menu ul.menus li{ padding-top:3px; height:30px; }*/

#menu ul.menus li .back{ display:none; /*background:inherit;*/ }
#menu ul.menus li.on .back{
	display:block;
	position:absolute; z-index:-2; top:0; left:0;
	/*background:inherit;*/
	width:137px; height:130px;
}
#menu ul.menus li.start{ width:4px; }
#menu ul.menus li.between{ width:5px; background:url(../img/menu_between.gif) top center no-repeat; }
#menu ul.menus li a{
	display:block; padding-top:5px;
	font-size:10px; color:#FFFFFF; font-weight:bold; text-decoration:none;
}
#menu ul.menus li a:hover{ }

#menu ul.menus li.m1{ background:url(../img/menu_back_1.png) top left repeat-x; }
#menu ul.menus li.m2{ background:url(../img/menu_back_2.png) top left repeat-x; }
#menu ul.menus li.m3{ background:url(../img/menu_back_3.png) top left repeat-x; }
#menu ul.menus li.m4{ background:url(../img/menu_back_4.png) top left repeat-x; }
#menu ul.menus li.m5{ background:url(../img/menu_back_5.png) top left repeat-x; }
#menu ul.menus li.m6{ background:url(../img/menu_back_6.png) top left repeat-x; }
#menu ul.menus li.m7{ background:url(../img/menu_back_7.png) top left repeat-x; }

#menu ul.menus li.m1 .back{ background:url(../img/menu_back_1.png) top left repeat-x; }
#menu ul.menus li.m2 .back{ background:url(../img/menu_back_2.png) top left repeat-x; }
#menu ul.menus li.m3 .back{ background:url(../img/menu_back_3.png) top left repeat-x; }
#menu ul.menus li.m4 .back{ background:url(../img/menu_back_4.png) top left repeat-x; }
#menu ul.menus li.m5 .back{ background:url(../img/menu_back_5.png) top left repeat-x; }
#menu ul.menus li.m6 .back{ background:url(../img/menu_back_6.png) top left repeat-x; }
#menu ul.menus li.m7 .back{ background:url(../img/menu_back_7.png) top left repeat-x; }

#body{
	position:relative; z-index:2;
	/*padding:1px;*/
	width:978px;
	height:520px;
	padding:10px 10px 13px 10px;
	margin:auto;
	color:#333;
	background:url(../img/body_back.png) bottom left repeat-x;
}

html>body #body{ height:auto; min-height:520px; }
#body-background{ width:1000px; background-color:#FFFFFF; margin:auto; }

#footer{
	background:#F4F4F4 url(../img/footer_back.png) top left repeat-x;
	height:46px;
}
#foot{
	/*visibility:hidden;*/
	position:relative;
	width:998px;
	height:29px;
	margin:auto;
	padding:0;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background:url(../img/foot_back.png) top left repeat-x;
}
#foot .flinks{
	position:absolute; top:7px; left:22px; width:846px; height:14px;
	text-align:center; color:#FFFFFF; font-size:11px;
}
#foot a{ color:#FFFFFF; text-decoration:none; }
#foot a:hover{ text-decoration:underline; }

#foot .elinks{ position:absolute; top:6px; right:5px; }
#foot .elinks a img{ border:1px solid #4a334a; }
#foot .elinks a:hover img{ border:1px solid #815c96; }

/********************************************* COMMON *********************************************/

.pink{ color:#a1206b; }
.purple{ color:#815c96; }
.underlined{ text-decoration:underline; }
.clear{ clear:both; }

.left-container{ float:left; padding:0 0 0 10px; }
.left-container .head{ width:500px; height:60px; padding:19px 19px 0 19px; background:url(../img/container_left_head_back.gif) top center repeat-y; }
.left-container .head h1{ font-size:20px; color:#fff; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.left-container .head h2{ font-size:13px; color:#fff; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.left-container .body{ width:500px; padding:0 19px 0 19px;  background:url(../img/container_left_back.gif) top left repeat-y; position:relative; }
.left-container .foot{ width:538px; height:21px; padding:0;  background:url(../img/container_left_bottom.gif) top left no-repeat; }

html>body .left-container .head{ background:url(../img/container_left_head_back.png) top left repeat-y; }
html>body .left-container .body{ background:url(../img/container_left_back.png) top left repeat-y; }
html>body .left-container .foot{ background:url(../img/container_left_bottom.png) top left repeat-y; }

.bannerSubscribe{ float:right; width:405px; height:98px; padding:5px 10px 15px 7px; background:url(../img/banner_subscribe_back.gif) top left no-repeat; }
html>body .bannerSubscribe{ background-image:url(../img/banner_subscribe_back.png); }
/*#bannerSubscribe{ float:right; width:405px; height:98px; padding:5px 19px 15px 7px; background:url(../img/banner_subscribe_back.gif) top left no-repeat; }
html>body #bannerSubscribe{ background-image:url(../img/banner_subscribe_back.png); }*/
#blockPubCube{ float:right; width:200px; height:210px; padding-right:1px; background:url(../img/cube_back.png) bottom left no-repeat; }

.large-container{}
.large-container .head{ height:57px; background:url(../img/container_large_head.gif) top center repeat-y; padding:19px 30px 0 30px; }
.large-container .head h1{ font-size:20px; color:#fff; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.large-container .head h2{ font-size:13px; color:#fff; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.large-container .body{ padding:0 30px 0 30px; background:url(../img/container_large_body_back.gif) top center repeat-y; }
.large-container .bottom{ padding:34px 0 0 5px; background:url(../img/container_large_body_bottom.gif) top center no-repeat; }

html>body .large-container .head{ background:url(../img/container_large_head.png) top center repeat-y; }
html>body .large-container .body{ background:url(../img/container_large_body_back.png) top center repeat-y; }
html>body .large-container .bottom{ background:url(../img/container_large_body_bottom.png) top center no-repeat; }

#block-texte{ width:218px; float:right; }
/*#block-texte .head{ padding:9px 9px 0 9px; height:20px; background:url(../img/block_texte_top.gif) top center no-repeat; }*/
#block-texte .head{
	padding:9px 13px 0 13px; height:20px; background:url(../img/block_texte_top.gif) top center no-repeat;
	font-size:11px; color:#FFFFFF; font-weight:bold;
}
#block-texte .body{ padding:0 9px 0 9px; background:url(../img/block_texte_back.gif) top center repeat-y; }
#block-texte .foot{ height:20px; width:218px; background:url(../img/block_texte_bottom.gif) top center no-repeat; }

html>body #block-texte .head{ background:url(../img/block_texte_top.png) top center no-repeat;  }
html>body #block-texte .body{ background:url(../img/block_texte_back.png) top center repeat-y; }
html>body #block-texte .foot{ background:url(../img/block_texte_bottom.png) top center no-repeat; }

.signature{ position:absolute; right:20px; bottom:0; width:90px; height:40px; background:url(../img/signature.gif) center no-repeat; }

.body ul{ margin:0 0 0 10px; padding:10px 0 0 0; }
.body li{ margin:0 0 0 10px; padding:10px 0 0 0; }

.left-container p{ margin:0; padding:5px 0 5px 0; }
.blockImage{ float:right; width:196px; height:179px; padding:12px; background:url(../img/block_image_back.gif) center no-repeat;  }/* 219 203 */
html>body .blockImage{ background-image:url(../img/block_image_back.png); }

.blockPub{ float:right; width:196px; height:295px; padding:12px; background:url(../img/block_pub_back.gif) center no-repeat;  }/* 219 203 */
html>body .blockPub{ background-image:url(../img/block_pub_back.png); }

/*.bannerSubscribe{ float:right; width:405px; height:98px; padding:5px 10px 15px 7px; background:url(../img/banner_subscribe_back.gif) top left no-repeat; }*/
.bannerSubscribe.left{ float:left; /*margin-left:5px;*/ }

#partnersBottom{ float:left; width:inherit; text-align:center; height:auto; }
div.hspace{ display:block; height:12px; width:900px; float:left; overflow:hidden; }
/*div.hspace.left{ float:left; }*/
div.hspace-small{ display:block; height:3px; width:900px; float:left; overflow:hidden; }

form input.btsubmit{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	margin:0; padding:14px 0 12px 0; width:88px; border:none; background:none; color:#FFFFFF; background:url(../img/form_btvalid.gif) center no-repeat;
}

/********************************************* HOME *********************************************/
/*#player{ float:left; width:501px; height:317px; padding:5px 5px 5px 20px; background:url(../img/player_back.gif) bottom right no-repeat; }*/
#player{ float:left; width:511px; height:327px; padding:0px 0px 0px 15px; background:url(../img/player_back.gif) bottom right no-repeat; }
#alterPlayer{ padding:5px 5px 5px 25px; }
#alterPlayer h1, #alterPlayer h2 { color:#733F86;}
#alterPlayer p { color:#fff;}
#alterPlayer a { color:#F54A52; text-decoration:none;}
#alterPlayer a:hover { text-decoration:underline;}

#blockNews{ float:right; width:180px; height:172px; padding:47px 29px 0 20px; background:url(../img/newstitle_back.png) top left no-repeat;  }
#blockNews img { vertical-align:bottom;}
#blockNews a{ font-size:13px; font-weight:bold; color:#733f86; text-decoration:none;}
#blockNews a:hover{ text-decoration:underline;}


#coverflow{ float:left; width:501px; height:172px; padding:15px 5px 5px 20px; background:url(../img/coverflow_back.gif) bottom right no-repeat; }
#partners{ float:right; width:405px; height:172px; padding:5px 19px 5px 7px; background:url(../img/partners_logos_back.gif) top left no-repeat; }

html>body #player{ background-image:url(../img/player_back.png); }
html>body #coverflow{ background-image:url(../img/coverflow_back.png); }
html>body #partners{ background-image:url(../img/partners_logos_back.png); }

/********************************************* QUI SOMMES NOUS ? *********************************************/
#left-quisommesnous .head{ background:url(../img/quisommesnous_left_head.gif) top left no-repeat; }
html>body #left-quisommesnous .head{ background:url(../img/quisommesnous_left_head.png) top left no-repeat; }

#left-quisommesnous .body{ color:#805b95; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#blockPubCube.quisommesnous{ padding-top:50px; }
#blockPortaits{ float:right; width:212px; height:306px; padding:0 7px 10px 0; }

/********************************************* DATES ET LIEUX *********************************************/
/*
#left-datesetlieux{ float:left; padding:0 0 0 10px; }
#left-datesetlieux .head{ width:500px; height:59px; padding:20px 19px 0 19px;  background:url(../img/datesetlieux_left_head.gif) top left no-repeat; }
#left-datesetlieux .head h1{ font-size:20px; color:#fff; margin:0; padding:0; }
#left-datesetlieux .head h2{ font-size:13px; color:#fff; margin:0; padding:0; }
#left-datesetlieux .body{ width:500px; padding:20px 19px 0 19px;  background:url(../img/datesetlieux_left_back.gif) top left repeat-y; }
#left-datesetlieux .body .hr{ visibility:hidden; height:10px; margin:0; padding:0; border:none; background-color:#FFFFFF; }
#left-datesetlieux .foot{ width:538px; height:21px; padding:0;  background:url(../img/datesetlieux_left_bottom.gif) top left no-repeat; }
*/
#left-datesetlieux .head{ background:url(../img/datesetlieux_left_head.gif) top left no-repeat; }
#left-datesetlieux .body .hr{ visibility:hidden; height:10px; margin:0; padding:0; border:none; background-color:#FFFFFF; }
#left-datesetlieux .body{ padding:20px 19px 0 19px; }

html>body #left-datesetlieux .head{ background:url(../img/datesetlieux_left_head.png) top left no-repeat; }

/*.datesetlieux-liste{ background:#f7d9db url(../img/datesetlieux_left_list_back.png) top left repeat-y; color:#805b95; border:1px solid #f7d9db; height:70px; position:relative; }*/
.datesetlieux-liste{ background:#f7d9db url(../img/datesetlieux_left_list_thumb_back.gif) top left no-repeat; color:#805b95; border:1px solid #f7d9db; height:70px; position:relative; }
.datesetlieux-liste .left{ float:left; }
.datesetlieux-liste h1{ float:left; display:block; margin:0; padding:2px 0 0 24px; font-size:16px; width:230px; }
.datesetlieux-liste h2{ float:left; display:block; margin:0; padding:0 0 0 24px; font-size:12px; width:230px; }
.datesetlieux-liste a.ensavoirplus{ float:left; display:block; margin:0; padding:0 0 0 24px; font-size:12px; width:220px; color:#d5424a; }
.datesetlieux-liste a.inscription{ position:absolute; right:0; bottom:0; display:block; margin:0; padding:0; }

.datesetlieux-liste .details{ display:none; position:absolute; top:90px; left:20px; width:370px; height:auto; }
.datesetlieux-liste .details a{ color:#A1206B;}
.datesetlieux-liste .details strong {color:#A1206B; font-weight:bold;}
.datesetlieux-liste .details p{padding:0;margin:0;}




#blockPubCube.datesetlieux{ padding-bottom:6px; }

/********************************************* LISTE EXPOSANTS *********************************************/
#liste-exposants{ }
#liste-exposants form{ margin:0; padding:0; }

#liste-exposants .head{ padding:0; height:auto; background:none; }
#liste-exposants .head .top{
	background:url(../img/listeexposants_large_head.gif) top center no-repeat; position:relative; height:57px; padding:19px 30px 0 30px; color:#FFFFFF;
}

#liste-exposants .body{ padding:20px 0px 0px 0px; height:100px; }
html>body #liste-exposants .body{ min-height:100px; height:auto; padding-left:14px; }

#liste-exposants .body .exposant{
	float:left; display:block; width:132px; height:76px; padding:12px 14px 26px 14px; margin:0 16px 0px 14px;
/*	float:left; display:block; width:158px; height:112px; padding:0; margin:0 30px 14px 0; border:1px solid #FF0000;*/
	background:url(../img/listeexposant_item_back.png) top left no-repeat;
}
html>body #liste-exposants .body .exposant{ margin-bottom:14px; }
#liste-exposants .body a.exposant{
	cursor:pointer;
	text-decoration:none;
	background:url(../img/listeexposant_itemplus_back.png) top left no-repeat;
}

#liste-exposants .body .exposant img{ border:none; padding:0; margin:0; }

#liste-exposants .body .exposant .name{
	height:16px; text-align:left; font-size:10px; color:#805b95; font-weight:normal; font-family:Arial, Helvetica, sans-serif; overflow:hidden;
}
#liste-exposants .body .exposant .logo{
	height:50px; text-align:center; padding:0; overflow:hidden;
}
#liste-exposants .body .exposant .pict{
	height:17px; text-align:left; padding:10px 0 0 0; overflow:hidden;
}
#liste-exposants .body .exposant .pict img{ float:left; margin:0 6px 0 0; }

#liste-exposants .head .top .help{ position:absolute; top:55px; right:40px; z-index:1; }
#liste-exposants #help{ display:none; top:65px; right:55px; position:absolute; z-index:2; }

#liste-exposants .head .body{ padding:5px 30px 5px 30px; background:url(../img/listeexposants_large_head_back.gif) top center repeat-y; min-height:0; height:auto; }
#liste-exposants .head .bottom{ height:12px; overflow:hidden; padding:0; background:url(../img/listeexposants_large_head_bottom.gif) top center no-repeat; clear:both; }

#liste-exposants .head #tri-niveau1.body div.img{ float:left; padding:0 10px 0 10px;  }
#liste-exposants .head #tri-niveau1.body a{
	display:block; text-decoration:none; float:left; padding:0 20px 0 20px; background-position:center; background-repeat:no-repeat;
}
#liste-exposants .head #tri-niveau1.body a#aleatoire{ background-image:url(../img/texte_aleatoire_off.png); width:71px; height:23px; }
#liste-exposants .head #tri-niveau1.body a#alphabetique{ background-image:url(../img/texte_ordrealphabetique_off.png); width:153px; height:23px; }
#liste-exposants .head #tri-niveau1.body a#popularite{ background-image:url(../img/texte_popularite_off.png); width:81px; height:23px; }
#liste-exposants .head #tri-niveau1.body a#secteurs{ background-image:url(../img/texte_secteurs_off.png); width:70px; height:23px; }

#liste-exposants .head #tri-niveau1.body a#aleatoire.on{ background-image:url(../img/texte_aleatoire_on.png); }
#liste-exposants .head #tri-niveau1.body a#alphabetique.on{ background-image:url(../img/texte_ordrealphabetique_on.png); }
#liste-exposants .head #tri-niveau1.body a#popularite.on{ background-image:url(../img/texte_popularite_on.png); }
#liste-exposants .head #tri-niveau1.body a#secteurs.on{ background-image:url(../img/texte_secteurs_on.png); }


#liste-exposants .head #tri-niveau2.body{ padding:5px 40px 10px 40px; color:#b44067; }
#liste-exposants .head #tri-niveau2.body a{ font-size:13px; font-weight:normal; color:#b44067; padding:0 2px 0 2px; text-decoration:none; }
#liste-exposants .head #tri-niveau2.body a.on{ text-decoration:underline; }

#liste-exposants .head .body input.text{ 
	padding:1px; margin:0 4px 0 0; background-color:#fff; border:1px solid #5698b0; font-size:12px; width:156px; height:15px; overflow:hidden;
}

#liste-exposants .head .body a#bt_ok{ display:inline; float:none; padding:0} 

html>body #liste-exposants .head .top{ background:url(../img/listeexposants_large_head.png) top center no-repeat; }/**/
html>body #liste-exposants .head .body{ background:url(../img/listeexposants_large_head_back.png) top center repeat-y; }/**/
html>body #liste-exposants .head .bottom{ background:url(../img/listeexposants_large_head_bottom.png) top center no-repeat; }/**/

#liste-exposants .head .top .help3d{ position:absolute; top:82px; right:40px; z-index:1; }
#liste-exposants #help3d{ display:none; top:92px; right:55px; position:absolute; z-index:2;
width:259px; height:169px; background:url(../img/vue3d_back.png) center no-repeat; }

#liste-exposants .head .top .help2d{ position:absolute; top:55px; right:40px; z-index:1; }
#liste-exposants #help2d{ display:none; top:65px; right:55px; position:absolute; z-index:2;
width:259px; height:169px; background:url(../img/vue2d_back.png) center no-repeat; }

#listeExposant.mode3d{ padding:0; background:transparent url(../img/container_large_body_back.png) repeat-y center top; }
#listeExposant #flashiso{ display:block; width:950px; height:430px; margin:auto; padding:0; }
.bottom.mode3d{ padding-top:20px; background:url(../img/container_large_body_bottom_squared.gif) no-repeat center top; }
html>body .bottom.mode3d{ background:url(../img/container_large_body_bottom_squared.png) no-repeat center top; }
/********************************************* HELP 313px *********************************************/

#help { width:313px; height:auto; color:#b44067; }
#help .head{ width:263px; height:20px; padding:20px 25px 0 25px; background:url(../img/help_top.gif) top center no-repeat; font-size:13px; }
#help .hbody{ width:253px; padding:0 30px 0 30px; background:url(../img/help_body.gif) top center repeat-y; font-size:11px; }
#help .foot{ width:253px; height:24px; padding:0 30px 0 30px; background:url(../img/help_bottom.gif) top center no-repeat; }

html>body #help .head{ background:url(../img/help_top.png) top left no-repeat; }
html>body #help .hbody{ background-color:none; background:url(../img/help_body.png) top center repeat-y; }
html>body #help .foot{ background:url(../img/help_bottom.png) top center no-repeat; }

.picto_ville{ width:16px; height:15px; }
.picto_ville.lyon{ background:url(../img/picto_lyon.gif) center no-repeat; }
.picto_ville.paris{ background:url(../img/picto_paris.gif) center no-repeat; }
.picto_ville.toulouse{ background:url(../img/picto_toulouse.gif) center no-repeat; }
.picto_ville.strasbourg{ background:url(../img/picto_strasbourg.gif) center no-repeat; }
.picto_ville.rouen{ background:url(../img/picto_rouen.gif) center no-repeat; }
.picto_ville.lille{ background:url(../img/picto_lille.gif) center no-repeat; }
.picto_ville.nantes{ background:url(../img/picto_nantes.gif) center no-repeat; }

html>body .picto_lyon{ background:url(../img/picto_lyon.png) center no-repeat; }
html>body .picto_paris{ background:url(../img/picto_paris.png) center no-repeat; }
html>body .picto_toulouse{ background:url(../img/picto_toulouse.png) center no-repeat; }
html>body .picto_strasbourg{ background:url(../img/picto_strasbourg.png) center no-repeat; }
html>body .picto_ville.rouen{ background:url(../img/picto_rouen.png) center no-repeat; }
html>body .picto_ville.lille{ background:url(../img/picto_lille.png) center no-repeat; }
html>body .picto_ville.nantes{ background:url(../img/picto_nantes.png) center no-repeat; }

/*#help .hbody div{ padding:0 0 10px 0; }*/
#help .hbody img{ float:left; }
#help .hbody span{ float:left; display:block; padding:0 0 5px 5px; }

/********************************************* DEVENIR EXPOSANT *********************************************/
#left-devenirexposant .head{ background:url(../img/quisommesnous_left_head.gif) top left no-repeat; }
html>body #left-devenirexposant .head{ background:url(../img/quisommesnous_left_head.png) top left no-repeat; }

#left-devenirexposant .body{ color:#805b95; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:420px; }
html>body #left-devenirexposant .body{ min-height:420px; height:auto; }

/*#blockPubCube.devenirexposant{ padding-top:30px; }*/

#left-devenirexposant form select{
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	height:20px; padding:0; margin:0; float:left; color:#333333; margin:0;
}
#left-devenirexposant form input, #left-devenirexposant form textarea, #left-devenirexposant form div.left{
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	height:14px; padding:2px; float:left; color:#333333; margin:0;
}
#left-devenirexposant form input, #left-devenirexposant form select, #left-devenirexposant form textarea{
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
#left-devenirexposant form div.row{ font-size:10px; color:#333333; height:20px; padding:9px 0 0 0; }
html>body #left-devenirexposant form div.row{ padding-top:12px; }
#left-devenirexposant form div.row.double{ height:40px; }
#left-devenirexposant form div.row.triple{ height:60px; }
#left-devenirexposant form div.row div.spacer{ float:left; display:block; width:18px; height:18px; }
#left-devenirexposant form div.row .small{ float:left; display:block; width:104px; }
#left-devenirexposant form div.row .large{ float:left; display:block; width:226px; }
#left-devenirexposant form div.row .input{ border:1px solid #c48d70; color:#805b95; }
#left-devenirexposant form div.row #inp_captcha{ }
#left-devenirexposant form div.row #inp_email{ float:left; display:block; width:226px;}
#left-devenirexposant form div.row #inp_adresse{ float:left; display:block; width:226px;}
#left-devenirexposant form #inp_captcha { float:left; display:block; width:226px; margin:10px 0 0 0; border:1px solid #C48D70; color:#805B95;}
#left-devenirexposant form div.row #inp_details{ font-family:Arial, Helvetica, sans-serif; width:482px; height:54px; border:1px solid #C48D70; color:#805B95; }
#left-devenirexposant form #inp_ok {margin:10px 0 0 0}

#left-devenirexposant form div.row  #inp_captcha.inputFormError { border:1px solid #C54181} 
#left-devenirexposant form div.row  #inp_details.inputFormError { border:1px solid #C54181} 
#left-devenirexposant form div.row .inputFormError { border:1px solid #C54181} 
#left-devenirexposant .body .errorMessage{ float:right; margin:-10px 36px 0 0; width:250px; font-weight:bold; color:#FF0066}


#left-devenirexposant form div.row input.left{ border:0; width:auto; height:auto; }
#left-devenirexposant form div.row div.left{ float:left; width:auto; padding:0 0 0 4px; }
#left-devenirexposant form div.row div.texte{ float:left; width:auto; padding:4px 4px 0 0; }

#left-devenirexposant form img.capcha{ width:auto; height:auto; margin:0; padding:0; float:left }
#left-devenirexposant form img.refresh { float:left}


div.semestre{ width:275px; height:88px; margin:0; padding:10px 10px 0 125px; background:url(../img/lessalonsdusemestre_back.gif) top left no-repeat; color:#805b95; }
html>body div.semestre{ background:url(../img/lessalonsdusemestre_back.png) top left no-repeat; }

div.semestre div{ padding-bottom:4px; font-size:12px; }

#block-texte.devenirexposant .head{ background:url(../img/block_texte_top_pink.gif) top center no-repeat; }
html>body #block-texte.devenirexposant .head{ background:url(../img/block_texte_top_pink.png) top center no-repeat; }

#block-texte.devenirexposant .body{ height:150px; padding-top:10px; }
html>body #block-texte.devenirexposant .body{ height:auto; min-height:150px; }

/*#blockPubCube.devenirexposant{ padding-top:38px; }*/
#blockPubCube.devenirexposant{ padding-top:38px; }

.blockVideo{ display:block; padding:11px 8px 0 7px; width:198px; height:103px; float:right; background-position:bottom center; background-repeat:no-repeat; }

.blockVideo img{ border:none; margin:0; padding:0; }
/*#left-devenirexposant form div.row div.left{ float:left; height:14px;  }*/

/********************************************* QUESTIONS PRATIQUES *********************************************/
#questions_pratiques .body{ padding:0 30px 5px 30px; position:relative; color:#805b95; }

#questions_pratiques .body h1{ margin:0; padding:25px 0 5px 0; width:auto; }
#questions_pratiques .body p{ margin:0; padding:5px 0 5px 10px; width:700px; }

#questions_pratiques .body a{ text-decoration:none; color:#805b95; }
#questions_pratiques .body a:hover{ text-decoration:underline; }

#questions_pratiques .head{ background:url(../img/container_large_head_purple.gif) center bottom no-repeat; }
html>body #questions_pratiques .head{ background:url(../img/container_large_head_purple.png) center bottom no-repeat; }

#questions_pratiques #sommaire{ position:absolute; width:204px; right:35px; font-size:11px; }
#questions_pratiques #sommaire .head{ padding:0 10px 0 10px; margin:0; height:8px; background:url(../img/block_sommaire_top.png) bottom center no-repeat; }
#questions_pratiques #sommaire .body{ padding:0 10px 0 10px; margin:0; background:url(../img/block_sommaire_back.png) top center repeat-y; }
#questions_pratiques #sommaire .foot{ padding:0; margin:0; height:94px; background:url(../img/block_sommaire_bottom.png) top center no-repeat; }

#questions_pratiques #sommaire a{ display:block; padding:5px 0 5px 20px; background:url(../img/block_sommaire_puce.gif) left center no-repeat; }

/** FOR IE6 **/
#questions_pratiques .body{ width:918px; }
#questions_pratiques #sommaire .body{ width:184px; }
html>body #questions_pratiques .body{ width:auto; }
html>body #questions_pratiques #sommaire .body{ width:auto; }
/** END IE6 **/

/********************************************* JEUX CONCOURS *********************************************/
.blockPubCubeJeuxConcours{ padding-top:56px; }

#left-jeuxconcours{}
#left-jeuxconcours .head{ background:url(../img/jeuxconcours_left_head.gif) left bottom no-repeat; }
html>body #left-jeuxconcours .head{ background:url(../img/jeuxconcours_left_head.png) left bottom no-repeat; }
/**/
#left-jeuxconcours .body{ width:520px; padding:16px 9px 8px 9px; } 
#slideuse_jeux{ width:496px; padding:12px; background:url(../img/jeuxconcours_slideuse_back.png) center no-repeat; }

/*#blockPubCube.jeuxConcours{ padding-top:56px; background:none; background-color:#FF0000; }*/


/********************************************* EN CONSTRUCTION *********************************************/
/*
#en-construction{ padding-left:10px;}
#en-construction .head{ background:url(../img/travaux.jpg) left top no-repeat; height:437px; width:961px; }
/*html>body #en-construction .head{ background:url(../img/container_large_head_purple.png) left bottom no-repeat; }*/
/*
#en-construction .head{ padding:0; height:auto; background:none; 
	background:url(../img/listeexposants_large_head.gif) top center no-repeat; position:relative; height:57px; padding:19px 30px 0 30px; color:#FFFFFF;
}
*/
#en-construction .head{ background:url(../img/container_large_head_encontruction.gif) bottom center no-repeat; }
#en-construction .body{ background:url(../img/container_large_body_back_enconstruction.gif) top center no-repeat; height:340px; position:relative; }
#en-construction .body .center{ display:block; position:absolute; margin:0; padding:0; top:110px; left:364px; }
html>body #en-construction .head{ background:url(../img/container_large_head_encontruction.png) bottom center no-repeat; }
html>body #en-construction .body{ background:url(../img/container_large_body_back_enconstruction.png) top center no-repeat;  }

.hidden{display:none;}

/********************************************* COMMANDE *********************************************/

#commande{ position:relative; }
#commande .head{ background-image:url(../img/container_large_head_pink.gif); }
html>body #commande .head{ background-image:url(../img/container_large_head_pink.png); }
#commande .head .help{ position:absolute; top:55px; right:40px; z-index:1; }

#commande .body{ padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#815c96; }
#commande .body ul{ margin-top:0; margin-bottom:0; padding:0; }
#commande .body li{ padding:3px 0 3px 0; }

#commande form{ margin:0; padding:0; }

#commande table{
	width:100%; height:auto; border-spacing:0; border-collapse:collapse;
}
#commande table th{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	border:1px solid #b33f66; padding:8px; color:#b33f66; margin:0; background:url(../img/commande_form_head_back.png) top left repeat-x;
}
#commande table td{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#815c96;
	border-left:1px solid #b33f66; border-right:1px solid #b33f66; padding:12px; margin:0; vertical-align:middle;
}
#commande table .rowBottom td{
	padding:4px;
}
#commande div.table-bottom{
	margin:0;
	padding:30px 0 0 0; background:url(../img/commande_form_bottom.png) top left repeat-x; text-align:right;
}
#commande div.total{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#815c96;
	padding:0 20px 14px 0;
}
#commande td.col1, #commande td.col3, #commande td.col4{ text-align:center; }

#commande .col1 input{
	display:inline-block; width:12px; height:16px;
	padding:1px 0 0 0; margin:0;
	text-align:center;
	border-top:1px solid #333333;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #333333;
}
#commande a{ color:#815c96; }
#commande a.up{
	display:inline-block; padding:0; margin:0; width:14px; height:19px;
	background:url(../img/commande_form_arrow_up.png) bottom right no-repeat;
}
#commande a.down{
	display:inline-block; padding:0; margin:0; width:14px; height:19px;
	background:url(../img/commande_form_arrow_down.png) bottom left no-repeat;
}
#commande a.up span{ display:none; }
#commande a.down span{ display:none; }

#commande .title{ padding:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#b33f66; height:21px; }
#commande .title img{ float:left; }
#commande .title span{ float:left; padding:4px 0 0 6px; }
#commande .content-text{ padding:10px 0 26px 0; }

#apiPaiementLeft{ height:45px; float:left; padding-top:20px;}
#apiPaiementRight{ width:455px; height:65px; float:left;}
/********************************************* HISTORIQUE COMMANDES *********************************************/

#historique_commandes{ }
#historique_commandes .head{ background-image:url(../img/container_large_head_pink.gif); }
html>body #historique_commandes .head{ background-image:url(../img/container_large_head_pink.png); }

#historique_commandes .body{ padding-top:26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#815c96; }
#historique_commandes .body ul{ margin-top:0; margin-bottom:0; padding:0; }
#historique_commandes .body li{ padding:3px 0 3px 0; }

#historique_commandes table{
	width:100%; height:auto; border-spacing:0; border-collapse:collapse;
}
#historique_commandes table th{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	border:1px solid #b33f66; padding:8px; color:#b33f66; margin:0; background:url(../img/commande_form_head_back.png) top left repeat-x;
}
#historique_commandes table td{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#815c96;
	border-left:1px solid #b33f66; border-right:1px solid #b33f66; padding:12px; margin:0; vertical-align:middle;
}
#historique_commandes table .rowBottom td{
	padding:4px;
}
#historique_commandes div.table-bottom{
	margin:0; padding:0; background:url(../img/commande_form_bottom.png) top left repeat-x; height:26px;
}
#historique_commandes td.col1, #historique_commandes td.col2, #historique_commandes td.col4, #historique_commandes td.col5{ text-align:center; }
#historique_commandes .body a{ display:block; padding:5px 0 5px 20px; background:url(../img/block_sommaire_puce.gif) left center no-repeat;color:#815c96; }

/********************************************* OVERLAY HELP COMMANDE *********************************************/

.help-commande{
	position:relative;
	padding:20px;
	text-align:left; color:#815c96;
	padding-bottom:76px;
}
.help-commande ul{ margin-left:10px; padding-left:10px; }
.help-commande ul li{ margin:0; padding-left:4px; }

#overlay-content div.babybottom{
	position:absolute; margin:0; left:0; bottom:74px; padding:24px 0 0 0; width:100%; height:54px;
	background:url(../img/popup_baby_bottom_back.png) center bottom no-repeat; 
}
html>body #overlay-content div.babybottom{ bottom:-6px; }

/********************************************* OVERLAY DETAILS EXPOSANTS *********************************************/

#exposant-details{ color:#815c96; }

#exposant-details a{ color:#815c96; font-weight:bold; text-decoration:none; color:#a1206b; }
#exposant-details a:hover{ text-decoration:underline; }

#exposant-details .baseline{ padding-top:10px; }
#exposant-details .description{ padding:0 20px 0 20px; text-align:left; }

/********************************************* PAGES STATIQUES *********************************************/

#page_statique{ }
#page_statique .head{ background-image:url(../img/container_large_head_pink.gif); }
html>body #page_statique .head{ background-image:url(../img/container_large_head_pink.png); }

#page_statique .body{ padding-top:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#815c96; }
#page_statique .body ul{ margin-top:0; margin-bottom:0; padding:0; }
#page_statique .body li{ padding:3px 0 3px 0; }

#page_statique .body strong {color:#A1206B; font-weight:bold;}

#page_statique .body p{padding:0;margin:0;}
#page_statique .body a{ color:#815c96; }
#page_statique .body a.special{ display:block; padding:5px 0 5px 20px; background:url(../img/block_sommaire_puce.gif) left center no-repeat;color:#815c96; }

/********************************************* DETAILS EXPOSANT *********************************************/

#exposant-details .head{ background-image:url(../img/container_large_head_blue.gif); }
html>body #exposant-details .head{ background-image:url(../img/container_large_head_blue.png); }
#exposant-details .body{ height:410px; }
html>body #exposant-details .body{ height:auto; min-height:410px; }
#exposant-details .body .logo{ float:left; width:250px; }
#exposant-details .body .baseline,
#exposant-details .body .website,
#exposant-details .body .eshop{ float:left; width:630px; padding-bottom:20px; }
#exposant-details .body .spacer{ clear:both; }
#exposant-details .body .description{ }
#exposant-details .body .description ul{ padding:0 0 0 10px; margin:5px 0 5px 0; }
#exposant-details .body .description ul li{ padding:5px 0 5px 0; margin:0 0 0 4px; }

#exposant-details .body .images{ text-align:center; }
#exposant-details .body .images img{ margin:10px; border:none; }

/********************************************* OVERLAY PRODUIT *********************************************/
#gallery_overlay{ text-align:center; height:180px; }
html>body #gallery_overlay{ min-height:180px; height:auto; }

#gallery_overlay .image{ height:100px; }
html>body #gallery_overlay .image{ min-height:100px; height:auto; }

#gallery_overlay .gallery_controls{ position:relative; height:45px; }
#gallery_overlay .gallery_controls a.prev{
	position:absolute; left:25%;
	color:transparent; text-decoration:none;
	display:block; /*float:left;*/ width:24px; height:45px; background:url(../img/overlay_gallery_left.png) center right no-repeat; /*padding-left:120px;*/
}
#gallery_overlay .gallery_controls a.next{
	position:absolute; right:25%;
	color:transparent; text-decoration:none;
	display:block; /*float:right;*/ width:24px; height:45px; background:url(../img/overlay_gallery_right.png) center left no-repeat; /*padding-right:120px;*/
}
#gallery_overlay .gallery_controls span.current{ display:block; width:200px; height:20px; position:absolute; left:50%; top:10px; margin-left:-100px; font-size:12px; font-weight:bold; }
#gallery_overlay .gallery_controls a.fullsize{ display:block; width:200px; height:20px; position:absolute; left:50%; top:26px; margin-left:-100px; text-decoration:none; font-size:9px; color:#815c96; }
#gallery_overlay .gallery_controls a.fullsize:hover{ text-decoration:underline; }