html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, 
dl, dt, dd, ol, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
  font-size: 0.8em;text-align:center;font-family: arial, helvetica, sans-serif;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
.load{
  background: url('../images/loading.gif') no-repeat center;
}
.form-errors{
padding: 15px;
background: #fff;
border:1px solid red;
}
.attention{
padding: 15px;
background: #fff;
border:1px solid #ffd324;
color:#454545;
}
.form-errors h2{
font-size:13px;
margin-bottom:5px;
}
.message{
padding:15px;
color: #454545;
background: #fff;
border:1px solid #73B65A;
color:#73B65A;
}
.precision{
font-size:10px
}


/* PAGER */
#pager {
  font-size:15px;
  font-weight:bold;
}
 
/* SORTABLE */ 
.sortable { 
  cursor: move; float: left; 
}
#order { 
  list-style-type:none; 
}
.loading, .loading a, .loading input, .loading textarea {
  cursor: progress; 
}

.small_title span{
  float:right;
  font-size: 12px;
  padding-top: 9px;
}

#menu
    {float:left;width:250px;height:auto;margin-top:245px;padding-right:10px;}

#bg_container{
  height: auto !important;
  height: 800px; /* ie */
  min-height: 800px;
}
#bg_container_gene{
  height: auto !important;
  height: 500px; /* ie */
  min-height: 500px;
}

#bg_content{
  float:right;
  margin-top:165px;
}
#content{
  width:535px;
  padding:10px;
}
#content_websitegift{
  width:555px;
  padding:10px 0px 10px 0px;
}

#footer #content{
  width:844px;
  margin:0 auto;
  padding: 0;
}

#connection{
  float:right; 
  height:33px;
	text-align:center;
	font-size:12px;
}
#connection a{
  color:#fff;
}

a.language_on img, a.language_off img{
  height: 22px;
  margin-top:-2px;
}
a.language_off:hover{
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}
.language_off{
	filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}

#gene {
	margin:0 auto 0 auto; 
	overflow-y:hidden;
	color:#FFF;
	font-size:10px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
  overflow:auto; 
  width:100%;
}
#info_user {
  float:left; 
	width:215px; 
	line-height:145%;
}
#img_perso {
  float:left; 
	margin-right:10px; 
	border:thin solid #D1D1D1;
}

#separator{
  width:510px;
}


/* ACCUEIL */
#last_blogs .title{
  background: url('../images/icon_blog.png') no-repeat 10px 0;
}
#last_comments .title{
  background: url('../images/icon_comments.png') no-repeat 10px 3px;
}
#last_photos .title{
  background: url('../images/icon_photo.png') no-repeat 10px;
}
.last_items{
  background:
	margin:0 10px 5px 0; 
  float:left;
	width:171px;
	height:258px;
}
.last_items .entry{
  padding: 5px 5px 5px 20px;
  height: 44px;
	font-size:11px;	
	width: 145px;
	float:left;
}
.last_items .title{
	padding:6px 4px 3px 30px;
	font-size:13px;
	text-align:center;
	line-height:95%;
	height: 25px;
}
.last_items img{
  float:left;
  margin:2px 5px 7px 0;
	text-align:center;
}
.last_items .date{
	font-style:italic;
	font-size:10px;	
}
#last_comments p, #last_blogs p{
  display:inline;
}
#last_photos p{
  margin: 5px 0 0 18px;
}

#last_news{
  color: #2E2E2E;
}
#last_news a{
  color: #000;
}
#last_news .entry{
  background: #F7F7F7;
  padding: 5px;
  border-bottom: 1px solid #B0B1B3;
}
#last_news .entry a.nodeco_link{
  text-decoration: none;
}
#last_news .entry a.nodeco_link:hover{
  text-decoration: underline;
}
#last_news .entry .detail{
  width: 463px;
  float:right;
}
#last_news .date{
  float: right;
  font-size: 11px;
  color: #B0B1B3;
}



/* ALBUM SLIDER */

#album_slider .photo_slide{
  margin-right:3px;
}
#album_slider #empty_left_arrow {
  float:left;
  width: 10px;
	height: 17px;
	margin:16px 36px 0 0;
}
#album_slider #empty_right_arrow {
  float:right;
  width: 10px;
	height: 17px;
	margin:16px 0 20px 0;
}
#showed_photo {
  margin-top:10px;
	text-align:center;
}
#diaporama_player{
  border: 1px solid;
  width: 100px;
  text-align: center;
  margin:0;
  margin-left:37px;
}

/* TOOLS */

#top_of_page{
	float:right;
  background: url(../images/sd_top_of_page-trans.png) no-repeat;
	padding-left:25px;
	height: 20px;
	color:#5e5e5e;
	margin-top:10px;
}
#edit_page{
  background:url(../images/btn_backend.png) no-repeat;
  width:132px;
  height:21px;
  text-align:center;
  padding-top:4px;
  float:right;  
  color:#fff;
  text-decoration:none;
  margin-bottom:3px;
}
#desactivate_page{
  background:url(../images/btn_backend.png) no-repeat;
  width:132px;
  height:21px;
  text-align:center;
  padding-top:4px;
  float:right;  
  color:#fff;
  text-decoration:none;
}



/* FONTS */

h3.website_title {
  position:absolute;
	top:40px;
	left:280px;
	font-weight:normal;
	width: 570px;
  line-height: 1em;
  visibility: hidden;
}
h4.title_comment {
  padding:3px 0 0 35px;
  background: url(../images/ico_comment-trans.png) no-repeat;
	height:28px;
  font-size:16px;
}
h5.add_comment {
  padding:3px 0 0 35px;
  background: url(../images/ico_add_comment-trans.png) no-repeat;
	height:28px;
  font-size:16px;
}
.last_items img{
  float:left;
  margin:2px 5px 7px 0;
	text-align:center;
}
.last_items .date{
	font-style:italic;
	font-size:10px;	
}
h6.website_date {
  position:absolute;
	top:105px;
	left:700px;
  font-size:25px;
  width: 200px;
  visibility: hidden;
}

.hotel_title, .hotel_title:hover{
  color:#1556B8;
}
.info_title {
  text-decoration:underline; 
	font-weight:bold;
}


/* GOOGLE MAP */
#map img { 
  behavior: none; /* resoud le pb d'affichage sous ie6 */ 
} 
#google_map {
	width:533px;
	height:294px;
	border-left:1px solid #896645;
	border-right:1px solid #896645;
	border-bottom:1px solid #896645; 	
}
#google_map_shadow{
  background: url(../images/google_map_shadow-trans.png) no-repeat bottom;
	width:535px;
	height:16px;
	float:left;
}
#mapCanvas{
	width:375px;
	height:278px;
}
#filter_ggmap{
  width: 515px;
}
#filter_ggmap legend{
  font-weight:bold;
}

/* FORM */
#sf_guard_auth_form fieldset{
  margin:20px 20px 0 20px;
  border:none;
}
.form_error{
  color:red;
}
.required{
  color:#b11027;
}
#login_form #sf_guard_auth_username label, #login_form #sf_guard_auth_password label{
  display:block;
  width:150px;
}
#login_form .form-row{
  margin-bottom:8px;
}




/* ------------------------- onglets ------------------ */
#gg_menu_content{
  z-index:-5;
	background: url('../images/onglet_content.gif') no-repeat;
  margin-top: -2px;
  float: left;
  width: 515px;
  padding: 10px;
  height: 100px;
  overflow: auto;
}
#gg_menu_content #planning li a, #gg_menu_content #accomodation li a, #gg_menu_content #member li a, #google_infowindow, #google_infowindow a{
  color: #454545;
}
#gg_menu {
  width:525px;
  float:left;
  background:url(../images/onglet_bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  font-size: 12px;
  margin-left:5px;
}
#gg_menu ul {
  margin:0;
  padding:0px 15px 0;
  list-style:none;
  }
#gg_menu li {
  float:left;
  background:url(../images/onglet_left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  }
#gg_menu a {
  display:block;
  background:url(../images/onglet_right.gif) no-repeat right top;
  padding:6px 10px 3px 6px;
  text-decoration:none;
  color:#765;
  }
#gg_menu a:hover {
  color:#333;
  }
#gg_menu .current {
  background-image:url(../images/onglet_left_on.gif);
  }
#gg_menu .current a {
  background-image:url(../images/onglet_right_on.gif);
  color:#333;
  padding-bottom:5px;
  }
ul#gg_menu li{
  float:left;
}
ul.list_gg_objects li{
  float:left;
  margin-left: 10px;
}


/* FICHE PERSO */
#member_visit {
	height:284px;
	width:250px;
}
#member_visit img{
  float:left;
  margin: 0 5px 5px 0;
}
#member_visit span.visit_title2{
  display:block;
  margin:5px 0 3px 35px;
  font-style:italic;
}
#member_visit .title{
  font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
}
#member_visit .entry{
  margin-left: 35px;
  width: 200px;
  float:left;
}
#member_visit .date{
	font-style:italic;
	font-size:10px;	
}


/* UMPP */
.umpp_note{
  font-size: 22px;
  color: #BD1199;
}
.umpp_note span.umpp_note_total{
  color: #2FA8DD;
}

.umpp_big_note{
  float:right;
  width: 130px;
  font-size: 50px;
  color: #BD1199;
}
.umpp_big_note span{
  color: #2FA8DD;
}


/* accueil membre */
#edit_profil, #valid_presence, #add_photo_member, #valid_presence_small, #edit_website{
  float:left;
  color: #2e2e2e;
  text-align:center;
  text-decoration:none;
  font-size: 17px;
  margin-right: 10px;
}
#edit_profil:hover, #valid_presence:hover, #add_photo_member:hover, #valid_presence_small:hover, #edit_website:hover{
  text-decoration:underline;
}
#edit_profil{
  background: url('../images/btn_modif_fiche.png') no-repeat;
  width: 117px;
  height: 59px;
  padding: 20px 5px 5px 40px;
}
#edit_website{
  background: url('../images/btn_edit_website.png') no-repeat;
  width: 117px;
  height: 59px;
  padding: 20px 5px 5px 40px;
}
#valid_presence{
  background: url('../images/btn_valid_presence.png') no-repeat;
  width: 117px;
  height: 66px;
  padding: 13px 5px 5px 40px;
  margin-right: 10px;
}
#valid_presence_small{
  background: url('../images/btn_valid_presence_small.png') no-repeat;
  width: 120px;
  height: 37px;
  padding: 10px 10px 5px 30px;
  font-size: 12px;
}
#add_photo_member{
  background: url('../images/btn_ajout_photo_membre.png') no-repeat;
  width: 117px;
  height: 66px;
  padding: 13px 5px 5px 40px;
}


/* CO VOITURAGE */ 
.trajet_detail{
  background: #fff;
  border:1px solid #e2e2e2;
  float:left;
  width:163px;
  height:35px;
  margin-top: 5px;
  margin-right: 5px;
  padding:5px;
  color:#2E2E2E;
}
.trajet_detail_big{
  background: #fff;
  border:1px solid #e2e2e2;
  float:left;
  width:160px;
  margin-top: 5px;
  margin-right: 5px;
  padding:5px;
  color:#2E2E2E;
}
.trajet_detail img{
  float:left;
  margin-right: 5px;
}
.trajet_detail h4{
  font-size: 18px; 
  display:inline;
  font-weight: normal;
}

/* SONDAGES */
.survey_bloc, .quiz_bloc{
  line-height: 200%;
  margin-bottom: 20px;
}
.survey_bloc span{
  float:right;
  margin-right:100px;
}
.survey_bloc .correct_answer_was{
  float:none;
  margin:0px;
  color:green;
}
.quiz_correct{
  margin-top:10px;
  padding:5px;
  color: green;
  font-weight: bold;
  border: 2px solid green;
  background-color:#fff;
  text-align:center;
}
.quiz_error{
  margin-top:10px;
  padding:5px;
  color: red;
  font-weight: bold;
  border: 2px solid red;
  background-color:#fff;
  text-align:center;
}
#quiz_ranking{
  font-size:14px;
}
#quiz_ranking .rank1{
  font-size:14px;
  font-weight: bold;
}
#quiz_ranking .rank{
  margin-bottom:10px;
}
#quiz_ranking .rank span{
  width:50px;
  float:left;
  text-align:center;
}