/*******************************************************************************/
/******** ECOMMUNITY CSS /// KEI'  *********************************************/
/*******************************************************************************/

/**************************************************************/
/******** GLOBAL  *********************************************/
/**************************************************************/


/******** logout *********************/

.logout_fcb {
  padding-top:10px;
  text-align:center;  
}

.logout_fcb a {
  color: #CBD439;
  font-weight: bold;  
  text-transform: uppercase;
}

.logout_fcb a:hover {
  color: #003883;
}



/******** pagination ****************/
div.pagination {
  text-align: center;
  margin: 10px;
}

#milieu #milieu_droite_contenu .pagination a {
  text-decoration: none;
  font-weight: bold;
}

#milieu #milieu_droite_contenu .pagination a:hover {
  color: #C8D23C;
}

#milieu #milieu_droite_contenu .pagination a.page_active {
 color: #CBD439; 
}


/******** onglets  ********************/

ul#ecommunity_profil_tabs {
    font-weight: bold;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #CBD439;
    margin: 15px 0;
}

ul#ecommunity_profil_tabs li {
    float: left;
    height: 21px;
    background-color: #003883;
    margin: 2px 2px 0 2px;
    border: 1px solid #CBD439;
    list-style-type: none;
    text-transform: capitalize;
} 

ul#ecommunity_profil_tabs li.link_mode_active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #003883;
}

#milieu #milieu_droite_contenu .ecommunity_view_groups_actions ul#ecommunity_profil_tabs li.link_mode_active a,
#milieu #milieu_droite_contenu .ecommunity_view_groups_actions a:hover {
  color: #003883;
}

#ecommunity_profil_tabs a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 4px;
}

#ecommunity_profil_tabs a:hover {
    background: #fff;
    color: #003883;
    margin-left: -5px;
    border-left: 5px solid #fff;
}

#milieu #milieu_droite_contenu .ecommunity_view_groups_actions a, 
#milieu #milieu_droite_contenu .ecommunity_view_groups_actions a:link {
  text-decoration: none;
  color: #fff;
}


/******** boutons *****************************/


div.ecommunity_submit_search .ecommunity_search_murbutton input {
  background-color:#003366;
  color:#C8D23C;
  font-size:12px;
  font-weight:bold;
  margin-left: 2px;
}


div.ecommunity_add_comment .ecommunity_add_comment_murbutton {
  text-align: right; 
}

div.ecommunity_add_comment .ecommunity_add_comment_murbutton input,
div.ecommunity_add_comment_enfant .ecommunity_add_comment_murbutton input,
div.ecommunity_add_comment_gallery .ecommunity_add_comment_murbutton input,
div.ecommunity_submit .ecommunity_add_comment_murbutton input,
.ecommunity_confirm_geo_button input,
div.logout_fcb input,
.ecalculettecarbone_submit input {
  background-color:#003366;
  color:#C8D23C;
  cursor: pointer;
  font-size:14px;
  font-weight:bold;
  padding:5px 10px; 
  margin-right: -4px;
}

div.ecommunity_add_comment .ecommunity_add_comment_murbutton input:hover,
div.ecommunity_add_comment_enfant .ecommunity_add_comment_murbutton input:hover,
div.ecommunity_add_comment_gallery .ecommunity_add_comment_murbutton input:hover,
div.ecommunity_submit .ecommunity_add_comment_murbutton input:hover,
div.ecommunity_submit_search .ecommunity_search_murbutton input:hover,
.ecommunity_confirm_geo_button input:hover,
div.logout_fcb input:hover,
.ecalculettecarbone_submit input:hover {
  background-color:#C8D23C;
  color:#003366;
}

.ecommunity_confirm_geo_button .ecommunity_submit_input {
  margin-left: 60px;
  margin-top: 25px;
}

div.ecommunity_add_comment_enfant .ecommunity_add_comment_murbutton {
  text-align: right;
  width: 476px;
  margin-left: 60px;
}

div.ecommunity_add_comment_gallery .ecommunity_add_comment_murbutton {
  text-align: right;
  width: 476px;
  margin-left: 70px;
}




/**********************************************************/
/******** FORMULAIRE   ************************************/
/**********************************************************/
.ecommunity_input_search {
  color:#999999;
  float:left;
}

.ecommunity_search {
  border-bottom: 1px solid #003366;
  padding-left: 25%;
  padding-bottom: 10px;
}

.ecommunity_formulaireRecherche .ecommunity_input,
.ecommunity_formulaireRecherche .ecommunity_select,
.ecommunity_formulaireRecherche .ecommunity_textarea,
.ecommunity_formulaireRecherche .ecommunity_fichier {
  margin:5px 0;
}


.ecommunity_formulaireRecherche .ecommunity_input label,
.ecommunity_formulaireRecherche .ecommunity_textarea label,
.ecommunity_formulaireRecherche .ecommunity_select label,
.ecommunity_formulaireRecherche .ecommunity_fichier label {
  color: #333;
  display:block;
  float:left;
  margin-right:15px;
  text-align:right;
  width:210px;
}

.ecommunity_formulaireRecherche #photo {
  vertical-align: top;
}

/*#milieu .ecommunity_formulaireRecherche p {
  border-bottom: 1px solid #C8D23C;
  padding: 15px;
} */

div.introduction {
  border-bottom: 1px solid #C8D23C;
  border-top: 1px solid #C8D23C;
  padding: 15px;
}

/*#milieu .ecommunity_new_message p {
  border-bottom: 1px solid #C8D23C;
  border-top: 1px solid #C8D23C;
  padding: 15px;
  margin:0 0 20px 0;
}
*/

#milieu p.ecommunity_modification_ok  {
  color:#003366;
  font-weight:bold;
}

.ecommunity_formulaireRecherche .ecommunity_submit {
  float:right;
  margin-top:20px;
  width:66%;
}

.ecommunity_input,
.ecommunity_select,
.ecommunity_textarea,
.ecommunity_fichier {
  margin:5px 0;
}

.ecommunity_input label,
.ecommunity_textarea label,
.ecommunity_select label,
.ecommunity_fichier label {
  color: #333;
  display:block;
  float:left;
  margin-right:15px;
  text-align:right;
  width:70px;
}

.ecommunity_input input,
.ecommunity_textarea #description,
.ecommunity_fichier input,
.ecommunity_select #galerie {
  width:210px;
}

.ecommunity_checkbox {
  margin-bottom: 9px;
}

.ecommunity_submit {
  padding-left: 85px;
}

input#sujet {
  width: 295px;
}

.ecommunity_add_groups {
  border: 1px solid #003883; 
  margin-top: -1px;
  padding: 10px;
}


.ecommunity_validation_modification {
  border-bottom:1px solid #CBD439;
  font-weight: bold;
  padding-bottom:10px;
}

.error-inscription {
  color: red;
  margin-left: 225px;
}

/**********************************************************/
/******** MUR *********************************************/
/**********************************************************/

.ecommunity_mur_message_all {
  padding: 0 20px 0 20px;
}

/******** typo mur/com ****************/

.ecommunity_mur_message_titre_nom {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: capitalize;
}

.ecommunity_mur_message_titre_date {
  font-size: 0.9em;
  font-style: italic;
  text-transform: capitalize;
}

#milieu #milieu_droite_contenu .ecommunity_mur_message_action a,
#milieu #milieu_droite_contenu .ecommunity_mur_message_action a:visited,
#milieu #milieu_droite_contenu .ecommunity_mur_message_enfant_action a,
#milieu #milieu_droite_contenu .ecommunity_mur_message_enfant_action a:visited {
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

#milieu #milieu_droite_contenu .ecommunity_mur_message_action a:hover,
#milieu #milieu_droite_contenu .ecommunity_mur_message_enfant_action a:hover {
  color: #C8D23C;
}

p.noresult {
  border-bottom: 1px solid #CBD439; 
  border-top: 1px solid #CBD439;
  padding: 5px;
}

/******** ajout message sur le mur ***********/

div.ecommunity_add_comment .ecommunity_add_comment_murtext .ecommunity_recherche {
  margin: 1px;
}

div.ecommunity_add_comment .ecommunity_add_comment_murtext textarea {
  width: 100%;
}


/******** affichage message sur le mur ********/

div.ecommunity_mur_message {
  border-top:1px solid #CBD439;
  display:inline-block;
  margin-top:10px;
  padding:10px;
  width:100%;
}

div.ecommunity_mur_img img {
  max-width: 50px;
  height: auto;
  display: block;
  float: left;
  padding-right: 10px;
}

.ecommunity_mur_message_message {
  margin:10px 60px 0;
}

.ecommunity_mur_message_action {
  float: right;
}




/******** affichage commentaire enfant sur le mur ********/


div.ecommunity_mur_message_enfant {
  background-color: #e6e6e6;
  width: 470px;
  margin-bottom: 3px;
  margin-left: 70px;
  float: left;
}

div.ecommunity_mur_message_enfant {
  padding: 5px 5px 0;
  border-bottom: 1px solid #ccc;
}

div.ecommunity_mur_enfant_img img {
  max-width: 32px;
  height: auto;
  display: block;
  float: left;
  padding-right: 10px;
}

.ecommunity_mur_message_enfant_action {
  float: right;
}

.ecommunity_mur_message_enfant_message {
  margin:10px 42px 0;
}


/******** champs commentaire enfant sur le mur ********/

div.ecommunity_add_comment_enfant textarea {
  width: 476px;
  margin-left: 60px;
}




/**********************************************************/
/******** PROFIL ******************************************/
/**********************************************************/


/******** typo profil **********************/

.ecommunity_profil_section_name {
  font-weight: bold;
}

.ecommunity_profil_label {
  color: #333;
}

.ecommunity_profil_value {
  text-transform: capitalize;
}

#milieu #milieu_droite_contenu div.ecommunity_profil_edit_link #link a,
#milieu #milieu_droite_contenu div.ecommunity_profil_edit_link #link a:visited {
  text-decoration: none;
  font-weight: bold;
}

#milieu #milieu_droite_contenu div.ecommunity_profil_edit_link #link a:hover {
  color: #C8D23C;
}

.ecommunity_view_nom_profil {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1.2em;
}



/******** affichage profil ****************/

.ecommunity_profil {
}

.ecommunity_profil_section {
  margin:20px 0 0;
}

.ecommunity_profil_section_perso {
  width: 100%;
  border-bottom: 1px solid #CBD439;
  display: table;
  padding-bottom: 10px;
}

.ecommunity_input_photo {
  margin-left: 10px;
}

.ecommunity_input_photo img {
  float: left;
  padding: 0 10px;
}

.ecommunity_input_name {
  float: left;
}


.ecommunity_profil dl.ecommunity_input {
  display: block;
  padding: 5px 20px 40px 0;
  border-bottom:1px solid #CBD439;
}

.ecommunity_profil dl.ecommunity_input dt {
  clear: left;
  float: left;
  width: 200px;
  color: #333;
}

.ecommunity_profil dl.ecommunity_input dt dd {
  float: left;
  width: 400px;
  text-transform: capitalize;
}

.ecommunity_profil_edit_link {
  display: block;
  text-align: right;
}



/**********************************************************/
/******** MEMBERLIST **************************************/
/**********************************************************/




/******** liste des membres ****************/

ul.members_list li {
  display: inline-block;
  padding: 10px;
  width: 90%;
  list-style-type: none;
  border-bottom: 1px solid #CBD439;
}

#milieu #milieu_droite_contenu .members_list li a {
  text-decoration: none;
}

#milieu #milieu_droite_contenu .members_list li a:hover {
  color: #C8D23C;
}
.members_list_detail_1 {
	font-size:0.8em;
	font-weight:normal;
}
.members_list_detail_2 {
	font-size:0.8em;
	font-weight:normal;
	padding:7px 0 0 0;
}
div.members_list_img {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.members_list_img img {
  /*max-width: 100px;*/
  height: auto;
  float: left;
}

.members_list_nom {
  float: left;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1.2em;
	width:404px;
}

.members_list_add {
  float: right;
  font-size: 0.9em;
}
  



/**********************************************************/
/******** GALERIE  ****************************************/
/**********************************************************/

/******** ajout galerie/photo *********************/

div#ecommunity_add_galerie {
  border: 1px solid #003883;
  float: left;  
  margin-top: 10px;
  padding-top: 5px;
  width: 49%;
}

div#ecommunity_add_photo {  
  border: 1px solid #003883;  
  float: left;
  margin-left: 5px;
  margin-top: 10px;
  padding-top: 5px;
  width: 49%;
}

.galerie_photo_add_section { 
  color:#003883;
  font-weight:bold;
  padding:5px;
  text-transform:uppercase;  
}


/******** liste galerie *********************/

.ecommunity_resultat_nogalerie {
  border-bottom: 1px solid #CBD439; 
  border-top: 1px solid #CBD439;
  clear: both;
  margin-top: 15px;
  padding: 5px;
}

.gallerie {
  width: 95%;
  display: inline-block;
  margin: 10px 20px;
  border: 1px solid #CBD439;
}

.gallerie_photo {
  float: left;
  display: block;
  margin: 10px 10px;
}

.gallerie_info {
  float: left;
  margin: 10px 10px;
}

#milieu #milieu_droite_contenu .gallerie_info a {
  font-weight: bold;
  text-decoration: none;
}

#milieu #milieu_droite_contenu .gallerie_info a:hover {
  color: #C8D23C;
}


.gallerie_action {
  float: right;
  margin: 10px 10px;
}

/**********************************************************/
/******** LISTE PHOTO  ************************************/
/**********************************************************/

.ecommunity_photo_list {
}

.photo {
  display: inline-block;
}

 

.gallerie_photo_preview a {
  display: block;
  padding: 5px;
  border: 1px solid #CBD439;
  margin: 2px;
}

.gallerie_photo_preview a:hover {
  border: 1px solid #003883;
}


#milieu #milieu_droite_contenu .gallerie_photo_list a {
  font-size: 0.9em;
  text-decoration: none;
}

#milieu #milieu_droite_contenu .gallerie_photo_bouton a {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}

#milieu #milieu_droite_contenu .gallerie_photo_list a:hover,
#milieu #milieu_droite_contenu .gallerie_photo_bouton a:hover {
  color: #CBD439;
}

#milieu #milieu_droite_contenu .gallerie_photo_bouton {
  display: inline-block;
  width: 100%;
}

.gallerie_photo_list {
  float: left;
  display: block;
  height: 100px;
  margin: 10px 10px;
  text-align: center;
}


/**********************************************************/
/******** AFFICHAGE PHOTO  ********************************/
/**********************************************************/

.e_community_view_photo_img {
  text-align: center;
  border-bottom: 1px solid #CBD439;
  padding-bottom: 15px;
  margin-bottom: 5px;
}

.e_community_view_photo_img img {
  max-width: 600px;
  height: auto;
}

#ecommunity_prec_suiv {
  border-bottom: 1px solid #003883;
  display: block;
  margin-bottom: 5px;
  padding: 0 5px 10px 0;
  text-align: right;
}

#milieu #milieu_droite_contenu #ecommunity_prec_suiv a,
#milieu #milieu_droite_contenu #ecommunity_prec_suiv a:link,
#milieu #milieu_droite_contenu #ecommunity_prec_suiv a:visited {
  text-decoration: none;
  font-weight: bold;
}

#milieu #milieu_droite_contenu #ecommunity_prec_suiv a:hover {
  color: #C8D23C;
}


/******** formulaire commentaire *********************/

div.ecommunity_add_comment_gallery textarea {
  width: 476px;
  margin-left: 70px;
}

#milieu #milieu_droite_contenu .ecommunity_mur_message_titre_nom a {
  text-decoration: none; 
}

#milieu #milieu_droite_contenu .ecommunity_mur_message_titre_nom a:hover {
  color: #CBD439;
}


/**********************************************************/
/******** FRIENDS LIST  ***********************************/
/**********************************************************/

/******** demande en attente *********************/

.ecommunity_resultat_friends_list_confirm {
  border-bottom: 1px solid #003883;
  padding: 10px;
}

.members_list_confirm {
  float: right;
  font-size: 0.9em;
}


#milieu #milieu_droite_contenu ul.invitation_list a {
  text-decoration: none;
}

#milieu #milieu_droite_contenu ul.invitation_list a:hover {
  color: #CBD439;
}

.invitation_list_nom {
  float: left;
  font-weight: bold;
}

ul.invitation_list {
  margin-top: 10px;
}




/******** liste d'amis ***************************/

div.friends_list_img {
  display: inline-block;
  float: left;
}

.friends_list_img img {
  max-width: 50px;
  height: auto;
  float: left;
}


.members_list_delete {
  float: right;
  font-size: 0.9em;
}
  

/**********************************************************/
/******** GROUPS LIST  ************************************/
/**********************************************************/

ul.groups_list {
  margin-top: 15px;
  width: 100%;
}

.groups_list_nom {
  float: left;
  margin-left: 10px;
  font-weight: bold;
  width: 50%;
}

.groups_list_action {
  float: right;
  font-size: 0.9em;
}

ul.groups_list li {
  display: inline-block;
  padding: 10px;
  width: 90%;
  list-style-type: none;
  border-bottom: 1px solid #CBD439;
}

#milieu #milieu_droite_contenu .groups_list li a {
  text-decoration: none;
}

#milieu #milieu_droite_contenu .groups_list li a:hover,
#milieu #milieu_droite_contenu .action_add_group a:hover {
  color: #C8D23C;
}

div.action_add_group {
  border-bottom: 1px solid #003883; 
  padding-bottom: 10px;
  text-align: right;
}

#milieu #milieu_droite_contenu .action_add_group a {
  font-weight: bold;
  text-decoration: none;
}




/**********************************************************/
/********  VIEW GROUPS ************************************/
/**********************************************************/

/******** profil groupe ***************************/

.ecommunity_view_group_name {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}

.ecommunity_view_groups_modifier {
  margin-bottom: 15px;
  text-align: right;
  width: 100%;
}

#milieu #milieu_droite_contenu .ecommunity_view_groups_modifier a,
#milieu #milieu_droite_contenu .ecommunity_view_actions a {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}

#milieu #milieu_droite_contenu .ecommunity_view_groups_modifier a:hover,
#milieu #milieu_droite_contenu .ecommunity_view_actions a:hover {
  color: #CBD439;
}

.ecommunity_view_actions {
  display: block;
  text-align: right;
  width: 100%;
}



/**********************************************************/
/********  GOOGLEMAP   ************************************/
/**********************************************************/


.tx_dcdgooglemap_map span {
 display: none;  
}

.tx_dcdgooglemap_map .tx_dcdgooglemap_geocoder form fieldset, .tx_dcdgooglemap_map .tx_dcdgooglemap_direction form fieldset {
  border-color:#273E8E;
  border-style:solid none none;
  border-width:1px medium medium;
  padding-top: 15px;
}

.tx_dcdgooglemap_map .tx_dcdgooglemap_direction form {
  float:left;
  width:95%
}

#tx_dcdgooglemap_direction_buttonmap {
  margin-top: 14px;
  background-color:#003366;
  color:#C8D23C;
  cursor: pointer;
  font-size:0.9em;
  font-weight:bold;
  padding:2px 10px; 
}

#tx_dcdgooglemap_direction_buttonmap:hover {
  background-color:#C8D23C;
  color:#003366;
}

.tx_dcdgooglemap_map .tx_dcdgooglemap_direction_from, .tx_dcdgooglemap_map .tx_dcdgooglemap_direction_to {
  width:210px;
}

.tx_dcdgooglemap_map .tx_dcdgooglemap_geocoder form fieldset label, 
.tx_dcdgooglemap_map .tx_dcdgooglemap_direction form fieldset label {
  color: #333;
  display:block;
  float:left;
  margin-right:15px;
  text-align:left;
  width:210px;
} 


/**********************************************************/
/********  CALCULETTE CARBONE  ****************************/
/**********************************************************/

#carbon_calculator {
  height: 500px;
}

.ecalculettecarbone_formulaireRecherche {

}


.ecalculettecarbone_formulaireRecherche form {
  background: url(/fileadmin/template/images/interface/carbone-bg-calculator.jpg) no-repeat;
  float: left; 
  margin-bottom: 30px;
  width: 98%;
}

.ecalculettecarbone_input,
.ecalculettecarbone_select,
.ecalculettecarbone_covoiturage,
.ecalculettecarbone_submit {
  margin-bottom: 10px;
}

.ecalculettecarbone_select {
}

.ecalculettecarbone_covoiturage {
}

.ecalculettecarbone_submit input {
  float: right;
  margin-right: 7px;
}

.ecalculettecarbone_input label,
.ecalculettecarbone_select label,
.ecalculettecarbone_covoiturage label {
  color: #333;
  display:block;
  float:left;
  margin-right:15px;
  text-align:right;
  width:74%;
}

.ecalculettecarbone_input input,
.ecalculettecarbone_covoiturage input {
  width: 143px;
}

.ecalculettecarbone_resultat_recherche {
  background: url("/fileadmin/template/images/interface/carbone-bg-footer.jpg") no-repeat scroll center bottom transparent;
  height: 280px;
}

           
.ecalculettecarbone_resultat {
  border-top: 1px solid #CBD439;
  margin-left: 10px;
  padding: 30px 30px 30px 100px;   
}