.blue_bold {
	color:#0085CE;
	font-weight:bold;
	}
a.blue_bold {text-decoration:none}

/**************************************************************************************************
 header  album photos
 **************************************************************************************************/
#header_album {
	width:660px;
	margin:10px 0 10px 5px
	}
#header_album .logge a{font:14px Arial, Helvetica, sans-serif; color:#888888;}

#header_album .logge p {
	margin:0;
	padding: 40px 0 0 31px;
	font-size:11px;
	font-weight:bold;
	color: #515150
	}
/**************************************************************************************************
 colonnes album photos
 **************************************************************************************************/ 
 #album_left  {
	width:660px;
	padding:0; 
	font:12px Arial, Helvetica, sans-serif; color:#888888;
	}
 #album_right {
	width:200px;
	padding:0 0 10px 10px
	}
 #album_left, #album_right {float:left;} 
 
 #menu_album {margin:10px 0 30px 0}
 /**************************************************************************************************
 zones index album photos
 **************************************************************************************************/ 
#index_zone1 {padding:5px 0 0 0}
 #index_zone3 {
	font-size:11px  
	}
 #edit_zone2, #edit_zone3 {padding: 25px 0 0 0; margin:10px 0 0 0;}
 #index_zone2,  #index_zone3 { margin:10px 0 0 0;}
 #index_zone2 .styles, #edit_zone2 .styles {
	background-color: #EEEEEE;
	border:1px solid  #DADBDB;
	width:100%;
	height:110px;
	}
 #index_zone2 .styles .visu, #edit_zone2 .styles .visu {
	width:85px;
	height:20px;
	float:left;
	margin:10px 7px 10px 7px;
	text-align: center;
	font-size:10px
	}
 #index_zone2 .styles .visu img, #edit_zone2 .styles .visu img {border:4px solid #FFF}
 #index_zone1 input {
	background-color: #EEEEEE;
	width:350px;
	height:20px;
	padding:0 0 0 10px
	}
 #index_zone3 .java, #edit_zone3 .java {
	width:100%;
	margin: 5px 0 10px 0
	}
 #index_zone1 input, #index_zone3 .java, #edit_zone3 .java {border:1px solid  #DADBDB; }
 /**************************************************************************************************
 zones edit album photos
 **************************************************************************************************/ 
 #edit_zone2 {background: url('../images/titre_style1.gif') no-repeat top left; }
 #edit_zone3 {background: url('../images/titre_photos.gif') no-repeat top left; }
 /**************************************************************************************************
 zones comment album photos
 **************************************************************************************************/ 
 #comment_zone1 {
	background: url('../images/titre_commentaires.gif') no-repeat top left; 
	padding: 25px 0 0 0;
	}
 /******************************************************************************************************
 page album
 ******************************************************************************************************/
 #diaporama {float:left; }
 #diaporama {
	width:590px;
	padding:5px 20px 10px 60px;
	height: 550px;
	}
 #liste_dias {
	clear:both;
	width:660px !important; width:640px;
	background-color:#EEEEEE;
	margin:15px 0 10px 0;
	border:1px solid #DADBDB;
	padding:5px 0 5px 5px;
	font:12px Arial, Helvetica, sans-serif; color:#888888;
	}
 #liste_dias a{color: #006699;}
	
 #diaporama .cadre {
	width:537px;
	height:550px;
	background: url('../images/cadre_diaporama.gif') no-repeat bottom left;
	}
 #diaporama .cadre1 {
	width:537px;
	height:538px;
	background: url('../images/cadre_diaporama1.gif') no-repeat bottom left;
	}
 #liste_dias .dias {text-align:center; vertical-align: middle; } 
 #liste_dias .dias {
	float:left;
	width:99px;
	height:99px;
	background: url('../images/cadre_dias.gif') no-repeat center;
	margin:5px 
	}
 #liste_dias .bouton {margin:5px 0 0 10px}
  
 #liste_dias a.float_l {float:left; margin:0 0 0 10px; width:100px;}
 #liste_dias a.float_r {float:right; margin:0 15px 0 0; width:100px;}
 
 #liste_commentaires {
	clear:both; 
	width:600px; 
	padding:0 0 10px 0px;
	}
 #liste_commentaires .comment1 {background:#EEEEEE url('../images/pointilles.gif') repeat-x top left;}
 #liste_commentaires .comment2 {background:#FFF url('../images/pointilles.gif') repeat-x top left;}
 #liste_commentaires .comment1, #liste_commentaires .comment2 {padding:3px}

 /******************************************************************************************************
 page album EDIT
 ******************************************************************************************************/
 #diaporama, #liste_dias_edit {float:left; }
	
 #liste_dias_edit {
	width:690px;
	background-color:#EEEEEE;
	margin:15px 0 0 0;
	border:1px solid #DADBDB;
	padding:5px 0 5px 5px;
	}
 #liste_dias_edit .dias {text-align:center; vertical-align: middle; } 
 #liste_dias_edit .dias {
	float:left;
	width:99px;
	height:99px;
	background: url('../images/cadre_dias.gif') no-repeat center;
	margin:5px 
	}
 #liste_dias_edit .bouton {margin:20px 0 0 10px}
 #liste_dias_edit a.float_l {float:left; margin:0 0 0 10px; width:100px;}
 #liste_dias_edit a.float_r {float:right; margin:0 15px 0 0; width:100px;}
 
 /******************************************************************************************************
 thèmes
 ******************************************************************************************************/
 #theme1, #theme2, #theme3, #theme4, #theme5, #theme6 {
	width:532px;
	height:532px;
	margin:1px 0 0 1px;
	text-align:center; 
	vertical-align: middle;
	}
 #theme1 img, #theme2 img, #theme3 img, #theme4 img, #theme5 img, #theme6 img {border:5px solid #FFF;}
 
 #theme1 {background: url('../../../images/themes/bg/theme1_bg.gif') no-repeat center;}
 #theme2 {background: url('../../../images/themes/bg/theme2_bg.jpg') no-repeat center;}
 #theme3 {background: url('../../../images/themes/bg/theme3_bg.jpg') no-repeat center;}
 #theme4 {background: url('../../../images/themes/bg/theme4_bg.gif') no-repeat center;}
 #theme5 {background: url('../../../images/themes/bg/theme5_bg.jpg') no-repeat center;}
 #theme6 {background: url('../../../images/themes/bg/theme6_bg.jpg') no-repeat center;}
 
 /******************************************************************************************************
 page save : formulaire d'inscription
 ******************************************************************************************************/
#save {padding:0 30px 10px 0px; }
#save .titre {
	border-bottom:1px solid #515150; 
	margin:10px 0 5px 0;
	font-weight:bold;
	clear:left
	}
#box_inscrite, #inscription {
	float:left;
	background-color:#EEEEEE;
	border:1px solid #DADBDB;
	margin:10px 0 0 0;
	padding:5px;
	font-size:11px;
	color: #515150
	}
#box_inscrite {width:32%}
#box_inscrite a {text-decoration:underline}
#inscription {
	width:62%;
	margin:10px 0 20px 10px
	}
#box_inscrite label {width:200px;}
#inscription label {width:155px;}

#box_inscrite label, #inscription label {display:block;}
#inscription .erreur {width:100%; text-align:left; float:left}
#inscription input {width:120px;}
#inscription label {clear:left} 
#box_inscrite label, #box_inscrite input {float:left}
#inscription #enceinte label, #inscription #enceinte input, #inscription #enceinte select, #inscription #enfants label, #inscription #enfants input, #inscription #enfants select {float:none}
#inscription input.form, #box_inscrite input.login{
	background:url('../images/bt_sauver.gif') no-repeat center;
	border:none;
	width:204px;
	height:28px;
	cursor:pointer;
	margin:10px 0 10px 0  
	}
	
 /******************************************************************************************************
 page share : inviter amies
 ******************************************************************************************************/
 #box_amie input {
	width:320px;
	margin:0 0 5px 0;
	padding:2px 0 2px 10px
	}
 #box_amie input.bt_envoyer {
	background:url('../images/bt_inviter.gif') no-repeat center;
	width:204px;
	height:28px;
	cursor:pointer;
	border:none
	}
 #box_amie .bt_non {border:none;}
 
 /******************************************************************************************************
 Page d'accueil: Test des champs (formulaire)
 ******************************************************************************************************/ 
 #Suite_album {
	position:absolute;
	z-index: 100;
	padding: 10px;
	background: #ffcccc;
	border:1px solid #cc0000;
	font-size: 12px;
	font-weight: bold;
	top: 350px;
	left: 300px;
	display: none;	
	height: 100px;
	width: 350px;
	}
 #titre_derniers { padding:5px 0 0 15px;}
 
 /*********** Les textes ******************************************************/
 
 .texte14,  .texte14 a{ font:14px Arial, Helvetica, sans-serif; color:#666666; margin-right:10px; font-weight:bold;}
 .texte14 a:hover {color: #0099CC;}
 
 .texte14a,  .texte14a a{ font:13px Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; text-decoration:none; margin: 0 3px 0 3px}
 .texte14a a:hover {color: #0099CC;}
 
 .texte12,  .texte12 a{ font:12px Arial, Helvetica, sans-serif; color:#666666;}
 .texte12 a:hover {color: #0099CC;}
 
 /************* derniers albums ****************************************/
 .dernier_album_mini {
	background:url(../images/album_mini.gif) no-repeat;	
	text-align:center;
	width:96px;
	height:96px;
	}
.dernier_album {margin:5px 5px 5px 5px; float:left}

/**************** Albums préférés ****************************************/
#albums_preferes {background:#F5F5F5; border:1px dotted #DDD; padding:10px}
#albums_preferes center {font-size:10px}
#albums_preferes .rating {width:100%; text-align:center}
.albums_preferes {margin:0 3px 5px 3px}

.albums_preferes_mini {
	background:url(../images/album_mini_grey.gif) no-repeat;	
	text-align:center;
	width:96px;
	height:96px;
	margin:0 2px 7px 2px;
	}
/************** Pagination *************************************************/
.pagination_album_accueil {background:#EEE; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; width:90%; text-align:center; margin:10px 0 10px 0; padding:5px; color:#333333;}

.pagination_album_accueil .current {font-weight:bold; font-size:12px}
.pagination_album_accueil a .link {color:#333333; font-weight:bold;}
.pagination_album_accueil a .link:hover {color:#B10044; font-weight:bold}

/************* View Album ***************************************************/
#view_album {margin:10px 0 0 0}
#view_album .intro {width:95%; margin:20px 0px 20px 0; border:1px dotted #DDD; padding:10px; clear:both; background:#F5F5F5; display:block}
#view_album .intro b {font-size:14px}
#view_album .intro .voter {font-weight:bold; height:20px; font-size:11px}
#view_album .intro .voter p, #view_album .intro .voter .rating {float:left;}
#view_album .intro .voter p {margin:0}

#view_album #menu {margin:0 20px 10px 0}

#view_album .membre {float:left; padding:5px; font-size:11px; width:250px; height:50px;  }
#view_album .membre a {font-weight:bold; text-decoration:underline; }
#view_album .membre img {margin:0 10px 0 0}

/*******************************************************
Rubrique babyclub - inscription bis
*******************************************************
#inscription_babyclub1{
	padding:10px !important; padding:0 10px 10px 10px;
	background:url(../images/interface/formulaire_bg.gif) no-repeat bottom right;
	font-size:11px;
	}
#inscription_babyclub1 label {font-weight:normal; float:left; width:150px; font-size:11px}

#inscription_babyclub1 input {
	color:#027ABB; 
	font-size:11px; 
	padding:1px 0px 1px 2px;
	}
#inscription_babyclub1 h1 {
	border-bottom:1px dotted #C2D2E8;
	font-size:15px;
	margin:0px 0 3px 0;
	color:#000; 
	}
#inscription_babyclub1 h3 {
	border-bottom:1px dotted #C2D2E8;
	font-size:15px;
	margin:0px 0 3px 0;
	color:#027ABB; 
	}
#inscription_babyclub1 a {
	color:#027ABB; 
	text-decoration:none
	}
#inscription_babyclub1 input.inscription {
	background:url(../../../../images/interface/bt_inscription.gif) no-repeat center;
	width:471px;
	height:27px;
	cursor:pointer;
	font-weight:bold;
	color:#027ABB; 
	text-align:center;
	border:none; 
	padding:0 0 3px 0;
	margin:5px 0 0 0
	}
#inscription_babyclub1 .exemple {color:#027ABB;}

#inscription_babyclub1 a.conditions {
	width:55%; 
	display:block; 
	cursor:pointer; 
	text-decoration:underline; 
	float:left
	}*/

/********************************************************
Boite connexion rubrique baby club
*********************************************************/
#babyclub_connect {
	background:#003F6B url(../../../../images/interface/babyclub_connect_bg.jpg) no-repeat bottom;
	width:200px;
	padding:0 0 10px 0
	}
#babyclub_connect .top {
	background:url(../../../../images/interface/babyclub_connect_top.jpg) no-repeat top;
	height:8px
	}
#babyclub_connect h5 {
	color:#FFF;
	margin:10px 10px 10px 10px;
	font-size:11px;
	}
#babyclub_connect input {
	margin:0 0 5px 10px;
	font-size:11px;
	color:#027ABB; 
	width:180px
	}
#babyclub_connect p {
	margin:0 10px 0 10px;
	color:#FFF
	}
#babyclub_connect input.button, #babyclub_connect input.button_id {
	width:165px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 0 5px 20px;
	}
#babyclub_connect input.button {background:url(../images/bt_album_connect.gif) no-repeat center;}
#babyclub_connect input.button_id {background:url(../images/bt_identifier.gif) no-repeat center;}

#babyclub_connect p a {color:#FFF; text-decoration:underline}

/***************************************************************
Upload photos / videos
***************************************************************/
#album_left input.validation, #album_left input.choix, #album_left input.save_theme, #album_left input.save_video, #album_left input.ajout_video {cursor:pointer; border:none}
#album_left input.validation {
	background:url(../images/bt_envoyer.gif) no-repeat;	
	width:162px;
	height:37px;
	}
#album_left input.choix {
	background:url(../images/bt_choisir.gif) no-repeat;	
	width:260px;
	height:28px
	}
#album_left input.save_theme{
	background:url(../images/bt_save.gif) no-repeat;	
	width:300px;
	height:28px;
	margin:10px 0 10px 0
	}
#album_left input.save_video {
	background:url(../images/bt_save_video.gif) no-repeat;	
	width:250px;
	height:37px
	}
#album_left input.ajout_video {
	background:url(../images/bt_ajout_video.gif) no-repeat;	
	width:204px;
	height:28px
	}	
#album_creer {background:#B10044; width:332px}
#album_creer .bottom {background:url(../images/pub_album_creer_bottom.gif) no-repeat bottom; height:10px}

/**************************************************************
Edit photos
***************************************************************/
#edit_menu {width:98%; border-top:1px dotted #BBB; margin:30px 0 0 0; padding:10px 0 0 0}
.edit_img {height:200px; width:212px; text-align: center; display:table-cell; vertical-align:middle}
.edit_infos {padding:5px}
.edit_zindex {
	width:205px; 
	height:110px;
	}
.edit_zindex_video {
	width:315px; 
	height:145px;
	}
.edit_zindex, .edit_zindex_video{
	color:#FFF; 
	background:#000; 
	padding:3px; 
	display:none; 
	position:absolute; 
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	font-weight:bold;
	padding-top:100px;
	text-align:center;
	}
	
.cadres_index {
	background: url(http://www.babyfrance.com/concours-photos/images/concours_cadre.gif) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666565;
	float: left;
	margin:5px 0px 10px 0px;
	height:126px;
	width:131px
	}
.cadres_index a img {margin:20px 0 0 0}
.cadres_index .medaille {padding:10px 0 0 0}
.cadres_index div {padding-left:16px}    

.cadres_myalbum {
	background: url(../images/album_cadre.gif) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666565;
	float: left;
	margin:5px 5px 10px 5px;
	height:126px;
	width:117px
	}
.cadres_myalbum a img {margin:20px 0 0 0}

input.deplace_photos {
	background:url(../images/bt_deplacer.gif) no-repeat;
	width:289px;
	height:26px;
	cursor:pointer;	
	border:none
	}
a.move_photo {display:block; background:#B10044; padding:5px; border-bottom:#FFF solid 1px; color:#FFF; font-size:11px}
a.move_photo:hover {background:#CCC; color:#000}

.resultPhotos {background:#F5F5F5; border:1px solid #DDD; padding:5px; width:350px; margin:0 0 0 50px }
.resultPhotos h3 {margin:10px 0 5px 0px; font-size:14px}

/***********************************************************
Menu concours
*************************************************************/
#menu_albums {clear:both;}

#menu_albums a.onglet1, #menu_albums a.onglet2, #menu_albums a.onglet3, #menu_albums a.onglet4, 
#menu_albums a.onglet1_current, #menu_albums a.onglet2_current, #menu_albums a.onglet3_current, #menu_albums a.onglet4_current
	{
	height:26px;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 4px 0 0
	}
#menu_albums a.onglet2, #menu_albums a.onglet3,
#menu_albums a.onglet2_current, #menu_albums a.onglet3_current {width:185px;}

#menu_albums a.onglet1, #menu_albums a.onglet1_current {width:90px;}

#menu_albums a.onglet4, #menu_albums a.onglet4_current {width:180px;}

#menu_albums a.onglet1 {background: url(../images/bt_album_accueil.gif);}
#menu_albums a.onglet2 {background: url(../images/bt_album_creer.gif);}
#menu_albums a.onglet3 {background: url(../images/bt_album_editer.gif);}
#menu_albums a.onglet4 {background: url(../images/bt_album_voir.gif);}

#menu_albums a.onglet1:hover, #menu_albums a.onglet1_current {background: url(../images/bt_album_accueil1.gif);}
#menu_albums a.onglet2:hover, #menu_albums a.onglet2_current {background: url(../images/bt_album_creer1.gif);}
#menu_albums a.onglet3:hover, #menu_albums a.onglet3_current {background: url(../images/bt_album_editer1.gif);}
#menu_albums a.onglet4:hover, #menu_albums a.onglet4_current {background: url(../images/bt_album_voir1.gif);}
	
h3.albums {color:#AE0043; margin:0 0 5px 0; font-size:16px; border-bottom:1px dotted #CCC; width:100%}