html , body
{
    background: #e7e8e9;
    margin:0;
    padding:0;
    font-family: Arial , "Trebuchet MS", Tahoma, sans-serif;
    font-size:13px;
    height:100%;
    color:#404040;
}

br.clear { clear:both; }

input , select , textarea { border:1px solid #cccccc; padding-left:2px; }

div.success-msg
{
    background:#E6FFE6;
    border:1px solid #7BDF7B;
    padding:4px;
    margin:4px;
}

div.error-msg
{
    background:#FFE6E6;
    border:1px solid #DF7B7B;
    padding:4px;
    margin:4px;
}

div.info-msg
{
    border:1px solid #FF9F00;
    padding:4px 4px 4px 50px;
    margin:4px;
    font-size:12px;
    background: #fbe2b8 url('../images/picto_info.png') no-repeat 0 0;
}

#loading
{
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    background:#ccc;
    opacity:0.5;
    display:none;
}

/* BARRE DU HAUT - START */
#layout_top_bg
{
    background:#E7E8EA;
    position:absolute;
    width:100%;
    top:0;
    height:33px;
}

#layout_top
{
    position:relative;
    width:936px;
    margin:auto;
}

#layout_top a.logo,
#dialog_justarrived div.logo
{
    float:left;
    display:block;
    height:123px;
    width:168px;
    background: transparent url('../images/logo.png') no-repeat 0 0;
}

#layout_top a.logo:hover,
#dialog_justarrived div.logo
{
    background-position: 0 -123px;
}

#layout_top form
{
    display:inline;
}

#layout_top h2
{
    font-size:16px;
    font-weight:normal;
    margin:0;
}

div.blocuser { line-height:33px; text-align: right; }

div.blocuser div {
    background: transparent url('../images/header/ico_espace.png') no-repeat center left;
    line-height:33px;
    float:right;
    padding-left:30px;
    font-weight:bold;
}

div.blocuser a {
    color:#52b0da;
    font-size:10px;
}

div.blocuser a:hover { text-decoration:none; }

div.blocuser input { font-size: 12px; }

div.blocuser .btn_connexion
{
    width:80px;
    height:22px;
    background: transparent url('../images/header/btn_connexion.png') no-repeat 0 0;
    color:#808080;
    font-size:12px;
    border:0;
    padding-bottom:2px;
    cursor:pointer;
    text-transform : uppercase;
}

div.blocuser .btn_creer_espace
{
    width:144px;
    height:22px;
    background: transparent url('../images/header/btn_creer_espace.png') no-repeat 0 0;
    color:white;
    font-size:12px;
    border:0;
    padding-bottom:2px;
    cursor:pointer;
    text-transform : uppercase;
}

div.blocuser .btn_connexion.btn_connexion_over , div.blocuser .btn_creer_espace.btn_creer_espace_over {
    background-position: 0 -22px;
}

/* personnages header */
div.perso
{
    float:left;
    cursor:pointer;
    color:#959595;
    font-size:14px;
    padding-left:80px;
    margin-top:20px;
    padding-top:20px;
    height:75px;
    width:150px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-position: top left;
}

div.perso.perso1 { background-image: url('../images/header/perso1.png'); }
div.perso.perso2 { background-image: url('../images/header/perso2.png'); }
div.perso.perso3 { background-image: url('../images/header/perso3.png'); }

/* BARRE DU HAUT - STOP */

#layout_bg { background: #ffffff url('../images/background.png') repeat-x bottom center; }

#layout_ct
{
    width:936px;
    margin:auto;
    padding-bottom: 10px;
}

#layout
{
    width:100%;
}

#layout_left , #layout_center
{
    vertical-align:top;
}

#layout_left
{
    width:220px;
    padding:0;
}

#layout_center
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background:#fff;

}

.hd_onglet_l {
    float:left;
    padding-left:6px;
    height:28px;
    line-height:28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
}

.hd_onglet_c {
    padding:0 10px;
    font-size:16px;
    color : white;
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: center center;
}

.hd_onglet_r {
    padding-right:6px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center right;
}

.hd_onglet_l.hdo1 { background-image: url('../images/header/bg_onglet1_l.png'); }
.hd_onglet_c.hdo1 { background-image: url('../images/header/bg_onglet1_c.png'); }
.hd_onglet_r.hdo1 { background-image: url('../images/header/bg_onglet1_r.png'); }

.hd_onglet_l.hdo2 { background-image: url('../images/header/bg_onglet2_l.png'); }
.hd_onglet_c.hdo2 { background-image: url('../images/header/bg_onglet2_c.png'); }
.hd_onglet_r.hdo2 { background-image: url('../images/header/bg_onglet2_r.png'); }

.hd_barre_1
{
    height:5px;
    background: transparent url('../images/header/bg_barre_1.png') repeat-x center center;
}

.hd_barre_2
{
    height:5px;
    background: transparent url('../images/header/bg_barre_2.png') repeat-x center center;
}

#layout_right
{
    width:160px;
    padding:0;
    vertical-align:top;
}

#layout_right div.contact_resto
{
    height:101px;
    margin-top:20px;
    background: transparent url('../images/right/restaurateurs.png') no-repeat center center;
    color:#52b0da;
    font-size:12px;
}

#layout_right div.contact_resto div { padding:10px 15px; }

#layout_right div.contact_resto a {
    float:right;
    color:#52b0da;
    font-weight:bold;
    line-height:20px;
}

#layout_right div.pub
{
    margin-top:20px;
    background: transparent url('../images/right/pub_fond.png') repeat center center;
    text-align:center;
}

#layout_right div.pub img {
    margin:10px auto;
    border:0;
}

/* FOOTER */
#layout_bottom {
    padding:5px 0;
}

#layout_bottom div.social {
    margin:auto;
    width:900px;
    text-align:center;
}

#layout_bottom div.social a {
    color:#999;
    text-decoration:none;
    line-height:16px;
    margin:0 10px;
}

#layout_bottom div.social a img {
    border:0;
}

#layout_bottom div.social.social2 {
    display:none;
    margin-top:10px;
}

p.footer { color:#999; }

p.footer a {
    color:#999;
    text-decoration:none;
}

p.footer a:hover {
    color:#666;
}

p.footer2 { font-size : 11px; }

div.footer3 {
    text-align:center;
}
div.footer3 a {
    margin-top:5px;
    color:#aaa;
    text-decoration:none;
    font-size:10px;
}

.bloc
{
    border:1px dotted black;
    margin : 5px;
    padding : 5px;
}

.bloc h3
{
    margin:0 auto 5px auto;
    border-bottom:1px dotted blue;
    color:darkblue;
    font-size:12px;
}

#user_ajout_ok
{
    border:1px solid #008000;
    background:#B7FFB7;
    padding:20px;
}

.formInputError
{
    border:1px solid #800000;
    background:#FFB7B7;
}

.mapMarker
{
    font-size:10px;
    height : 100px;
}

.mapCenterPos {
  background: #ff9100;
  border: 2px solid #fff;
  cursor : pointer;
  text-align: center;
}

.mapCenterText {
  font-family: Arial , sans-serif;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  color:white;
  font-weight:bold;
}

#quicksearch {
    width:97%;
}

img.resto_selico { cursor: pointer; }

#resultats_liste img.resto_selico {
    float:right;
    margin-right:5px;
}

/* TOOLTIP */
.aToolTip {
	border:2px solid #666;
	background:#777;
	color:#fff;
	margin:0;
	padding:6px 12px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url('../images/tip_closeBtn.png') no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}

h1{
text-align : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #959595;
}

h2{
font-size : 14px;
font-weight : bold;
}

h3{
	font-family: Arial , "Trebuchet MS", Tahoma, sans-serif;
    font-size:13px;
    color:#959595;
	margin:0px;
	font-weight : bold;
}

div.emarketing
{

	border-width:1px;
	border-style: solid;
	border-color: #FF9F00;
	font-size:13px;
    width:320px;
    color:#959595;
	font-weight:normal;
	padding:3px;
	text-align: center;
	float: left;
	margin-left:50px;
	margin-right:20px;
	margin-bottom:20px;
	height:80px;
}

div.emarketing2
{

	border-width:1px;
	border-style: solid;
	border-color: #A7C329;
	font-size:13px;
    width:320px;
    color:#959595;
	font-weight:normal;
	padding:3px;
	text-align: center;
	float: left;
	margin-bottom:20px;
	height:80px;
}

/* select restyle */
/*
#form_recherche .ou .newListSelected {
    background: transparent url('../images/select_kms.png') no-repeat 0 0;
    height : 22px;
    width : 73px;
    padding:0;
}

#form_recherche .ou .newListSelHover , #form_recherche .ou .newListSelFocus {
    background-position: 0 -22px;
}

#form_recherche .ou .selectedTxt {
    padding : 3px 23px 0 2px;
}

#form_recherche .ou ul.newList {
    width : 73px;
}

#win-xp .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 155px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:10px; padding:0; width:173px;}
#win-xp .newListSelected div {display:block; font-size:0.85em; padding:2px 21px 2px 4px; text-align:left !important; width:149px;}
#win-xp ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.85em; text-align:left!important; position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp .hiLite {background:#316ac5!important; color:#fff!important;}
#win-xp .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#win-xp .newListSelHover {cursor:default;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}
*/

#dialog_justarrived div.logo {
    margin-right:30px;
}

#dialog_justarrived a {
    text-decoration:none;
}

#dialog_justarrived a:hover {
    color:#FF9F00;
}

span.champ_requis {
    color:#cb0d07 !important;
    font-weight:bolder;
}

div.champ_requis_legend {
    color:#cb0d07 !important;
    margin:10px;
}