/*		CSS USED FOR MODULES 		*/

/*#login_form {width:380px}*/
#login_form .btn_bleu { width:22px; height:22px; float:right}

#form_utilisateur ul.admin_list {
	width: 100%;
	margin: 10px;
}

#form_utilisateur ul.admin_list li.required label {
	color: #C60033;
}

/*	GESTION TOOL BOX qui contient les éléments d'actions pour un USER loggé	*/

#tool_box	{ display:block; float:right;}

#tool_box a img {	width:30px; height:30px;}

a.bigRed { font-size:16px; color:#c60033;}

/* GESTION DES PHOTOS */
.album_list {
	background: #E2E5EA;
	margin-bottom: 5px;
	border: 1px solid #B2BAC7;
	/*filter: alpha(opacity = 65);*/
	-moz-opacity: 65;
	opacity: 65;
	padding:15px;
}

#admin_album_list h2, #admin_photo_list h2, #admin_couverture h2 {	color:#B2BAC7; font-size:14px;} 
#admin_album_list div.help, #admin_photo_list div.help, #admin_couverture div.help {display:block; float:right; width:450px; margin:5px 5px;}

#admin_photo_list .action_delete { margin-top:-20px; margin-left:80px;}
#admin_photo_list  .btn_bleu {float:left;}

#admin_album_list .action_delete, #admin_album_list .action_modify { float:right}
#admin_album_list ul, #admin_photo_list ul {display:block; width:880px; margin-left:10px;}

#couverture_image a.image {display:block; width:120px; height:120px; border:1px solid #B2BAC7;}

#admin_recadrage_photo {position:absolute; top:100px; left:200px; width:400px; height:400px; z-index:1; background:#ffffff; padding:10px; border:2px solid #B2BAC7;}
#admin_recadrage_photo .image {text-align:center;}

#form_add_photo {	display:block; width:400px; margin:15px 10px; background:#f0f5fb; border:1px solid #B2BAC7; padding:15px; }
#form_add_photo label {width:150px;}
#form_add_photo .btn_bleu { float:right;}

#div_photo_list {width:900px; height:260px; overflow-x:hidden; overflow-y:scroll;}

.photo_list {
	background: #E2E5EA;
	margin: 10px;
	padding: 10px;
	border: 1px solid #B2BAC7;
	/*filter: alpha(opacity =65);*/
	-moz-opacity: 65;
	opacity: 65;
}

.photo_list .action_new,.album_list .action_new {
	float: right;
}


.action_view {
	padding-left: 20px;
	background: url(../img/icons/icon_view.png) top left no-repeat;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	cursor: pointer;
	width: 5px;
	height: 20px;
	display: block;
}

.action_modify {
	padding-left: 20px;
	background: url(../img/icons/icon_edit.png) top left no-repeat;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	cursor: pointer;
	width: 5px;
	height: 20px;
	display: block;
}

.action_new {
	padding-left: 20px;
	background: url(../img/icons/icon_add.gif) top left no-repeat;
	font-size: 12px;
	color: #456490;
	font-weight: bold;
	cursor: pointer
}

.action_delete {
	padding-left: 2px;
	background: url(../img/icons/icon_delete.gif) top left no-repeat;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
}

#div_album_list ul {
	margin: 15px;
}

#div_album_list ul li {
	float: left;
	width: 140px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #B2BAC7;
	background: url(../img/icons/folder.gif) top left no-repeat #f0f5fb;
	
}
#div_album_list ul li ul li { background:none;}

#div_album_list ul li .infos {
	padding-top: 10px;
	font-weight: bold;
}

#div_album_list li.active {
	border: 1px solid #090;
	background: url(../img/icons/folder.gif) top left no-repeat #EDFFCE;
}

#div_album_list form.modif_album ul {
	margin: 0px;
	margin-top: 5px;
}

#div_album_list form.modif_album ul li {
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#div_album_list form.modif_album ul li label {
	width: 30%
}

#div_album_list form.modif_album ul li input {
	width: 65%
}

#div_album_list form.modif_album .bt_valid {
	width: 40px;
}

.photo_list {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	margin: 3px 0 0 4px
}

.photo_list li { float: left; margin: 5px 5px;}

/*	Utilisé pour les photos qui ne sont pas encore validées	*/
.photo_list li.photo_state_1 {	border:2px solid #ff6600;}	
.photo_list li.photo_state_2 {	border:2px solid #009900;}	

.photo_list li a.image,.photo_list li a.image:visited {
	display: block;
	height: 90px;
	width: 90px;
	border: 1px solid #D9DEE4;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #c1c5d0;
	background-image: url('/Chicbook/layouts/img/icons/ajax_loader.gif');
}

.photo_list li a.image:hover {
	background-color: #D9DEE4;
	border: 1px solid #456490;
}
.photo_list li strong { display:block;	width:100%; background:#456490; text-align:center; width: 90px; height:18px;}
.photo_list li strong a { font-size:10px; color:#fff; font-weight:normal; display:block; padding:3px 0}


/*	Div qui sert de container au enlights de profil (PhotoGraphe / Mannequin etc.) */
#profil_enlights {display:block; width:690px; height:330px; background:#B2BAC7;}



#utilisateur_profil_detail .photo_list li a, #utilisateur_profil_detail .photo_list li a:visited,
#utilisateur_profil_photos .photo_list li a, #utilisateur_profil_photos .photo_list li a:visited
	{
	height: 126px;
	width: 126px;
}

div.col_left {
	width: 55%;
	float: left;
	border-right: 1px dotted #666;
	padding-right: 10px;
}

div.col_right {
	width: 40%;
	margin-left: 10px;
	float: left;
}

/*	PAGE PROFIL	*/

#profil_photos_genre {float:left; width: 680px;}
#profil_photos_genre .pagination { margin:10px 15px;}
#profil_photos_genre .profil_logo {margin:5px 580px; width:110px; height:212px;}

#profil_photos_genre .module { width:670px;}
#profil_photos_genre .profil_photo_genre_model { margin-left:20px; }

#profil_photos_genre h2 ul { float:right; margin-right:5px;}
#profil_photos_genre h2 ul li {float:left; margin-left:6px;}


/*#profil_photos_genre h2 { font-size:18px; line-height:20px; font-weight:bold; text-align:left; margin-top:10px;}*/

ul.annuaire_ul div.module {height:160px;}
ul.annuaire_ul {margin:15px; float:none; clear:both}
ul.annuaire_ul li {display:block; padding:0px; margin-bottom:5px; font-size:10px;  }

ul.annuaire_ul .enlight {background:#AEC7EA; }
/*ul.annuaire_ul li a.profil_link {font-size:18px; display:block; text-transform: uppercase;  width:100%; }*/
ul.annuaire_ul li.enlight a {}

#profil_photos_genre ul.annuaire_ul div.module { width:310px;}

ul.annuaire_ul li ul li {display:block; margin:0px;}

div.profil_infos_user {float:right; width:180px; margin:5px;}
div.profil_infos_user span {display:block; text-align:right;};
div.profil_infos_user span.adresse {  margin:15px 5px; }
div.profil_infos_user span.activite { font-weight:bold;}
div.profil_infos_user span.website { font-weight:bold; font-size:10px; clear:right; margin-top:15px;}
div.profil_infos_user span.telephone { margin-top:15px;}
div.profil_infos_user div.annuaire_photos { float:left; display:block; }


/*	Sur la page du profil détaillé	*/
div.utilisateur_infos .profil_infos_user { width:300px;}


/*	MOTEUR DE RECHERCHE		*/

.search_div { display:block; float:right; background:#E2E5EA; width:240px; margin:10px 10px;}
.search_div h2 { font-size:12px; line-height:20px;}
.search_div .btn_bleu {width:50px; color:#fff; margin:5px;}
.search_div ul {padding:20px; }
.search_div ul li input, .search_div ul li select { width: 200px; }
.search_div ul li label { color: #456490; font-weight: bold; width: 200px; }

#search_composant_3_ {width:35px;}
#search_composant_3_inf_ {width:35px;}
#search_composant_7_ {width:35px;}
#search_composant_7_inf_ {width:35px;}

/*	Page de recherche	*/
#search_list .photo_list {	width: 640px; }

/*	FORMULAIRE DE CONTACT */
#form_contact_container {	padding:15px;}
#form_contact_container li label{	font-size:12px;	width:150px;}
#form_contact_container li input{	font-size:12px;	width:340px;}


/*	GESTION AFFICHAGE DONNEES USER	*/
#utilisateur_profil_detail {
	margin: 10px;
	color: #333333;
}

#utilisateur_profil_detail ul {	float: left;}
#utilisateur_profil_detail .utilisateur_profil_infos {float:right; background:#c1c5d0; border:1px solid #d9dee4; border-bottom:0; margin:1em 0 1em 2em }
#utilisateur_profil_detail .utilisateur_profil_infos li { width:450px; border-bottom: 1px dotted #efefef; margin:0; padding:0.5em;  }

/*#utilisateur_profil_detail .utilisateur_profil_infos li span.label { display:block; width:125px; float:left;} */
#utilisateur_profil_detail .utilisateur_profil_infos li span.value { font-size: 11px; font-weight: bold; margin-left:190px;  display:block;} 
#utilisateur_profil_detail div.contact_link { float:right;}

#utilisateur_profil_detail .utilisateur_infos { display:table; margin-left:0; width:750px; float:left; }
#utilisateur_profil_detail .utilisateur_infos p.nom { font-size:15px; font-weight:bold;}
#utilisateur_profil_detail .utilisateur_infos p.localisation { font-size:14px; color:#F63;}
#utilisateur_profil_detail div.bio * { font-size:10px; color:#666}

#utilisateur_profil_detail li span.label {
	display: block;
	font-size: 11px;
	line-height: 1.3em;
	width: 165px;
	float: left;
}

#utilisateur_profil_detail h3 {
	color: #456490;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #456490;
}

#utilisateur_profil_detail .photo_list li {
	margin: 0 25px 0 0;
	border-bottom: none;
}

#utilisateur_profil_detail .photo_list ul {
	width: 150px; float:left;}

#utilisateur_profil_photos .pagination { margin-top:1em}

/*		EDITION DU PROFIL	*/

#form_add_profil { padding:10px; border:1px solid #456490; margin-bottom:15px;}
#form_add_profil .btn_bleu {width:50px; color:#fff;}
#form_add_profil label {width:150px; }

.profil_editor {
	padding: 5px 5px 5px 25px;
	background: #eef;
	margin-bottom: 15px;
	border:1px solid #ccc;
}

.profil_editor h4 {
	font-size: 16px;
}

.profil_editor .form_profil ul {
	margin: 10px 0px 5px 0px;
}

.profil_editor .form_profil li label {
	width: 160px;
}

.profil_editor .form_profil li input,.profil_editor .form_profil li select
	{
	width: 160px;
}

.form_profil ul li ul {width:100%}
.form_profil ul li ul li {	line-height:1.2em; font-size:10px; float:left; width:50%}
.form_profil ul li ul li .checkbox { width: 20px; float:left;}

.form_profil ul li.li_checkb label {width:100%}
.form_profil ul li.li_checkb ul {float:left}


.profil_editor .btn_bleu {margin-bottom:15px; float:right}

.form_right_list .action_new {
	display: block;
	margin-bottom: 15px;
}

.form_right_list .action_deplier {
	font-size: 14px;
	margin: 10px 0 10px 0;
	display: block;
	padding-left: 20px;
	background: url(../img/icons/icon_edit.png) top left no-repeat;
	cursor: pointer;
	height: 20px;
}
.form_right_list .action_delete{	float:right;}

.form_right_list .action_view,.form_right_list .action_modify
	{
	float: right;
	display: block;
	width:42%;
	height:20px;
	font-size:10px;
}


/*Carousel*/
	.jcarousel-container { position: relative;}
	.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
	.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left:3px; margin: 0;padding: 0;}
	.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 90px; height: 240px; padding:0 10px}
	
	.jcarousel-list li strong { margin-bottom:15px;}
	
	.jcarousel-container-horizontal { width: 620px; height:250px;}
	.jcarousel-clip-horizontal { width: 620px; height: 240px;}
	.jcarousel-item-horizontal { margin-right: 0px;}
	.jcarousel-next { z-index: 3; display: none;}
	.jcarousel-prev { z-index: 3; display: none;}
	
	
	.jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 10px; height: 240px; cursor: pointer; background:		
  url(../img/icons/carousel_next.gif) no-repeat 0 120px;/* border-left: 1px dotted #3F5152;*/background-color: rgb(225,228,235);		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
	.jcarousel-next-horizontal:hover { background-position: -10px 120px;}
	.jcarousel-next-horizontal:active { background-position: -10px 120px;}
	.jcarousel-next-disabled-horizontal,
	.jcarousel-next-disabled-horizontal:hover,
	.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -20px 120px;}
	
	.jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 10px; height: 240px; cursor: pointer; background: url(../img/icons/carousel_prev.gif) no-repeat 0 120px;/* border-right: 1px dotted #3F5152;*/background-color: rgb(225,228,235);		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 }
	.jcarousel-prev-horizontal:hover {background-position: -10px 120px;}
	.jcarousel-prev-horizontal:active { background-position: -10px 120px;}
	.jcarousel-prev-disabled-horizontal,
	.jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -20px 120px;}
	/*Carousel scroll controls*/
	
	
	.carousel_scroll_controls {float:right; display:block; background:none; width:auto; height:auto;  list-style:none; }
	.carousel_scroll_controls li a {  font-size:10px; font-weight:normal; color:#fff; margin-right:5px; -moz-border-radius:3px; display:block; background:url(../img/icons/fade_unactive.gif) top left repeat; border:1px solid #fff; width:6px; height:6px; overflow:hidden}
	.carousel_scroll_controls li a:active, 
	.carousel_scroll_controls li a:link, 
	.carousel_scroll_controls li a:hover, 
	.carousel_scroll_controls li a:visited { outline: none;}
	.carousel_scroll_controls li { float:left;}
	.carousel_scroll_controls { padding-top:15px}
	.carousel_scroll_controls li a.active{ background: url(../img/icons/fade_active.gif) top left repeat; }
	.carousel_scroll_controls li a.unactive{ background: url(../img/icons/fade_unactive.gif) top left repeat; }
	
	.carousel_scroll_controls {float:right; display:block; background:none; width:auto; height:auto;  list-style:none; }
	.carousel_scroll_controls li { width:auto; margin:0 ; }
	.carousel_scroll_controls { padding:10px 10px 0 0; }
	
	
	/*#header_autres_dossier { clear:both; }
	#entete_docu_7 .carousel_scroll_controls li a {  color:#659817; border:1px solid #659817; }
	#entete_veille_13 .carousel_scroll_controls li a {  color:#e55c18; border:1px solid #e55c18; }
	#entete_esspace_carriere_24 .carousel_scroll_controls li a {  color:#8f58a6; border:1px solid #8f58a6; }
	*/